/* Quiet visitor controls; the artwork remains the main experience. */
.player-header{grid-template-columns:1fr auto}
.journey-hint{position:absolute;left:4%;bottom:34px;z-index:4;font:11px/1.6 var(--mono);color:var(--paper);text-shadow:0 2px 12px #100b0d;pointer-events:none}
.stage>.film-status{position:absolute;bottom:90px;left:4%;right:4%;z-index:4}
.visitor-settings{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:4%;z-index:6;display:flex;align-items:center;gap:8px;color:var(--paper)}
.visitor-settings>a{font:10px/1.4 var(--mono);padding:12px;margin-right:4px;text-shadow:0 2px 8px #100b0d}
.visitor-settings button,.visitor-settings #ambient-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #ebdcd326;border-radius:50%;background:#160e13b8;color:var(--paper);transition:background-color .2s,border-color .2s}
.visitor-settings button:hover{background:#362129;border-color:#ebdcd380}
.visitor-settings svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.visitor-settings button:disabled{opacity:.4}
/* round 14: the sound button is a mute toggle (aria-pressed = muted); the icon follows data-sound, slash until music plays */#sound-toggle:not([data-sound=on]) .sound-waves,#sound-toggle[data-sound=on] .sound-slash,#ambient-toggle[aria-pressed=false] .motion-play,#ambient-toggle[aria-pressed=true] .motion-pause{display:none}
.about-footer{padding-bottom:95px}
.credits-page .editorial-section{min-height:70svh;padding-top:160px;max-width:900px;margin:auto;display:block}
.credits-page h1{font-size:clamp(44px,7vw,80px);line-height:1.1;margin:20px 0 36px}
.credits-page .editorial-section>p:not(.eyebrow){max-width:640px;margin:20px 0;font-size:20px;line-height:1.7}
.credits-page .editorial-section a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .player-header{display:flex;justify-content:space-between;gap:16px}
 .player-header .player-brand{display:block;font-size:25px;white-space:nowrap}
 .player-header .film-navigation{gap:18px;font-size:9px}
 .journey-hint{left:6%;bottom:80px;font-size:9px}
 .visitor-settings{right:6%;bottom:max(18px,env(safe-area-inset-bottom));gap:6px}
 .visitor-settings>a{font-size:9px}
 .credits-page .editorial-section{padding:150px 7% 65px}
}
@media(prefers-reduced-motion:reduce){.visitor-settings button{transition:none}}

/* Readable lettering over moving artwork; preserve the existing type families. */
:root{--paper:#fff5e9;--muted:#e2d1c5}
.player-header{background:linear-gradient(#140e12d9,#140e1280 72%,#140e1200);padding-bottom:35px}
.player-header .film-navigation{font-size:13px}
.film-titles,.flower-ending{isolation:isolate;color:#fff5e9}
.title-scene{text-shadow:0 2px 5px #140e12,0 0 24px #140e12}
.title-scene>.eyebrow{color:#fff5e9;font-size:13px;letter-spacing:.035em}
.title-scene>p:last-child{font-size:22px;color:#fff5e9;line-height:1.5}
.flower-actions a{font:17px/1.5 Redaction,Georgia,serif;color:#fff5e9;border-color:#f3dfcd99;text-shadow:0 2px 5px #140e12}
.visitor-settings>a{font-size:11px;background:#140e12d9;border-radius:3px;text-shadow:none}
.about-page .orchid-veil{background:linear-gradient(90deg,#140e12ed,#140e12c9)}
.about-page :is(.place-heading p,.details-lead,.archive-heading>p,.application-note,.space-intro-bottom,.property-credit,.property-gallery figcaption,.detail-list dd){color:#eddfd1}
.about-page :is(.eyebrow,.property-ledger dt,.property-status,.property-ledger dd small,.media-caption,.about-header nav){font-size:12px;color:#f1dcc8}
.about-page :is(.property-gallery figcaption,.space-tabs button){font-size:13px}
.about-page .property-gallery figcaption span{color:#e5d0bc}
.about-page .inquiry-form :is(label,.field-label){color:#f1dcc8}
@media(max-width:700px){
 .player-header .film-navigation{font-size:11px;gap:20px}.player-header{padding-bottom:28px}
 .title-scene>.eyebrow{font-size:11px;max-width:280px}.title-scene>p:last-child{font-size:19px}
 .flower-ending .title-scene>.eyebrow{font-size:11px}.flower-ending .title-scene>p:last-child{font-size:18px}.flower-actions a{font-size:17px}
 .visitor-settings>a{font-size:10px}
}

@media(max-width:360px){.player-header{gap:12px}.player-header .film-navigation{gap:13px;font-size:10px}.player-header .film-navigation a{white-space:nowrap}.player-header .player-brand{font-size:24px}}

/* Light stays in the artwork; lettering carries only a soft optical shadow. */
.cinema:not(.motion-enabled) .stage{overflow:hidden}
.title-scene h2{color:#fff8ee;text-shadow:0 1px 3px #21121c99,0 0 13px #ffddad33}
.title-scene>p,.flower-actions a{color:#fff5e9;text-shadow:0 1px 3px #21121c,0 2px 12px #21121c88}

/* Lowercase site name with the original Atelier arch and eye. */
.player-header .player-brand,.about-header .player-brand{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;min-height:44px;color:var(--paper);font-family:Redaction,Georgia,serif;font-weight:400;flex:none}
.identity-mark{display:block;flex:none;width:36px;aspect-ratio:180/168;background:currentColor;mask:url('/brand/atelier-mark.svg') center/contain no-repeat;-webkit-mask:url('/brand/atelier-mark.svg') center/contain no-repeat}
.flower-actions{position:relative;isolation:isolate}
@media(max-width:700px){.player-header .player-brand{font-size:25px;gap:8px}.player-header .identity-mark{width:27px}.about-header .identity-mark{width:32px}}
@media(max-width:360px){.player-header .player-brand{font-size:21px;gap:6px}.player-header .identity-mark{width:23px}.player-header{gap:10px}}