/* One sticky scene. All Y travel belongs to .hero-stage and .hero-hand. */
.hero-hand,.hero-ground{display:none}
.hero-pull.is-enabled{position:relative;height:calc(100vh + var(--pull-distance,2200px));height:calc(100svh + var(--pull-distance,2200px))}
.hero-pull.is-enabled .hero{position:sticky;top:0;height:100vh;height:100svh;min-height:0;max-height:none;overflow:hidden;isolation:isolate}
.hero-pull.is-enabled .hero-landscape{z-index:0;transform:none!important;translate:none!important;will-change:auto;object-position:center 65%}
.hero-pull.is-enabled .hero-sky{z-index:1;background:linear-gradient(#10131770,transparent 65%)}
.hero-pull.is-enabled .hero-midground{z-index:2;bottom:0;left:-4%;width:108%;height:29%;min-height:0;max-height:none;object-fit:fill;translate:none!important;transform:none!important;will-change:auto}
.hero-pull.is-enabled .hero-copy{position:absolute;z-index:3;inset:0 0 auto;padding-top:max(90px,9vh);opacity:1;transition:none}
.hero-pull.is-enabled .hero-copy h1{font-size:clamp(38px,3.8vw,54px);line-height:1.08;margin-top:18px}
.hero-pull.is-enabled .hero-copy>p{margin-top:18px;font-size:14px;line-height:1.6}
.hero-pull.is-enabled .hero-copy>.button{margin-top:22px;min-height:42px;padding:11px 23px}
.hero-pull.is-enabled .hero-stage{position:absolute;z-index:4;left:50%;top:var(--screen-top,43%);width:min(830px,72vw);max-width:none;margin:0;padding:0;perspective:none;translate:none!important;animation:none!important;transform:translate3d(-50%,var(--screen-y,0px),0);will-change:transform;filter:drop-shadow(0 22px 28px #0007)}
.hero-pull.is-enabled .hero-window{height:var(--screen-height,31vh);min-height:0;max-height:370px;transform:none!important;transition:none;will-change:auto;border-radius:18px;box-shadow:0 0 0 1px #ffffff18,0 16px 60px #0006}
.hero-pull.is-enabled .studio-sidebar{width:185px;padding:18px 17px}
.hero-pull.is-enabled .studio-brand{font-size:11px}
.hero-pull.is-enabled .studio-nav{gap:6px;margin-top:15px}
.hero-pull.is-enabled .studio-nav button,.hero-pull.is-enabled .studio-nav a{padding:8px 10px;font-size:10px}
.hero-pull.is-enabled .sidebar-bottom{font-size:7px}
.hero-pull.is-enabled .canvas-top{padding:16px 21px;font-size:9px}
.hero-pull.is-enabled .hero-glass{width:300px;margin:8px auto 0;padding:14px 20px;min-height:0}
.hero-pull.is-enabled .glass-symbol{font-size:24px;margin-bottom:6px}
.hero-pull.is-enabled .hero-glass h2{font-size:26px;line-height:1.08}
.hero-pull.is-enabled .hero-glass p{font-size:10px;margin-top:10px;line-height:1.5}
.hero-pull.is-enabled .hero-glass .button{font-size:10px;min-height:32px;padding:8px 14px;margin-top:13px}
.hero-pull.is-enabled .canvas-caption{bottom:12px;font-size:8px}
.hero-pull.is-enabled .hero-hand{display:block;position:absolute;z-index:5;left:50%;top:0;width:var(--hand-width,250px);height:calc(var(--hand-width,250px)*1.5);pointer-events:none;transform:translate3d(-50%,var(--hand-y,110vh),0);will-change:transform;opacity:0}
.hero-pull.is-enabled.is-ready .hero-hand{opacity:1}
.hero-hand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.hero-hand-motion{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.hero-hand.has-motion img{visibility:hidden}
.hero-pull.is-enabled .hero-foreground{z-index:6;left:-2%;bottom:-2px;width:104%;height:26%;min-height:0;max-height:none;object-fit:fill;translate:none!important;transform:none!important;will-change:auto}
.hero-pull.is-enabled .hero-ground{display:block;position:absolute;z-index:6;bottom:-2px;left:0;right:0;height:3%;background:#080909;pointer-events:none}
.hero-pull.is-enabled .hero-fade{z-index:7;bottom:0;height:9%;background:linear-gradient(transparent,#050505);pointer-events:none}
@media(max-height:800px) and (min-width:761px){
 .hero-pull.is-enabled .hero-copy{padding-top:88px}
 .hero-pull.is-enabled .hero-copy h1{font-size:40px;margin-top:12px}
 .hero-pull.is-enabled .hero-copy>p{font-size:12px;margin-top:12px}
 .hero-pull.is-enabled .hero-copy>.button{margin-top:14px;min-height:36px;padding:9px 20px}
 .hero-pull.is-enabled .hero-glass{padding:10px 15px;margin-top:0;width:270px}
 .hero-pull.is-enabled .hero-glass h2{font-size:22px}
 .hero-pull.is-enabled .glass-symbol{display:none}
 .hero-pull.is-enabled .canvas-caption{display:none}
}
/* Touch and reduced-motion retain the complete, natural-flow original hero. */
@media(prefers-reduced-motion:reduce){.hero-pull{height:auto!important}.hero-hand,.hero-ground{display:none!important}}

@media(max-height:800px) and (min-width:761px){.hero-pull.is-enabled .studio-nav>a,.hero-pull.is-enabled .sidebar-bottom{display:none}.hero-pull.is-enabled .studio-nav{margin-top:12px;gap:4px}.hero-pull.is-enabled .hero-glass{padding:10px 15px}.hero-pull.is-enabled .hero-glass h2{font-size:21px}.hero-pull.is-enabled .hero-glass p{font-size:9px;margin-top:8px}.hero-pull.is-enabled .hero-glass .button{margin-top:10px;min-height:28px;padding:6px 12px}}

/* Keep the animated scene usable inside a narrow desktop preview pane. */
@media(max-width:760px){
 .hero-pull.is-enabled .hero-stage{width:calc(100% - 32px)}
 .hero-pull.is-enabled .hero-copy{padding-top:max(90px,9vh)}
 .hero-pull.is-enabled .hero-glass{width:min(300px,calc(100% - 32px))}
 .hero-pull.is-enabled .hero-glass h2{font-size:25px}
 .hero-pull.is-enabled .canvas-top{padding:14px 12px}
 .hero-pull.is-enabled .canvas-caption{display:none}
 .hero-pull.is-enabled .hero-hand{width:var(--hand-width,210px)}
 .hero-pull.is-enabled .hero-foreground{width:190%;left:-45%;height:26%;object-fit:fill}
 .hero-pull.is-enabled .hero-midground{width:170%;left:-35%;height:29%;object-fit:fill}
}
@media(max-width:760px) and (max-height:800px){
 .hero-pull.is-enabled .hero-copy{padding-top:82px}
 .hero-pull.is-enabled .hero-copy h1{font-size:32px;line-height:1.06;margin-top:12px}
 .hero-pull.is-enabled .hero-copy>p{font-size:12px;line-height:1.5;margin-top:12px}
 .hero-pull.is-enabled .hero-copy>.button{min-height:36px;padding:9px 20px;margin-top:14px}
 .hero-pull.is-enabled .glass-symbol{display:none}
 .hero-pull.is-enabled .hero-glass{margin-top:0;padding:10px 14px}
 .hero-pull.is-enabled .hero-glass h2{font-size:22px}
}