.hero-track{height:172svh;min-height:1200px;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:clip}.hero-sticky:after{content:'';position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,var(--paper));z-index:2;pointer-events:none}.hero-copy{position:absolute;top:23%;left:5%;right:5%;z-index:3;text-align:center;transform:translateY(calc(var(--hero-progress,0)*-30px))}.hero-copy h1{font-size:clamp(37px,3.6vw,70px);font-weight:400;line-height:1.15;letter-spacing:-.047em}.hero-copy h1>span{display:inline-block;margin-top:7px}.mobile-break{display:none}.hero-register{margin-top:37px;min-width:255px;background:#080d0b}.hero-artwork{position:absolute;top:31%;left:50%;width:min(1080px,95vw);transform:translateX(-50%) translateY(calc(var(--hero-progress,0)*-60px)) rotate(calc(-11deg + var(--hero-progress,0)*14deg));z-index:1;will-change:transform}.hero-artwork img{display:block;width:100%;height:auto;filter:brightness(.76);mix-blend-mode:screen}.hero-bottom{position:absolute;left:max(8%,calc((100vw - 1180px)/2));right:max(8%,calc((100vw - 1180px)/2));bottom:30px;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:45px}.hero-description{font-size:16px;color:#a7b3ad;line-height:1.55}.hero-callout{display:flex;align-items:center;gap:17px;background:#111c17c4;border:1px solid #00c79c16;border-radius:9px;overflow:hidden;padding-right:18px;backdrop-filter:blur(10px);box-shadow:0 0 60px #00c79c0c}.callout-icon{display:grid;place-items:center;align-self:stretch;width:64px;min-height:68px;font-size:32px;color:var(--green);background:#00c79c08;border-right:1px solid #00c79c0e}.hero-callout small{display:block;font-size:8px;letter-spacing:.4px;color:#90a99f;font-weight:500}.hero-callout strong{display:block;margin-top:6px;font-size:13px;font-weight:500}.callout-arrow{font-size:24px;color:var(--green);margin-left:10px}.hero-callout:hover{border-color:#00c79c50}.hero-scroll{position:absolute;bottom:26px;left:50%;color:#00c79c9a;font-size:27px;z-index:4;padding:5px 15px}
@media(max-width:1120px){.hero-copy{top:24%;left:4%;right:4%}.hero-copy h1{font-size:4.3vw}.hero-artwork{top:34%;width:1000px;max-width:108vw}.hero-description{font-size:14px}.hero-callout{gap:12px;padding-right:12px}.callout-icon{width:50px;min-height:60px}.hero-bottom{left:6%;right:6%;bottom:28px;gap:20px}.hero-callout small{font-size:7px}.hero-callout strong{font-size:12px}.hero-scroll{display:none}}
@media(max-width:760px){.hero-track{height:132svh;min-height:990px}.hero-sticky{min-height:760px}.hero-copy{top:19%;left:5%;right:5%}.hero-copy h1{font-size:clamp(28px,7.3vw,45px);line-height:1.23;letter-spacing:-.055em}.mobile-break{display:block}.hero-copy h1>span{margin-top:6px}.hero-register{margin-top:28px;min-width:210px}.hero-artwork{top:40%;width:760px;max-width:none;transform:translateX(-50%) translateY(calc(var(--hero-progress,0)*-35px)) rotate(calc(-9deg + var(--hero-progress,0)*12deg));opacity:.9}.hero-bottom{left:6%;right:6%;bottom:30px;display:block}.hero-description{font-size:13px;line-height:1.5;max-width:275px}.hero-callout{position:absolute;right:0;bottom:4px;padding:0;width:44px;height:44px;border-radius:7px;display:grid;place-items:center}.hero-callout .callout-icon,.hero-callout>span:nth-child(2){display:none}.callout-arrow{margin:0;font-size:27px}.hero-sticky:after{height:22%}}
@media(max-height:680px) and (min-width:761px){.hero-sticky{min-height:620px}.hero-copy{top:24%}.hero-copy h1{font-size:clamp(36px,3.4vw,55px)}.hero-register{margin-top:25px}.hero-artwork{top:31%;width:850px}.hero-description{font-size:13px}}
.hero-bottom,.hero-scroll{opacity:calc(1 - var(--hero-progress,0)*1.3)}
@media(prefers-reduced-motion:reduce){.hero-track{height:100svh;min-height:760px}.hero-sticky{position:relative}.hero-copy{transform:none}.hero-artwork{transform:translateX(-50%) rotate(-6deg);will-change:auto}}