.hero.section-wrap.launch-hero{display:block;height:205svh;min-height:0;padding:0;background:#030506;overflow:visible;isolation:isolate}.launch-pin{position:sticky;top:94px;height:calc(100svh - 94px);min-height:620px;max-height:1100px;overflow:clip;display:flex;flex-direction:column;align-items:center;isolation:isolate}.launch-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#18433740,transparent 57%),linear-gradient(#030506,#06090b)}.launch-name{position:absolute;top:35px;text-align:center;z-index:3;transform:translateY(calc(var(--launch-progress,0)*-35px));opacity:calc(1 - var(--launch-progress,0)*.8);pointer-events:none}.launch-name>p{font-size:10px;font-weight:550;letter-spacing:.15em;color:#7e9e90;margin-bottom:13px}.launch-name #launch-title{font-size:clamp(74px,8.4vw,122px);line-height:.96;letter-spacing:-.065em;color:#f4f7f5;margin:0;font-weight:650;text-shadow:0 0 70px #b3e5cc15}.launch-name h1>span{display:block;font-size:19px;font-weight:500;line-height:1.4;letter-spacing:.26em;text-transform:uppercase;margin-top:12px;color:#a4b9ac;padding-left:.26em}
.hero .launch-art{position:absolute;inset:90px 0 80px;width:100%;height:auto;min-height:0;margin:0;transform:none;max-width:none;perspective:none;z-index:1;pointer-events:none}.launch-art canvas{display:block;width:100%;height:100%;opacity:1;mask-image:linear-gradient(transparent,#000 14%,#000 80%,transparent)}.sculpture-caption{position:absolute;inset:0;pointer-events:none}.sculpture-caption span{position:absolute;font-size:8px;letter-spacing:2px;font-weight:500;color:#87ac96;opacity:calc(.7 - var(--launch-progress,0)*.5)}.sculpture-caption span:first-child{left:20%;top:36%}.sculpture-caption span:nth-child(2){right:21%;top:50%}.sculpture-caption span:last-child{left:27%;top:70%}.launch-message{position:absolute;bottom:45px;text-align:center;z-index:4;max-width:650px;padding:0 22px;transform:translateY(calc(var(--launch-progress,0)*-15px))}.launch-message h2{font-size:clamp(28px,2.9vw,42px);font-weight:600;line-height:1.08;letter-spacing:-.045em;color:#f0f4f0}.launch-message h2 em{color:#9ac9ad}.launch-message>p{font-size:13px;line-height:1.65;color:#82998a;margin-top:17px}.launch-actions{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:19px}.launch-actions .button{font-size:12px;min-height:43px;padding:12px 22px;background:#e3f0e5;color:#203b2a}.launch-actions>button{width:37px;height:37px;border:1px solid #89ad9255;border-radius:50%;background:#14241b66;color:#a9c9b0;font-size:10px;cursor:pointer}.launch-scroll{position:absolute;left:30px;bottom:25px;color:#567760;font-size:7px;letter-spacing:1.2px;z-index:5}.launch-scroll span{display:inline-block;margin-left:10px}.launch-art.paused canvas{opacity:.85}
@media(max-width:900px){.launch-pin{top:78px;height:calc(100svh - 78px)}.launch-message{bottom:45px}.sculpture-caption span:first-child{left:10%}.sculpture-caption span:nth-child(2){right:10%}.launch-scroll{left:20px;font-size:6px}}
@media(max-width:640px){.hero.section-wrap.launch-hero{height:175svh;padding:0}.launch-pin{top:74px;height:calc(100svh - 74px);min-height:560px;max-height:none}.launch-name{top:30px}.launch-name>p{font-size:7px;letter-spacing:.1em;margin-bottom:15px}.launch-name #launch-title{font-size:clamp(59px,14.8vw,86px)}.launch-name h1>span{font-size:13px;letter-spacing:.24em;margin-top:10px}.hero .launch-art{inset:105px -100px 140px;width:calc(100% + 200px);height:auto;min-height:0;margin:0;transform:none}.launch-art canvas{mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.sculpture-caption span{display:none}.launch-message{bottom:37px;max-width:100%;padding:0 20px}.launch-message h2{font-size:26px;line-height:1.1}.launch-message>p{font-size:11px;margin-top:12px}.launch-actions{margin-top:15px}.launch-actions .button{font-size:11px;min-height:40px;padding:11px 20px}.launch-scroll{left:0;right:0;text-align:center;bottom:12px;font-size:5px;letter-spacing:1px}}
@media(max-height:740px) and (min-width:641px){.launch-pin{min-height:540px}.launch-name{top:20px}.launch-name #launch-title{font-size:77px}.launch-name h1>span{font-size:14px}.launch-name>p{font-size:8px}.launch-message h2{font-size:29px}.launch-message{bottom:35px}.launch-message>p{font-size:11px;margin-top:10px}.launch-actions{margin-top:12px}.hero .launch-art{inset:60px 0 70px}}
@media(prefers-reduced-motion:reduce),(max-height:520px){.hero.section-wrap.launch-hero{height:auto}.launch-pin{position:relative;top:0;height:780px;min-height:0}.launch-name,.launch-message{transform:none;opacity:1}.launch-actions>button{display:none}.launch-scroll{display:none}}
.launch-art canvas{mask-image:linear-gradient(transparent,#000 14%,#000 65%,transparent 92%)}.launch-message h2{text-shadow:0 0 25px #030506,0 2px 15px #030506}.launch-message>p{text-shadow:0 1px 12px #030506}
/* Explicit positioning avoids percentage-height canvas sizing on mobile WebKit. */
.launch-art canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 65%,transparent 92%)}
@media(max-width:640px){.hero .launch-art{inset:115px -65px 175px;width:calc(100% + 130px);display:block;min-height:200px}.launch-art canvas{-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 80%,transparent)}.launch-actions>button{width:42px;height:42px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.launch-actions>button{display:block}}
/* Full-height drawing surface: no letterbox mask or cropped canvas edges. */
.hero .launch-art{inset:0;width:100%;height:100%;min-height:0}
.launch-art canvas{-webkit-mask-image:none;mask-image:none}
@media(max-width:640px){.hero .launch-art{inset:0 -65px;width:calc(100% + 130px);height:100%;min-height:0}.launch-art canvas{-webkit-mask-image:none;mask-image:none}}
/* Keep the call to action inside short portrait viewports. */
@media(max-width:640px) and (min-height:521px) and (max-height:620px){
 .launch-pin{min-height:0;height:calc(100svh - 74px)}
 .launch-name{top:19px}.launch-name #launch-title{font-size:clamp(48px,14vw,65px)}
 .launch-name>p{font-size:6px;margin-bottom:12px}.launch-name h1>span{font-size:11px;margin-top:8px}
 .launch-message{bottom:29px;padding-inline:18px}.launch-message h2{font-size:22px;line-height:1.12}
 .launch-message>p{font-size:10px;margin-top:9px}.launch-actions{margin-top:11px}.launch-scroll{bottom:9px}
}