.fhero{--fh-pad:clamp(16px,4vw,64px);--fh-big:clamp(64px,9.4vw,168px);position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto;justify-items:center;min-height:100vh;min-height:100svh;padding:clamp(104px,13.5vh,126px) var(--fh-pad) clamp(22px,3vh,34px);overflow:hidden;isolation:isolate;text-align:center}
.page>.fhero.slide{background:#fbfaf6}
.fhero-meta{grid-row:1;display:flex;justify-content:space-between;width:100%;max-width:1400px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g5)}
.fhero-meta span{display:inline-flex;align-items:center;gap:10px}
.fhero-meta span:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:0 0 0 3px #ffd60a40}
.fhero-title{display:contents}
.fhero-top,.fhero-bottom{position:relative;z-index:3;display:block;font-family:'Anton','Outfit',Impact,sans-serif;font-weight:400;font-size:var(--fh-big);line-height:.9;letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;color:var(--bk);padding-bottom:0}
.fhero-top{grid-row:2;margin-top:clamp(6px,1.4vh,14px);font-size:calc(var(--fh-big)*.6);letter-spacing:.005em}
.fhero-bottom{grid-row:4;margin-top:calc(var(--fh-big)*-.92)}
.fhero mark{position:relative;background:none;color:inherit;z-index:0}
.fhero mark::after{content:"";position:absolute;left:-.04em;right:-.02em;bottom:.08em;height:.3em;background:var(--y);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .9s 1.05s var(--e)}
.fhero.in mark::after{transform:none}
.fhero-bottom em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--bk)}
.fhero-bottom>span{transition-delay:.35s}
.fhero-stage{grid-row:3;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:0;margin-top:clamp(10px,2vh,24px)}
.fhero-sun{position:absolute;left:50%;top:6%;width:min(70vw,980px);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,#fff1a6 0,#fff6cc 50%,#fff7d600 100%);opacity:0;transform:scale(.6);transition:opacity 1.2s .15s var(--e),transform 1.6s .15s var(--e);z-index:-1}
.in .fhero-sun{opacity:1;transform:none}
.fhero-slides{position:relative;width:100%;max-width:1400px;height:max(340px,calc(100svh - 300px));opacity:0;transform:translateY(40px) scale(.96);transition:opacity 1.1s .25s var(--e),transform 1.5s .25s var(--e)}
.in .fhero-slides{opacity:1;transform:none}
.fhero-slide{position:absolute;inset:0;margin:0;pointer-events:none;--hs-gap:min(33vw,520px);--hs-far:min(58vw,900px)}
.fhero-slide img{position:absolute;left:50%;bottom:0;translate:-50% 0;display:block;width:auto;height:100%;max-width:none;opacity:0;transform:translate3d(var(--hs-far),7%,0) scale(.68);filter:blur(6px);transition:opacity 1.1s var(--e),transform 1.2s var(--e),filter 1.1s var(--e);-webkit-mask:linear-gradient(#000 66%,transparent 97%);mask:linear-gradient(#000 66%,transparent 97%)}
.fhero-slide.is-on{z-index:2}
.fhero-slide.is-on img{opacity:1;transform:none;filter:none}
.fhero-slide.is-prev img,.fhero-slide.is-next img{opacity:.2;filter:blur(3px)}
.fhero-slide.is-prev img{transform:translate3d(calc(var(--hs-gap)*-1),6%,0) scale(.8)}
.fhero-slide.is-next img{transform:translate3d(var(--hs-gap),6%,0) scale(.8)}
.fhero-slide.is-out img{opacity:0;transform:translate3d(calc(var(--hs-far)*-1),7%,0) scale(.68)}
.fhero-slide.is-jump img{transition:none}
.fhero-cap{position:absolute;left:clamp(0px,3vw,48px);top:40%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;opacity:0;transition:opacity .4s var(--e)}
.fhero-slide.is-on .fhero-cap{opacity:1;transition:opacity .6s .25s var(--e)}
.fhero-cap>*{opacity:0;transform:translateY(16px);transition:opacity .4s var(--e),transform .4s var(--e)}
.fhero-slide.is-on .fhero-cap>*{opacity:1;transform:none;transition:opacity .7s var(--e),transform .8s var(--e)}
.fhero-slide.is-on .fhero-cap>:nth-child(1){transition-delay:.3s}
.fhero-slide.is-on .fhero-cap>:nth-child(2){transition-delay:.4s}
.fhero-slide.is-on .fhero-cap>:nth-child(3){transition-delay:.5s}
.fhero-cap-n{font-size:12px;font-weight:700;letter-spacing:.24em;color:var(--bk)}
.fhero-cap-n b{font-weight:600;color:var(--g5)}
.fhero-cap-name{display:flex;align-items:center;gap:14px;max-width:290px;font-family:'Anton','Outfit',Impact,sans-serif;font-weight:400;font-size:clamp(26px,2.6vw,42px);line-height:1;text-transform:uppercase;color:var(--bk)}
.fhero-cap-ic{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:var(--y);color:var(--bk)}
.fhero-cap-ic .i{width:23px;height:23px;stroke-width:1.8}
.fhero-cap-st{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid #0000001a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g7);box-shadow:0 10px 24px -14px #0000004d}
.fhero-cap-st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--g5)}
.fhero-cap-st.is-live{background:var(--bk);border-color:var(--bk);color:var(--y)}
.fhero-cap-st.is-live::before{background:var(--y);box-shadow:0 0 0 0 #ffd60a99;animation:fhPulse 1.8s infinite}
@keyframes fhPulse{70%{box-shadow:0 0 0 8px #ffd60a00}100%{box-shadow:0 0 0 0 #ffd60a00}}
.fhero-dots{position:absolute;right:clamp(0px,3vw,48px);top:44%;z-index:3;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .8s 1s var(--e)}
.in .fhero-dots{opacity:1}
.fhero-dots button{display:grid;place-items:center;width:28px;height:42px;padding:0;border:0;background:none;cursor:pointer}
.fhero-dots i{position:relative;display:block;width:4px;height:30px;border-radius:4px;overflow:hidden;background:#0000001f;transition:background .3s}
.fhero-dots button:hover i{background:#0000004d}
.fhero-dots i::after{content:"";position:absolute;inset:0;background:var(--bk);transform:scaleY(0);transform-origin:top}
.fhero-dots [aria-current] i::after{animation:fhFill var(--hs-t,5.5s) linear forwards}
.fhero-stage.is-paused .fhero-dots [aria-current] i::after{animation-play-state:paused}
.fhero-stage.is-static .fhero-dots [aria-current] i::after{animation:none;transform:none}
@keyframes fhFill{to{transform:none}}
.fhero-dots button:focus-visible{outline:2px solid var(--bk);outline-offset:2px;border-radius:6px}
.fhero-side{position:absolute;top:50%;z-index:2;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--g5);white-space:nowrap;writing-mode:vertical-rl}
.fhero-side-l{left:clamp(10px,1.4vw,26px);transform:translateY(-50%) rotate(180deg)}
.fhero-side-r{right:clamp(10px,1.4vw,26px);transform:translateY(-50%)}
.fhero-foot{grid-row:5;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1400px;margin-top:clamp(14px,2.4vh,24px);text-align:left}
.fhero-foot p{max-width:430px;font-size:clamp(15px,1.1vw,17px);line-height:1.5;color:var(--g7)}
.fhero-acts{display:flex;align-items:center;gap:22px}
.fhero-cta{padding:15px 22px 15px 26px;font-size:16px}
.fhero-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;border-bottom:2px solid var(--y);padding-bottom:2px}
.fhero-link .i{transition:transform .35s var(--e)}
.fhero-link:hover .i{transform:translate(2px,-2px)}
.fhero-areas{grid-row:6;position:relative;z-index:3;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:1400px;margin-top:clamp(22px,3.4vh,36px);padding-top:clamp(18px,2.6vh,26px);border-top:1px solid #0000001a}
.fhero-areas li{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 10px;font-size:clamp(13px,1vw,16px);font-weight:500;line-height:1.15;text-align:left;opacity:0;transform:translateY(18px);transition:opacity .8s var(--e),transform .8s var(--e)}
.fhero-areas li+li::before{content:"";position:absolute;left:0;top:50%;height:28px;width:1px;translate:0 -50%;background:#0000001a}
.in .fhero-areas li{opacity:1;transform:none}
.fhero-areas li:nth-child(1){transition-delay:1.1s}.fhero-areas li:nth-child(2){transition-delay:1.16s}.fhero-areas li:nth-child(3){transition-delay:1.22s}.fhero-areas li:nth-child(4){transition-delay:1.28s}.fhero-areas li:nth-child(5){transition-delay:1.34s}.fhero-areas li:nth-child(6){transition-delay:1.4s}.fhero-areas li:nth-child(7){transition-delay:1.46s}
.fhero-ic{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--y);color:var(--bk);transition:transform .45s var(--e),background .3s,color .3s}
.fhero-ic .i{width:21px;height:21px;stroke-width:1.8}
.fhero-areas li:hover .fhero-ic{transform:translateY(-3px) rotate(-8deg);background:var(--bk);color:var(--y)}
@supports (animation-timeline:view()){
 .fhero-top{animation:fhL linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 .fhero-bottom{animation:fhR linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 .fhero-stage{animation:fhS linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 @keyframes fhL{to{transform:translate3d(-14vw,0,0)}}
 @keyframes fhR{to{transform:translate3d(14vw,0,0)}}
 @keyframes fhS{to{transform:translate3d(0,-50px,0) scale(1.05)}}
}
@media(max-width:1180px){
 .fhero-areas{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}
 .fhero-areas li{justify-content:flex-start}
 .fhero-areas li::before{display:none}
}
@media(max-width:860px){
 .fhero{--fh-big:clamp(42px,13.6vw,96px);min-height:0;padding-top:104px}
 .fhero-side{display:none}
 .fhero-meta{font-size:10px;letter-spacing:.14em}
 .fhero-top,.fhero-bottom{white-space:normal;line-height:.88}
 .fhero-top mark,.fhero-bottom em{display:block}
 .fhero-top{margin-top:14px;font-size:calc(var(--fh-big)*.72)}
 .fhero-stage{width:calc(100% + 2*var(--fh-pad));margin-top:10px}
 .fhero-slides{height:min(112vw,620px)}
 .fhero-slide{--hs-gap:66vw;--hs-far:110vw}
 .fhero-slide img{-webkit-mask:linear-gradient(#000 58%,transparent 92%);mask:linear-gradient(#000 58%,transparent 92%)}
 .fhero-cap{left:50%;top:auto;bottom:calc(var(--fh-big)*1.9);translate:-50% 0;flex-direction:row;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:99px;background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 14px 30px -18px #00000066;width:max-content;max-width:calc(100vw - 32px)}
 .fhero-cap-n{display:none}
 .fhero-cap-name{gap:8px;max-width:none;font-family:'Outfit',sans-serif;font-weight:700;font-size:14px;line-height:1.1;text-transform:none}
 .fhero-cap-st{flex:0 0 auto;white-space:nowrap}
 .fhero-cap-ic{width:28px;height:28px}
 .fhero-cap-ic .i{width:15px;height:15px}
 .fhero-cap-st{padding:6px 10px;font-size:10px;box-shadow:none}
 .fhero-dots{right:6px;top:22%}
 .fhero-dots button{width:22px;height:30px}
 .fhero-dots i{width:3px;height:20px}
 .fhero-sun{width:120vw;top:0}
 .fhero-bottom{margin-top:calc(var(--fh-big)*-1.5)}
 .fhero-bottom em{-webkit-text-stroke:1.5px var(--bk)}
 .fhero-foot{flex-direction:column;align-items:center;text-align:center;gap:18px}
 .fhero-acts{flex-direction:column;gap:14px}
 .fhero-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
 .fhero-areas li{gap:10px;padding:0;font-size:13px}
 .fhero-ic{width:38px;height:38px}
 .fhero-ic .i{width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce){.fhero-sun,.fhero-slides,.fhero-areas li{opacity:1!important;transform:none!important}.fhero mark::after{transform:none}.fhero-top,.fhero-bottom,.fhero-stage{animation:none}}