.brand-intro{height:360svh;background:#050706;color:#f3f5f3;position:relative;isolation:isolate}
.intro-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#050706}
.intro-logo{position:absolute;left:50%;top:50%;width:min(72vw,850px);aspect-ratio:5.46;transform:translate(-50%,-50%);z-index:1;background:linear-gradient(125deg,#aeb8b4 0%,#525c56 25%,#c4cbc7 49%,#525c56 75%,#87918c);mask:var(--gwind-scene-wordmark, url('../catch-lab-ice-hero-v15/media/gwind-wordmark-white.png')) center/contain no-repeat;opacity:.67;will-change:transform,opacity}
.intro-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.42' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.45;mix-blend-mode:soft-light}
.intro-product{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;will-change:opacity}
.intro-product canvas{width:100%;height:100%;display:block}
.intro-slogan-mask{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);overflow:hidden;z-index:3;pointer-events:none;padding-top:.14em}
.intro-slogan{margin:0;text-align:center;font-family:var(--display);font-size:clamp(78px,12vw,190px);font-weight:600;letter-spacing:.018em;line-height:.92;color:#f3f5f3;opacity:0;transform:translateY(115%);transform-origin:50% 50%;will-change:transform,opacity}
.intro-skip{position:absolute;right:36px;top:30px;z-index:5;font-size:10px;letter-spacing:.14em;color:#9ba59f;padding:10px;display:flex;gap:16px;align-items:center}
.intro-skip:hover{color:#fff}.intro-skip:focus-visible,.intro-continue:focus-visible{outline:1px solid #ffc600;outline-offset:8px}
.intro-scroll{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);text-align:center;z-index:4;color:#88928c;font-size:9px;letter-spacing:.2em;will-change:opacity}
.intro-scroll i{display:block;width:1px;height:30px;background:linear-gradient(#87938b,transparent);margin:18px auto 0}
.intro-continue{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:18px;z-index:5;opacity:0;visibility:hidden;color:#b5beb8;white-space:nowrap}
.intro-static{height:100svh}.intro-static .intro-stage{position:relative}
.intro-static .intro-slogan{opacity:1;transform:none}
.intro-static .intro-logo{transform:translate(-50%,calc(-50% + 100px)) scale(.25);opacity:.85}
.intro-static .intro-scroll{display:none}.intro-static .intro-continue{opacity:1;visibility:visible}
.intro-product[data-state='loading'],.intro-product[data-state='unavailable']{background:url('media/intro-product-poster.png') center/contain no-repeat}
@media(max-width:700px){.intro-skip{right:18px;top:18px;font-size:9px}.intro-logo{width:82vw}.intro-slogan{font-size:clamp(56px,13vw,91px)}.intro-scroll{bottom:30px}.intro-continue{bottom:35px;font-size:9px}.brand-intro{height:420svh}.brand-intro.intro-static{height:100svh}}
@media(prefers-reduced-motion:reduce){.brand-intro{height:100svh}.intro-stage{position:relative}.intro-logo,.intro-product,.intro-slogan,.intro-scroll{will-change:auto}}
noscript .intro-slogan{opacity:1;transform:none}
/* Keep the black opening edge-to-edge above the reference page's capped width. */
.brand-intro{width:100vw;margin-left:calc((100% - 100vw)/2)}