/* Visual specification: approved 01-auswahl.png and 03-ortswaehler.png.
   One continuous scene under both screens, with native text and controls. */
:root{--scene-base:#F8F3E4;--scene-ink:#4A4C37;--scene-accent:#4A4C37;--scene-dim:#4a4c37ad;--scene-dock:#f8f3e459;--scene-line:#4a4c3724;--scene-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));--scene-width:min(100vw,480px)}
html[data-theme="dark"]{--scene-base:#4A4C37;--scene-ink:#F8F3E4;--scene-accent:#FFFB54;--scene-dim:#f8f3e4ad;--scene-dock:#f8f3e412;--scene-line:#f8f3e42b}
/* All decoration reaches the same canvas colour before the smallest viewport
   edge. Safari may keep a shorter composited layer while its bars change size;
   neither a bottom inset nor a second opaque wallpaper may create a seam. */
:root{--scene-fade-end:calc(100svh - max(104px,var(--safe-bottom)));--scene-feather:linear-gradient(to bottom,#000 max(0px,calc(var(--scene-fade-end) - 180px)),transparent var(--scene-fade-end))}
html[data-theme],html[data-theme] body{background-color:var(--scene-base)}
body{min-height:100vh;min-height:100lvh}
html[data-theme] #arrival,html[data-theme] #arrival::backdrop{background:var(--scene-base)}
#arrival:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 68%,#817c5052,transparent 72%);mask-image:var(--scene-feather);-webkit-mask-image:var(--scene-feather)}
#arrival .arrival-mark{z-index:1}
#scene-atmosphere{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;pointer-events:none;overflow:hidden;background:var(--scene-base)}
.scene-paint{position:absolute;inset:0;mask-image:var(--scene-feather);-webkit-mask-image:var(--scene-feather)}
.scene-paint:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 13%,#817c5030,transparent 45%),#F8F3E4}
html[data-theme="dark"] .scene-paint:before{background:radial-gradient(ellipse at 15% 12%,#34251630,transparent 45%),linear-gradient(125deg,#41432f,#4A4C37 55%,#434530)}
.scene-glow{position:absolute;left:50%;top:51%;width:min(115vw,600px);height:45dvh;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#efe4b5cc 0%,#efe4b580 18%,#817c5050 42%,transparent 70%);filter:blur(18px);animation:scene-breathe 18s ease-in-out -6s infinite alternate}
.scene-ribbon{position:absolute;left:-35%;top:69%;width:170%;height:110px;transform:rotate(29deg);background:linear-gradient(180deg,transparent,#efe4b518 20%,#efe4b56b 43%,#efe4b59c 51%,#817c5033 70%,transparent);filter:blur(10px);animation:scene-current 22s ease-in-out -9s infinite alternate}
.scene-ribbon:after{content:'';position:absolute;inset:-35px 0 0;background:linear-gradient(180deg,transparent 15%,#efe4b52b 45%,transparent 70%)}
.scene-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,transparent 35%,#34251613 80%);pointer-events:none}
@keyframes scene-breathe{from{transform:translate(-56%,-47%) scale(.96) rotate(-3deg)}to{transform:translate(-44%,-53%) scale(1.05) rotate(3deg)}}
/* Only the soft lights drift. The canvas and bottom feather remain fixed. */
@keyframes scene-current{from{transform:translate(-14px,-16px) rotate(26deg)}to{transform:translate(14px,16px) rotate(32deg)}}
/* Entry, welcome and app share one wallpaper rather than swapping canvases. */
body>.ambient{visibility:hidden}
html[data-theme] #entry-screen:before{display:none}
#home{color:var(--scene-ink)}
#home .masthead{position:absolute;inset:0 auto auto 50%;transform:translateX(-50%);width:var(--scene-width);max-width:480px;height:calc(var(--safe-top) + 100px);min-height:0;margin:0;padding:calc(var(--safe-top) + 18px) 0 0;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}
#home .masthead{z-index:5}
html[data-theme] #home .masthead>img,html[data-theme] .flow-brand{content:url('assets/mark-forest.svg');width:25px;height:38px;filter:none;opacity:1;object-fit:contain}
html[data-theme="dark"] #home .masthead>img,html[data-theme="dark"] .flow-brand{content:url('assets/mark-lemon.svg')}
.scene-caption{margin:0;color:var(--scene-ink);font:400 13px/20px Outfit,sans-serif}
.heading-line{display:block}
/* Italic ink extends outside the advance box. Reserve ink space inside the
   animated layer, especially for Safari's rasterisation of the g descender. */
.heading-word{display:inline-block;overflow:visible;padding:.12em .16em .24em;margin:-.12em -.16em -.24em}
.heading-line{overflow:visible;padding:0 .16em .24em;margin:0 -.16em -.24em}
.scene-refresh{position:absolute;z-index:7;top:calc(var(--safe-top) + 10px);left:50%;translate:-50% 0;width:48px;height:54px;min-height:44px;padding:0;border:0;border-radius:18px;background:none;color:var(--scene-accent);touch-action:manipulation}
.scene-refresh:active{background:#f8f3e40a}
@media(max-height:680px){.scene-refresh{top:calc(var(--safe-top) + 2px)}}
.sheet-loading{display:grid;gap:18px;padding:24px 0;min-height:240px}
.sheet-loading i{display:block;height:64px;border-radius:18px;background:currentColor;opacity:.06;animation:sheet-breathe 1.4s ease-in-out infinite alternate}
.sheet-loading i:nth-child(2){animation-delay:140ms}.sheet-loading i:nth-child(3){animation-delay:280ms}
@keyframes sheet-breathe{to{opacity:.13}}
@media(prefers-reduced-motion:reduce){.sheet-loading i{animation:none}}
.page-refresh{display:none}
/* Primary destinations share the viewport and dock. Only transactional tasks
   use the dialog's modal presentation. */
html[data-theme] #account-dialog[data-surface="page"]{position:fixed;z-index:7;inset:0;margin:0;width:100%;height:calc(100dvh - var(--safe-bottom) - 104px);max-width:none;max-height:none;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;color:var(--scene-ink)}
#account-dialog[data-surface="page"] .sheet-top{flex:0 0 auto;width:min(100%,480px);height:calc(var(--safe-top) + 90px);min-height:calc(var(--safe-top) + 90px);margin:0 auto;padding:calc(var(--safe-top) + 18px) 0 0;justify-content:center;align-items:flex-start;background:none}
html[data-theme] #account-dialog[data-surface="page"] .sheet-top img{content:url('assets/mark-forest.svg');width:25px;height:38px;opacity:1;filter:none}
html[data-theme="dark"] #account-dialog[data-surface="page"] .sheet-top img{content:url('assets/mark-lemon.svg')}
#account-dialog[data-surface="page"] .sheet-close{display:none}
#account-dialog[data-surface="page"] .page-refresh{display:block}
#account-dialog[data-surface="page"] #account-content{align-self:center;width:min(100%,480px);max-width:480px;flex:1;min-height:0;padding:12px 28px 24px;scroll-padding-block:16px 24px}
/* Fade only the scrolling ink. The live wallpaper, fixed logo and dock stay
   continuous. At either scroll limit its fade collapses so every action is clear. */
#account-dialog[data-surface="page"] #account-content{--scroll-fade-top:0px;--scroll-fade-bottom:0px;scroll-padding-block:40px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--scroll-fade-top),#000 calc(100% - var(--scroll-fade-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--scroll-fade-top),#000 calc(100% - var(--scroll-fade-bottom)),transparent)}
#account-dialog[data-surface="page"] .sheet-body h2{font-size:clamp(28px,4.2dvh,38px);line-height:1.15}
.app-page-open #home,.app-page-open #session,.app-page-open #word-layer{visibility:hidden}
@media(max-height:680px){#account-dialog[data-surface="page"] .sheet-top{height:calc(var(--safe-top) + 82px);min-height:calc(var(--safe-top) + 82px);padding-top:calc(var(--safe-top) + 10px)}}
#home .experience{position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);width:var(--scene-width);height:100%;max-width:480px;margin:0;padding:0;display:block}
#home .intro{position:absolute;top:calc(var(--safe-top) + var(--scene-height)*.16);left:28px;right:24px;padding:0;text-align:left;margin:0;transition:opacity 240ms ease}
#home .intro h1,#session[data-step="place"] #place-question{font:400 clamp(28px,4.2dvh,38px)/1.15 Outfit,sans-serif;letter-spacing:0;color:var(--scene-ink);margin:0;outline:none;text-align:left}
#home .intro h1 em,#session[data-step="place"] #place-question em{font:400 italic 1.18em/1.1 Playfair,serif;color:var(--scene-accent);letter-spacing:0}
#home .sense-dial{position:absolute;top:calc(var(--safe-top) + var(--scene-height)*.49 - 95px);left:0;right:0;width:100%;height:190px;min-height:0;max-height:none;flex:none;margin:0;overflow:visible;touch-action:pan-y;transition:opacity 240ms ease;scale:1}
#dial-labels{position:absolute;inset:0;overflow:visible;mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
html[data-theme] .dial-label,html[data-theme] .dial-label.is-current{position:absolute;left:50%;top:50%;margin:0;min-height:48px;padding:10px 12px;border:0;background:none;color:var(--scene-ink);font:400 22px/1.3 Outfit,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;transform-origin:center}
html[data-theme] .dial-label.is-current{font-weight:500}
html[data-theme] .dial-label:active{background:none}
.dial-light,.dial-orbit{display:none}
.selection-word,.word-slot{display:inline-block;vertical-align:middle}
/* Continue controls use the same transparent material as the navigation dock. */
#dial-confirm.scene-next,#place-confirm.scene-next{position:absolute;top:calc(var(--safe-top) + var(--scene-height)*.68 - 28px);bottom:auto;left:50%;transform:translateX(-50%);height:64px;min-height:64px;width:64px;margin:-4px 0 0;padding:0;border:1px solid var(--scene-line);border-radius:50%;background:linear-gradient(135deg,#f8f3e40b,#efe4b512),var(--scene-dock);box-shadow:inset 0 1px 0 #f8f3e412,0 8px 30px #34251608;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;color:var(--scene-accent);opacity:1;pointer-events:auto;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:opacity 240ms ease,scale 300ms cubic-bezier(.3,0,.15,1),translate 300ms cubic-bezier(.3,0,.15,1),background-color 220ms ease}
#dial-confirm.scene-next:before,#place-confirm.scene-next:before{content:'';position:absolute;inset:1px;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(145deg,#f8f3e40a,transparent 48%,#efe4b505)}
.scene-next svg{display:block;flex:0 0 auto;width:32px;height:32px;fill:none;stroke:var(--scene-accent);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;translate:1px 0;transition:translate 300ms cubic-bezier(.3,0,.15,1)}
@media(hover:hover){#dial-confirm.scene-next:hover,#place-confirm.scene-next:hover{background-color:#f8f3e408}.scene-next:hover svg{translate:3px 0}}
#dial-confirm.scene-next:active,#place-confirm.scene-next:active{transform:translateX(-50%);scale:.96;translate:0 1px;background-color:#f8f3e40b}
#dial-confirm.scene-next:focus-visible,#place-confirm.scene-next:focus-visible{outline:2px solid var(--scene-accent);outline-offset:6px}
@media(prefers-reduced-motion:reduce){#dial-confirm.scene-next,#place-confirm.scene-next,.scene-next svg{transition:none}}
@media(prefers-reduced-transparency:reduce){#dial-confirm.scene-next,#place-confirm.scene-next{background:var(--scene-base);-webkit-backdrop-filter:none;backdrop-filter:none}}
#home .footnote{position:absolute;left:24px;right:24px;top:calc(var(--safe-top) + var(--scene-height)*.68 + 35px);height:38px;min-height:0;padding:0;margin:0!important}
#instructions{font-size:12px!important;color:var(--scene-dim)!important}
.journey-open #home .intro,.journey-open #home .sense-dial,.journey-open #dial-confirm,.journey-open #home .footnote{opacity:0;pointer-events:none}
html[data-theme] #session:not([data-step="video"]){background:transparent}
#session:not([data-step="video"]) .session-header{z-index:6;max-width:480px;width:var(--scene-width);top:calc(var(--safe-top) + 16px);padding:0 12px;min-height:44px}
html[data-theme] #session:not([data-step="video"]) .back{background:none;box-shadow:none;border:0;color:var(--scene-ink)}
#session:not([data-step="video"]) #session-home{display:none}
#session .flow-screen{padding-bottom:calc(var(--safe-bottom) + 110px)}
#session[data-step="place"] .flow-screen{position:relative;display:block;width:var(--scene-width);max-width:480px;height:100dvh;overflow:visible;padding:0;margin:0 auto;transform:none}
#session[data-step="place"] .flow-brand{position:absolute;top:calc(var(--safe-top) + 18px);left:50%;transform:translateX(-50%);margin:0}
#session[data-step="place"] .selection-bond{position:absolute;top:calc(var(--safe-top) + 53px);left:50%;transform:translateX(-50%);width:170px;min-height:44px;height:44px;margin:0;max-width:none}
#session[data-step="place"] #bond-feeling{font:400 14px/20px Outfit,sans-serif;min-height:44px;height:44px;padding:8px 12px;width:170px;flex:none;letter-spacing:0;color:var(--scene-ink)}
#session[data-step="place"] #bond-feeling:before,#session[data-step="place"] .selection-bond:after{display:none}
#session[data-step="place"] #place-step{display:contents}
#session[data-step="place"] #place-question{position:absolute;top:calc(var(--safe-top) + var(--scene-height)*.16);left:28px;right:24px}
#session[data-step="place"] .place-options{position:absolute;top:calc(var(--safe-top) + var(--scene-height)*.49 - 120px);left:0;width:100%;max-width:none;height:190px;display:block;margin:0;touch-action:pan-y;isolation:auto;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
html[data-theme] #session .place-options button{position:absolute;left:50%;top:50%;width:max-content;max-width:none;min-width:70px;min-height:88px;height:auto;aspect-ratio:auto;margin:0;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:0;border-radius:0;background:none;color:var(--scene-ink);font:400 21px/1.3 Outfit,sans-serif;letter-spacing:0;white-space:nowrap;overflow:visible;transition:none;transform-origin:center}
html[data-theme] #session .place-options button:before,html[data-theme] #session .place-options button:after{display:none}
html[data-theme] #session .place-options button.is-current{font-weight:450}
html[data-theme] #session .place-options button svg{display:block;width:34px;height:34px;stroke-width:1.2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
#place-free{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);font-size:10px;padding:2px 7px;white-space:nowrap}
#session:not([data-step="place"]) .selection-bond>*{font-size:15px;letter-spacing:0}
#session:not([data-step="place"]) .flow-brand{margin-top:0;margin-bottom:20px}
#app-dock{position:fixed;z-index:8;left:50%;bottom:calc(var(--safe-bottom) + 16px);transform:translateX(-50%);width:min(calc(100% - 28px),420px);height:72px;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;padding:6px 10px;border-radius:40px;border:1px solid var(--scene-line);background:linear-gradient(135deg,#f8f3e40b,#efe4b512),var(--scene-dock);box-shadow:inset 0 1px 0 #f8f3e412,0 8px 30px #34251608;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--scene-ink)}
#app-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:30px;padding:5px;color:var(--scene-ink);background:none;font:400 12px/1.2 Outfit,sans-serif;min-height:48px}
#app-dock button.is-active{color:var(--scene-accent)}
#app-dock svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#app-dock .selection-dot{fill:currentColor;stroke:none}
#app-dock button:active{background:#f8f3e40b;transform:scale(.96)}
body.entry-open #app-dock,body.arrival-pending #app-dock{visibility:hidden}
#word-layer{position:fixed;inset:0;z-index:9;pointer-events:none}
#word-layer .selection-word{pointer-events:none}
@media(max-height:680px){:root{--scene-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 18px)}#home .masthead,#session[data-step="place"] .flow-brand{padding-top:calc(var(--safe-top) + 10px)}#session[data-step="place"] .flow-brand{padding:0;top:calc(var(--safe-top) + 10px)}#home .intro,#session[data-step="place"] #place-question{top:calc(var(--safe-top) + 102px);font-size:28px}#home .intro h1{font-size:28px}#app-dock{height:66px;bottom:calc(var(--safe-bottom) + 10px)}#dial-confirm.scene-next,#place-confirm.scene-next{top:calc(var(--safe-top) + var(--scene-height)*.72 - 20px);font-size:21px}}

@media(min-width:700px){.scene-ribbon{left:-25%;width:150%}.scene-glow{width:620px}}
@media(prefers-reduced-motion:reduce){.scene-glow,.scene-ribbon{animation:none}#home .intro,#home .sense-dial,#dial-confirm{transition:none}}
@media(prefers-reduced-transparency:reduce){#app-dock{background:#F8F3E4;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme="dark"] #app-dock{background:#4A4C37}}

@media(max-height:680px){#home .footnote{top:calc(var(--safe-top) + var(--scene-height)*.72 + 40px)}}
@media(max-height:540px){
 #home .masthead{padding-top:calc(var(--safe-top) + 8px)}
 html[data-theme] #home .masthead>img,html[data-theme] .flow-brand{width:18px;height:28px}
 .scene-caption{display:none}
 #session[data-step="place"] .flow-brand{top:calc(var(--safe-top) + 8px)}
 #session[data-step="place"] .selection-bond{top:calc(var(--safe-top) + 28px)}
 #home .intro,#session[data-step="place"] #place-question{top:calc(var(--safe-top) + 70px)}
 #home .intro h1,#session[data-step="place"] #place-question{font-size:24px}
 #home .sense-dial{top:calc(var(--safe-top) + var(--scene-height)*.57 - 60px);height:120px}
 #session[data-step="place"] .place-options{top:calc(var(--safe-top) + var(--scene-height)*.6 - 85px);height:160px}
 #dial-confirm.scene-next,#place-confirm.scene-next{top:calc(var(--safe-top) + var(--scene-height)*.75 - 20px);height:44px;font-size:20px}
 #app-dock{height:58px;bottom:calc(var(--safe-bottom) + 8px)}
 #app-dock button{min-height:44px;font-size:10px;gap:3px}
 #app-dock svg{width:20px;height:20px}
 #home .footnote{display:none}
}

html[data-theme="dark"] #place-free{font-size:11px;background:#4a4c37b8;color:#FFFB54;border-color:#fffb5440}
/* Keep the mark anchored when the following assessment enters. */
#session .flow-brand{position:absolute;top:calc(var(--safe-top) + 18px);left:50%;transform:translateX(-50%);margin:0!important}
#session:not([data-step="place"]) .flow-screen{padding-top:calc(var(--safe-top) + 90px)}
@media(max-height:680px){#session .flow-brand{top:calc(var(--safe-top) + 10px)}}
@media(max-height:540px){#session .flow-brand{top:calc(var(--safe-top) + 8px)}}
/* A short landscape screen needs two columns to leave the dock clear. */
@media(max-height:450px) and (min-width:560px){
 :root{--scene-width:min(100vw,800px)}
 #home .experience,#home .masthead,#session[data-step="place"] .flow-screen{max-width:800px}
 #home .intro,#session[data-step="place"] #place-question{top:calc(var(--safe-top) + 70px);right:57%}
 #home .sense-dial{left:43%;right:0;width:57%;top:calc(var(--safe-top) + 45px)}
 #session[data-step="place"] .place-options{left:43%;width:57%;top:calc(var(--safe-top) + 10px);overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}
 #dial-confirm.scene-next,#place-confirm.scene-next{left:71.5%;top:calc(100dvh - var(--safe-bottom) - 136px)}
}

/* Keep every small header mark below the standalone status-bar blur. */
#home .masthead{padding-top:calc(var(--safe-top) + 30px)}
#session[data-step="place"] .flow-brand{top:calc(var(--safe-top) + 30px)}
#session[data-step="place"] .selection-bond{top:calc(var(--safe-top) + 65px)}
.scene-refresh{top:calc(var(--safe-top) + 22px)}
#account-dialog[data-surface="page"] .sheet-top{padding-top:calc(var(--safe-top) + 30px)}
@media(max-height:680px){#home .masthead{padding-top:calc(var(--safe-top) + 22px)}#session[data-step="place"] .flow-brand{top:calc(var(--safe-top) + 22px)}.scene-refresh{top:calc(var(--safe-top) + 14px)}#account-dialog[data-surface="page"] .sheet-top{padding-top:calc(var(--safe-top) + 22px)}}
/* The film's ambient continuation lives outside its transformed session.
   It covers any exposed standalone safe-area canvas with the same shot. */
body[data-scene-step="video"] #scene-atmosphere{background:var(--scene-base)}
body[data-scene-step="video"] .scene-paint{visibility:visible}
body[data-scene-step="video"] #scene-atmosphere:after{opacity:0;transition:opacity 900ms cubic-bezier(.22,1,.36,1);content:'';position:absolute;inset:0;background:linear-gradient(#0006,#0006),var(--media-poster,url('assets/moment-poster.jpg')) center/cover no-repeat;filter:blur(24px);mask-image:var(--scene-feather);-webkit-mask-image:var(--scene-feather)}

/* Resolve one destination before exposing any application surface. The logo
   is a top-layer dialog and stays visible while this decision is pending. */
body.boot-pending :is(#home,#entry-screen,#onboarding,#app-dock){visibility:hidden}
body.home-pending #home{visibility:hidden}
body.home-pending #home :is(.intro,.sense-dial,#dial-confirm){visibility:hidden}
body.home-entering #home :is(.intro,.sense-dial,#dial-confirm){transition:none}

/* The assessment has one action; free access is a quiet explanation below it. */
#rating-step #rating-submit{margin:28px auto 0;min-width:210px;min-height:56px;border:1px solid var(--scene-line);background:var(--scene-dock);border-radius:32px;font:400 20px/1.3 Outfit,sans-serif;letter-spacing:0;padding:14px 22px}
#rating-step #rating-submit:disabled{opacity:.4}
#rating-step #rating-access{margin:10px auto 0;padding:0;border:0;background:none;border-radius:0;width:auto;text-align:center;font:400 12px/1.5 Outfit,sans-serif;color:var(--scene-dim);pointer-events:none}

/* The question fades at its current position, outer words before the centre. */
.journey-open #home .intro.heading-leaving{opacity:var(--heading-exit-alpha,1)!important;transition:none;pointer-events:none}

/* The introduction shares the app wallpaper; only actual playback introduces the film's continuation. */
body[data-scene-step="video"][data-player-mode="playing"] #scene-atmosphere:after{opacity:1}
body[data-scene-step="video"] #home{visibility:hidden}
@media(prefers-reduced-motion:reduce){body[data-scene-step="video"] #scene-atmosphere:after{transition:none}}