.ls-entrance{
  position:relative; isolation:isolate; height:100svh; min-height:520px; background:#0a1622;
  --ls-focus-y:44%; --ls-emblem-w:min(72vw,640px);
  --ls-emblem-o:1; --ls-emblem-v:visible; --ls-emblem-y:0px;
  --ls-prompt-o:1; --ls-prompt-v:visible;
  --ls-sky-y:0px; --ls-land-y:0px; --ls-mist-y:0px; --ls-mist-o:.5; --ls-progress:0%;
}
.ls-entrance.ls-js{height:440svh}
.ls-stage{position:sticky; top:0; height:100svh; min-height:520px; overflow:hidden; contain:layout paint}
.ls-scene{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none}
.ls-box{
  position:absolute; left:50%; top:var(--ls-focus-y);
  width:max(102%,153svh); aspect-ratio:3/2;
  transform:translate(-50%,calc(var(--ls-focus-y) * -1));
}
.ls-season{position:absolute; inset:0; opacity:0; visibility:hidden}
.ls-season[data-season="spring"]{opacity:1; visibility:visible}
.ls-season picture{display:contents}
.ls-season img{
  position:absolute; inset:0; width:100%; height:100%; display:block; max-width:none;
  user-select:none; -webkit-user-drag:none;
}
.ls-js .ls-season{will-change:opacity}
.ls-sky{transform:translate3d(0,var(--ls-sky-y),0)}
.ls-land{transform:translate3d(0,var(--ls-land-y),0)}
.ls-season[data-season="summer"]{z-index:2}
.ls-season[data-season="autumn"]{z-index:3}
.ls-season[data-season="winter"]{z-index:4}
.ls-mist{
  position:absolute; z-index:6; left:0; top:50.8%; height:14%; aspect-ratio:21.333/1;
  background:none 0 0/25% 100% repeat-x;
  opacity:var(--ls-mist-o); transform:translate3d(0,var(--ls-mist-y),0);
  animation:ls-mist-drift 140s linear infinite; pointer-events:none;
}
.ls-loaded .ls-mist{background-image:url("assets/seasons/mist.webp")}
@keyframes ls-mist-drift{to{translate:-25% 0}}
.ls-paused .ls-mist{animation-play-state:paused}
.ls-shade{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg,rgba(3,10,20,.30) 0%,rgba(3,10,20,0) 26%,rgba(3,10,20,0) 62%,rgba(3,10,20,.36) 100%),
    radial-gradient(130% 95% at 50% 46%,rgba(3,10,20,0) 58%,rgba(3,10,20,.24) 100%);
}
.ls-particles{position:absolute; inset:0; z-index:2; width:100%; height:100%; display:block; pointer-events:none}
.ls-pause{
  position:absolute; z-index:6; display:inline-flex; align-items:center; gap:10px;
  min-height:44px; padding:10px 18px; border-radius:999px; box-sizing:border-box;
  background:rgba(4,11,21,.72); border:1px solid rgba(190,224,248,.30);
  color:#f1f8ff; font-family:inherit; font-size:11px; font-weight:750; line-height:1; letter-spacing:.18em; text-transform:uppercase; text-decoration:none;
  box-shadow:0 6px 22px rgba(0,6,14,.28); white-space:nowrap;
}
.ls-pause:hover{background:rgba(14,40,66,.86); border-color:#cdeeff; color:#fff}
.ls-pause:focus-visible{outline:3px solid #cbeeff; outline-offset:4px}
.ls-pause{right:clamp(16px,4vw,64px); bottom:calc(clamp(18px,4vh,44px) + 56px); cursor:pointer}
.ls-pause[hidden]{display:none}
.ls-pause-icon{width:10px; height:12px; border-left:3px solid currentColor; border-right:3px solid currentColor; box-sizing:border-box}
.ls-pause[aria-pressed="true"] .ls-pause-icon{border:0; width:0; height:0; border-left:10px solid currentColor; border-top:6px solid transparent; border-bottom:6px solid transparent}
@media (max-aspect-ratio:3/5){.ls-entrance.ls-js{height:340svh}.ls-entrance{--ls-focus-y:50%}.ls-box{width:max(100%,calc(100svh * 1179 / 2556)); aspect-ratio:1179/2556}.ls-sky{display:none}}
@media (max-width:760px){.ls-entrance{--ls-emblem-w:min(92vw,540px)}.ls-pause{font-size:10px; letter-spacing:.14em; min-height:44px; padding:10px 15px}.ls-pause{right:14px; bottom:72px}}
@media (prefers-reduced-motion:reduce){.ls-mist{animation:none}.ls-particles,.ls-pause{display:none !important}.ls-sky,.ls-land,.ls-mist{transform:none !important}}
@media (forced-colors:active){.ls-pause{forced-color-adjust:auto; border:2px solid ButtonText}}
html.cinematic-first-visit .site-intro{background:transparent}
html.cinematic-first-visit:not(.site-intro-done) :is(.ls-skip,.ls-prompt,.ls-pause,.ls-label,.ls-counter),
html.cinematic-first-visit:not(.site-intro-done) .studio-chat{opacity:0}
html.site-intro-done :is(.ls-skip,.ls-prompt,.ls-pause,.ls-label,.ls-counter),
html.site-intro-done .studio-chat{animation:ls-in .6s ease backwards}
@keyframes ls-in{from{opacity:0}}
html.ls-fullpage .ls-entrance{position:static; isolation:auto; background:transparent; pointer-events:none}
html.ls-fullpage .ls-entrance.ls-js{height:150svh; min-height:0}
html.ls-fullpage .ls-stage{position:fixed; left:0; right:0; top:0; height:100vh; height:100lvh; min-height:0; z-index:-1}
html.ls-fullpage .ls-box{
  width:max(106%,160svh);
  transform:translate(-50%,calc(var(--ls-focus-y) * -1)) scale(var(--ls-zoom,1)); transform-origin:50% var(--ls-focus-y);
}
html.ls-fullpage .ls-shade::after{content:""; position:absolute; inset:0; background:#030a14; opacity:var(--ls-dim,0)}
html.ls-fullpage .ls-pause{position:fixed; z-index:36; pointer-events:auto; right:clamp(16px,4vw,64px); bottom:clamp(18px,4vh,44px)}
@media (max-aspect-ratio:3/5){html.ls-fullpage .ls-entrance.ls-js{height:140svh}}
@media (max-width:760px){html.ls-fullpage .ls-pause{right:14px; bottom:18px}}
html.ls-fullpage .home-hero-bg{display:none}
html.ls-fullpage .home-hero-panel{background:
  linear-gradient(90deg,rgba(3,9,17,.82) 0%,rgba(3,9,17,.55) 42%,rgba(3,9,17,.14) 78%,rgba(3,9,17,0) 100%),
  linear-gradient(180deg,rgba(3,9,17,.10) 0%,rgba(3,9,17,.45) 100%)}
html.ls-fullpage .cinema-worlds{background:linear-gradient(180deg,rgba(5,10,17,.45),rgba(8,18,30,.76) 28%,rgba(8,18,31,.82))}
html.ls-fullpage .manifesto-break{background:radial-gradient(ellipse at 52% 110%,rgba(33,101,138,.26),transparent 55%),linear-gradient(180deg,rgba(3,10,18,.60),rgba(3,10,18,.70))}
html.ls-fullpage .service-home-section{background:linear-gradient(100deg,rgba(8,23,37,.82),rgba(9,29,46,.64) 68%,rgba(7,19,31,.76))}
html.ls-fullpage .cta{background:radial-gradient(ellipse at 90% 70%,rgba(36,100,138,.26),transparent 50%),linear-gradient(115deg,rgba(9,24,40,.78),rgba(5,14,25,.72))}
html.ls-fullpage .footer{background:linear-gradient(180deg,rgba(2,7,13,.58),rgba(2,7,13,.92) 38%)}
@media (max-width:760px){html.ls-fullpage .home-hero-panel{background:linear-gradient(180deg,rgba(3,9,17,.62) 0%,rgba(3,9,17,.74) 45%,rgba(3,9,17,.80) 100%)}}