.scene-band{position:relative;overflow:hidden;min-height:min(34vw,500px);display:flex;align-items:flex-end;padding-top:4.5rem;background:linear-gradient(180deg,#a5d1ee,#c2e1f5 62%,#d9edf9)}.scene-band.is-night{background:linear-gradient(180deg,#0b1220,#16233c 62%,#1f3050)}.scene-band.sky-dawn{background:linear-gradient(180deg,#b3bfdc,#e9c6b6 52%,#f7d9a9)}.scene-band.sky-dusk{background:linear-gradient(180deg,#8ea3c7,#dfad94 55%,#f0bd88)}:root[data-theme=dark] .scene-band{background:linear-gradient(180deg,#0b1220,#16233c 62%,#1f3050)}.scene-celestial{position:absolute;left:var(--cel-x, 76%);top:var(--cel-y, 24%);transform:translate(-50%,-50%);width:clamp(200px,24vw,320px);aspect-ratio:1;pointer-events:none;transition:left 1.2s var(--ease),top 1.2s var(--ease),transform 1.2s var(--ease),opacity 1.2s var(--ease)}.cel-left .scene-celestial{transform:translate(-50%,-50%) scale(.7);opacity:.5}.scene-celestial .sun,.scene-celestial .moon{position:absolute;inset:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}.scene-celestial svg{position:absolute;inset:0;width:100%;height:100%}.scene-celestial .moon{opacity:0;transform:scale(.7) rotate(-30deg)}.is-night .scene-celestial .moon,:root[data-theme=dark] .scene-celestial .moon{opacity:1;transform:none}.is-night .scene-celestial .sun,:root[data-theme=dark] .scene-celestial .sun{opacity:0;transform:scale(.7) rotate(30deg)}.scene-clouds{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(160px,20.14vw,480px);pointer-events:none}.scene-band{--cl-far:#d3e6f8;--cl-back:#e6f1fb;--cl-mid:#f3f8fd;--cl-shade:#7f9fc8;--cl-hi:#ffffff;--cl-front-mix:28%}.scene-band.sky-dawn{--cl-far:#dfc9c6;--cl-back:#efdcd4;--cl-mid:#f9ece4;--cl-shade:#a07a7a;--cl-hi:#fff7ee}.scene-band.sky-dusk{--cl-far:#dcbfb3;--cl-back:#eed6c7;--cl-mid:#f8e8dc;--cl-shade:#9c6a55;--cl-hi:#fff6ea}.scene-band.is-night:not(.sky-dawn):not(.sky-dusk),:root[data-theme=dark] .scene-band{--cl-far:#202f4c;--cl-back:#1b2944;--cl-mid:#17223b;--cl-shade:#03060c;--cl-hi:#a3b5d9;--cl-front-mix:34%;--cl-hi-k:.7;--cl-sh-k:1.3}.st-far-a{stop-color:var(--cl-far)}.st-far-b{stop-color:color-mix(in oklab,var(--cl-far),var(--cl-shade) 30%)}.st-back-a{stop-color:var(--cl-back)}.st-back-b{stop-color:color-mix(in oklab,var(--cl-back),var(--cl-shade) 26%)}.st-mid-a{stop-color:var(--cl-mid)}.st-mid-b{stop-color:color-mix(in oklab,var(--cl-mid),var(--cl-shade) 20%)}.st-front-a{stop-color:color-mix(in oklab,var(--plane),var(--cl-mid) var(--cl-front-mix,0%))}.st-front-b{stop-color:var(--plane)}.scene-clouds .c-hi{flood-color:var(--cl-hi);flood-opacity:calc(var(--o) * var(--cl-hi-k,1))}.scene-clouds .c-sh{flood-color:var(--cl-shade);flood-opacity:calc(var(--o) * var(--cl-sh-k,1))}.scene-clouds.far{opacity:.92}html.theme-anim .scene-celestial{transition:left 1.2s var(--ease),top 1.2s var(--ease),transform 1.2s var(--ease),opacity 1.2s var(--ease)!important}html.theme-anim .scene-celestial .sun,html.theme-anim .scene-celestial .moon{transition:opacity .7s var(--ease),transform .7s var(--ease)!important}html.theme-anim .scene-stars{transition:opacity 1.2s var(--ease)!important}html.theme-anim .seat-shadow{transition:none!important}.scene-stars{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease);pointer-events:none}:root[data-theme=dark] .scene-stars{opacity:1}.scene-stars svg{position:absolute;inset:0;width:100%;height:100%}.scene-seat{position:absolute;bottom:0;right:clamp(56px,8vw,120px);width:clamp(210px,25vw,360px);aspect-ratio:360/420;pointer-events:none}.scene-seat svg{position:absolute;inset:0;width:100%;height:100%}.scene-seat img{position:absolute;left:23.6%;top:10%;width:47.2%;height:auto}.seat-shadow{--sh-o:.2;position:absolute;left:34.4%;top:79.3%;width:31.1%;height:2.9%;border-radius:50%;background:#1c2230;filter:blur(3px);opacity:var(--sh-o)}.is-night .seat-shadow,:root[data-theme=dark] .seat-shadow{--sh-o:.5}.scene-copy{position:relative;z-index:1;width:100%;max-width:var(--wrap, 68rem);margin:0 auto;padding:1rem clamp(1.25rem,4vw,2rem) clamp(1.5rem,3.5vw,2.5rem)}.scene-copy h1{margin:0;font-family:var(--display);font-size:clamp(2.1rem,5.2vw,3.2rem);font-weight:700;letter-spacing:-.015em;line-height:1.1}.scene-copy .tag{margin:.9rem 0 0;font-size:1.12rem;color:var(--ink-2);max-width:32rem}.is-night:not(.sky-dawn):not(.sky-dusk) .scene-copy h1,:root[data-theme=dark] .scene-copy h1{color:#e8e6e1;text-shadow:0 1px 14px rgba(11,18,32,.6)}.is-night:not(.sky-dawn):not(.sky-dusk) .scene-copy .tag,:root[data-theme=dark] .scene-copy .tag{color:#b0aea8;text-shadow:0 1px 14px rgba(11,18,32,.6)}.is-night:not(.sky-dawn):not(.sky-dusk) .scene-copy .btn.ghost{color:#e8e6e1;border-color:#e8e6e159}.is-night:not(.sky-dawn):not(.sky-dusk) .scene-copy .btn.ghost:hover{border-color:#e8e6e1}.is-night:not(.sky-dawn):not(.sky-dusk) .scene-copy .btn:not(.ghost){background:#e8e6e1;color:#14161c}@media(prefers-reduced-motion:no-preference){.sun-beams{animation:sun-spin 70s linear infinite}.sun-breathe{animation:sun-breathe 5.5s ease-in-out infinite}.avatar-float{animation:avatar-float 5.5s ease-in-out infinite}.seat-shadow{animation:seat-shadow 5.5s ease-in-out infinite}.scene-stars svg{animation:twinkle 4s ease-in-out infinite}.scene-stars svg:nth-child(2){animation-delay:-1s;animation-duration:5s}.scene-stars svg:nth-child(3){animation-delay:-2.5s;animation-duration:6.5s}.scene-stars svg:nth-child(4){animation-delay:-3.5s;animation-duration:4.5s}.scene-clouds.far{animation:drift 56s ease-in-out infinite alternate}.is-night .sun svg,:root[data-theme=dark] .sun svg{animation-play-state:paused}:root:not([data-theme=dark]) .scene-stars svg{animation-play-state:paused}}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes sun-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.9}}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.2%)}}@keyframes seat-shadow{0%,to{transform:scale(1);opacity:var(--sh-o)}50%{transform:scale(.88);opacity:calc(var(--sh-o) * .6)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes drift{0%{transform:translate(-35px)}to{transform:translate(35px)}}@media(min-width:2000px){.scene-band{min-height:min(34vw,640px)}.scene-clouds{height:min(20.14vw,380px)}}@media(max-width:900px){.scene-seat{width:clamp(180px,27vw,250px);right:clamp(48px,8vw,80px)}.scene-celestial{width:clamp(160px,26vw,240px)}}@media(max-width:560px){.scene-seat{display:none}.scene-band{min-height:0}.scene-copy{padding-bottom:1.5rem}}@media(forced-colors:active){.scene-celestial,.scene-clouds,.scene-seat,.scene-stars{display:none}}