.phero{padding:clamp(28px,4vw,64px) 0 0;position:relative;overflow:hidden}.phero-g{gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid;position:relative}.phero-t{z-index:2;grid-column:1/9;padding-bottom:clamp(36px,5vw,80px);position:relative}.phero h1{font-size:clamp(58px,6.9vw,118px);line-height:1}@media (min-width:1025px) and (max-height:760px){.phero h1{font-size:min(clamp(58px,6.9vw,118px),12.6vh)}main .phero{padding-top:var(--s5)}.phero-i{max-height:calc(100% + var(--s5))}}.phero h1 span{display:block}.phero .lead{margin-top:var(--s4);max-width:620px}.phero-c{align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s5);flex-wrap:wrap;display:flex}.phero-v{flex-direction:column;grid-column:10/13;align-self:end;display:flex;position:relative}.phero-i{right:calc(var(--v)*-6);width:calc(var(--v)*29);pointer-events:none;max-width:none;position:absolute;bottom:0}.phero-v .slip{width:calc(var(--v)*22);margin:0 0 var(--s7) calc(var(--v)*-10)}@media (min-width:861px){.phero-v{justify-content:flex-end;align-self:stretch}.phero-i{object-fit:contain;object-position:100% 100%;max-height:calc(100% + clamp(28px,4vw,64px))}}@media (max-width:860px){.phero-t{padding-bottom:var(--s5);grid-column:1/-1}.phero h1{font-size:17vw}.phero-v{grid-column:1/-1;display:block}.phero-i{width:64vw;margin:-24px calc(var(--m)*-1) 0 auto;display:block;position:relative;right:auto}.phero-v .slip{width:auto;margin:0 0 var(--s3)}}@media (max-width:359px) and (max-height:700px){main .phero{padding-top:var(--s4)}main .phero .lead{margin-top:var(--s3);font-size:16px;line-height:1.3}main .phero-c{margin-top:var(--s4)}}@media (max-width:860px) and (max-height:500px){.phero{padding-top:var(--s4)}main .phero :is(h1.dx,h1:has(.dx)){font-size:min(7.2vw,60px)}.phero .lead{margin-top:var(--s3);max-width:none}.phero-c{margin-top:var(--s4)}main:has(.phero) h2.dx:not(.xl){font-size:var(--t-d1)}main:has(.phero) h2.calm:not(.xl){font-size:var(--t-c1)}main:has(.phero) :is(h3.dx,.bans-l b.dx):not(.xl){font-size:var(--t-d2)}}main .phero{--hf-e:calc((100vw - min(100vw,var(--max)))/2 + var(--m));--hf-r:var(--s5);--hf-g:var(--blue)}main .phero.on-ink{--hf-g:var(--ink)}main .phero.on-gold{--hf-g:var(--gold)}main .phero .hf{z-index:1;pointer-events:none;aspect-ratio:var(--ar);position:absolute;container-type:inline-size}main .phero .hf-i{width:100%;max-width:none;height:100%;display:block}main .phero .hf--m .hf-i{scale:-1 1}main .phero .hf-sc{text-align:center;width:16.5%;height:34.8%;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;word-spacing:.08em;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:900;font-stretch:62%;line-height:1.02;display:flex;position:absolute;top:35.8%;left:5.1%}main .phero .hf--m .hf-sc{left:78.4%}main .phero .hf-sc b{color:var(--blue);font-size:7cqw;font-weight:900;line-height:1}main .phero .hf-sc i{font-size:max(12px,3.7cqw);font-style:normal}main .phero .hf-sc--s i{font-size:max(12px,2.8cqw);line-height:1.08}main .phero[class*=phero--] .phero-v>:not(.hf),main .phero .hf-o>:not(.hf){z-index:2;position:relative}main .phero.on-gold h1 .gold{color:var(--blue)}main .phero.on-gold .tl{color:var(--ink)}main .phero .hf-o{position:relative}main .phero.phero--window .hf-o>.hf{z-index:3;width:calc(var(--v)*7.4);aspect-ratio:4/5;background:var(--hf-g);min-width:96px;top:18px;right:18px;overflow:hidden}main .phero.phero--window .hf-o:has(>.pass)>.hf{top:var(--s5);right:var(--s5)}main .phero.phero--window .hf-o>.hf .hf-i{width:170%;height:auto;position:absolute;top:5%;left:-30%}main .phero.phero--window .hf-o>.hf--card .hf-i{width:150%;top:3%;left:-6%}main .phero.phero--window .hf-o>.slip>.slip-h{min-height:calc(max(var(--v)*7.4,96px)*1.25);padding-right:calc(max(var(--v)*7.4,96px) + var(--s3));align-items:flex-end}main .phero.phero--window .hf-o>.pass>.pass-s{min-height:calc(max(var(--v)*7.4,96px)*1.25 - var(--s2));padding-right:calc(max(var(--v)*7.4,96px) + var(--s3));align-items:flex-end}main .phero.phero--peek .hf-o>.hf{width:calc(var(--v)*13);min-width:118px;height:calc(var(--v)*9);aspect-ratio:auto;min-height:82px;bottom:calc(100% - 22px);right:9%;overflow:hidden}main .phero.phero--peek .hf-o>.hf .hf-i,main .phero.phero--behind .hf-o>.hf .hf-i{width:100%;height:auto;position:absolute;top:0;left:0}main .phero.phero--behind .hf-o>.hf{width:calc(var(--v)*20);min-width:150px;height:calc(var(--v)*13);aspect-ratio:auto;min-height:96px;bottom:calc(100% - 2px);right:6%;overflow:hidden}@media (min-width:1024px){main .phero[class*=phero--] .phero-g{grid-template-rows:none;align-items:end;min-height:0}main .phero[class*=phero--] .phero-t{z-index:2;grid-area:1/1/auto/9;align-self:end;display:block;position:relative}main .phero[class*=phero--] .phero-c{padding-bottom:0}main .phero[class*=phero--] .phero-v{flex-direction:column;grid-area:1/9/auto/13;justify-content:flex-end;align-self:stretch;align-items:flex-end;margin:0;padding:0;display:flex;position:relative}main .phero[class*=phero--] .phero-v>:not(.hf){width:calc(var(--v)*22);min-width:min(280px,100%);max-width:100%;margin:0 0 var(--s7)}main .phero[class*=phero--] .phero-v>.hf-o>:not(.hf){width:100%;min-width:0;max-width:none;margin:0}main .phero.phero--edge .phero-t{grid-column:1/10}main .phero.phero--edge:has(.phero-v>:not(.hf)) .phero-t{grid-column:1/8}main .phero.phero--edge .phero-v{grid-column:8/13;align-items:flex-start}main .phero.phero--edge .phero-v>.hf{right:calc(var(--hf-e)*-1);height:min(calc(100% + var(--hf-r)),calc(var(--v)*44*var(--hr)));bottom:0;translate:25%}main .phero.phero--edge .phero-v>.hf--phone{translate:31%}@media (max-width:1180px){main .phero.phero--edge .phero-v>.hf:not(.hf--phone){translate:29%}}main .phero.phero--close .phero-g{min-height:calc(var(--v)*38)}main .phero.phero--close .phero-v>.hf{right:calc(var(--hf-e)*-1);height:min(calc((100% + var(--hf-r))/.78),calc(var(--v)*44*var(--hr)));bottom:0;translate:12% 22%}main .phero.phero--close .phero-v>:not(.hf){width:calc(var(--v)*19);margin-bottom:var(--s6)}@media (max-width:1100px){main .phero.phero--close .phero-v>.hf{translate:20% 22%}main .phero.phero--close .phero-g{row-gap:0}main .phero.phero--close .phero-t{padding-bottom:var(--s5)}main .phero.phero--close .phero-v{display:contents}main .phero.phero--close .phero-v>:not(.hf){grid-area:2/1/auto/8;justify-self:start;width:min(100%,360px);margin:0 0 clamp(36px,5vw,80px)}}main .phero.phero--head .phero-t{grid-column:1/10}main .phero.phero--head .phero-v{grid-column:10/13}main .phero.phero--head .phero-v>.hf{right:calc(var(--hf-e)*-1);height:calc(var(--v)*21*var(--hr));bottom:0;translate:6% 54%}main .phero.phero--head .phero-v>:not(.hf){width:100%;min-width:min(260px,100%);margin-bottom:calc(var(--v)*21*.46*1.25 + var(--s3))}main .phero.phero--peek .phero-v>.hf-o{width:calc(var(--v)*26);min-width:min(300px,100%);margin:calc(max(var(--v)*9,82px) - 22px + var(--s3)) 0 var(--s7)}main .phero.phero--behind .phero-v>.hf-o{width:calc(var(--v)*24);min-width:min(300px,100%);margin:calc(max(var(--v)*13,96px) - 2px + var(--s3)) 0 var(--s7)}main .phero.phero--window .phero-t{grid-column:1/9}main .phero.phero--window .phero-v{grid-column:9/13}main .phero.phero--window .phero-v>.hf-o{width:calc(var(--v)*24);min-width:min(300px,100%);margin:0 0 var(--s7) calc(var(--v)*-4)}main .phero.phero--left .phero-g{grid-template-rows:auto auto auto auto auto 1fr;row-gap:0;padding-bottom:clamp(36px,5vw,80px)}main .phero.phero--left .phero-t,main .phero.phero--left .phero-v{display:contents}main .phero.phero--left .phero-t>*{z-index:2;grid-area:auto/5/auto/10;max-width:none;position:relative}main .phero.phero--left .phero-t>h1{grid-column:5/13}main .phero.phero--left .phero-v>:not(.hf){width:100%;min-width:0;margin:var(--s5) 0 0 var(--s4);grid-area:2/10/-1/13;place-self:end}main .phero.phero--left .phero-v>.hf{left:calc(var(--hf-e)*-1);height:min(calc(100% + var(--hf-r)),calc(var(--v)*32*var(--hr)));bottom:0;translate:-12%}}@media (max-width:1023px){main .phero[class*=phero--] .phero-g{grid-template-rows:none;min-height:0}main .phero[class*=phero--] .phero-t{grid-area:auto/1/auto/-1;display:block}main .phero[class*=phero--] .phero-v{flex-direction:column;grid-area:auto/1/auto/-1;align-items:stretch;display:flex;position:relative}main .phero[class*=phero--] .phero-v>:not(.hf){width:auto;min-width:0;max-width:none;margin:0 0 var(--s5)}main .phero[class*=phero--] .phero-v>.hf-o>:not(.hf){width:auto;margin:0}main .phero[class*=phero--] .phero-v>.hf{align-self:flex-end;height:auto;position:relative}main .phero.phero--edge .phero-v>.hf{width:min(84vw,520px);margin:-8px calc(var(--m)*-1) 0 auto;translate:24%}main .phero.phero--edge .phero-v>:not(.hf){margin-top:calc(var(--s8)*-1)}main .phero.phero--close .phero-v>:not(.hf){margin-top:var(--s2);order:-1}main .phero.phero--close .phero-v>.hf{width:min(100vw,600px);margin:0 calc(var(--m)*-1) calc(min(100vw,600px)*var(--hr)*-.22) auto;translate:10%}main .phero.phero--head .phero-v>:not(.hf){margin-top:var(--s2);order:-1}main .phero.phero--head .phero-v>.hf{width:min(58vw,360px);margin:0 calc(var(--m)*-1 - 12px) calc(min(58vw,360px)*var(--hr)*-.54) 0}main .phero.phero--left .phero-v>.hf{width:min(66vw,420px);margin:-8px 0 0 calc(var(--m)*-1);align-self:flex-start}main .phero.phero--left .phero-v>:not(.hf){margin-top:calc(var(--s7)*-1)}main .phero.phero--peek .phero-v>.hf-o{margin:calc(clamp(82px,24vw,134px) - 22px + var(--s2)) 0 var(--s5)}main .phero.phero--peek .hf-o>.hf{width:clamp(118px,34vw,190px);height:clamp(82px,24vw,134px)}main .phero.phero--window .hf-o>.hf{width:clamp(96px,26vw,128px)}main .phero.phero--window .hf-o>.slip>.slip-h{min-height:calc(1.25*clamp(96px,26vw,128px));padding-right:calc(clamp(96px,26vw,128px) + var(--s3))}main .phero.phero--window .hf-o>.pass>.pass-s{min-height:calc(clamp(96px,26vw,128px)*1.25 - var(--s2));padding-right:calc(clamp(96px,26vw,128px) + var(--s3))}main .phero.phero--window .phero-v>.hf-o{margin:var(--s2) 0 var(--s5)}main .phero.phero--behind .phero-v>.hf-o{margin:calc(max(var(--v)*13,96px) - 2px + var(--s2)) 0 var(--s5)}}