/* Quiet navigation layered over the original garden and editorial palette. */
html{scroll-behavior:auto;scroll-padding-top:0}
body.menu-site{background:var(--paper);color:var(--green);overflow-x:clip}
.menu-site .quiet-header{position:fixed;inset:0 0 auto;z-index:10;padding:24px 5%;background:var(--paper);color:var(--green);align-items:center}
.quiet-header .brand{font-size:20px;letter-spacing:-1px}
.quiet-header .brand span{color:var(--pink);font-size:27px}
.header-home{font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}
.menu-site .hero-stage{background:var(--paper)}
.menu-site .bloom-intro h1{color:var(--green);text-shadow:none}
.menu-reveal{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;opacity:var(--menu-opacity,0);padding:90px 7%}
.stack-menu{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(1050px,100%)}
.stack-menu a{font-family:var(--display);font-size:clamp(52px,7.5vw,112px);line-height:1.16;letter-spacing:-.055em;text-transform:none;position:relative;transition:color .2s,transform .25s;max-width:100%}
.stack-menu a::after{display:none!important}
#menu .stack-menu{align-items:center;text-align:center}
#menu .stack-menu a{font-size:clamp(36px,5.4vw,80px)}
.stack-menu a:hover{color:#a91d63;transform:translateX(12px)}
.stack-menu a:focus-visible{outline:3px solid var(--green);outline-offset:8px;border-radius:2px}
.menu-footnote{position:absolute;bottom:32px;left:7%;font-size:10px;letter-spacing:.18em}
.intro-skip{position:absolute;bottom:28px;left:calc(50% - 22px);z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--green);font-size:25px;opacity:var(--intro-opacity,1)}
.intro-skip:focus-visible{opacity:1}
.page-view{min-height:100svh;padding:135px 7% 80px}
.menu-page{display:flex;flex-direction:column}
.back-link{display:inline-block;width:max-content;font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:.02em;margin-bottom:45px;padding:8px 0;text-transform:none}
.back-link:hover{text-decoration:underline;text-underline-offset:6px}
.category-menu{margin:auto 0;padding:20px 0 65px;gap:20px}
.category-menu a{font-size:clamp(34px,5.9vw,88px)}
.films-page{max-width:1440px;margin:auto}
.films-page h2{font-size:clamp(32px,4.2vw,62px);margin:5px 0 40px}
#film-list{padding:0;margin:0;list-style:none;max-width:1060px}
#film-list li{margin:0;padding:0}
.film-title{background:none;border:0;text-align:left;padding:13px 0;display:block;font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(17px,1.85vw,25px);line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere;width:100%;text-transform:none;transition:color .2s}
.film-title:hover{color:#a91d63;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
#film-status{font-size:15px;line-height:1.7;margin:0 0 20px}
#film-status:empty{display:none}
.menu-site #about{padding-top:135px;border-radius:0;margin:0}
.menu-site #contact{padding-top:135px}
.menu-site #contact>.back-link{color:inherit}
.menu-site .about-grid{margin-top:35px}
.menu-site #about .about-art>p{max-width:560px}
.menu-site .about-copy{opacity:1!important;transform:none!important}
.menu-site #player-dialog{padding:0;background:var(--paper);color:var(--green);border:0;width:min(1120px,94vw);max-height:94svh;border-radius:3px}
.menu-site #player-dialog::backdrop{background:#071c0ee8;backdrop-filter:blur(5px)}
.menu-site .player-top{padding:18px 22px;display:flex;align-items:center;gap:25px;justify-content:space-between}
.menu-site #player-title{font-family:'DM Sans',sans-serif;font-size:clamp(15px,2vw,23px);line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
.menu-site #player-close{flex-shrink:0;color:var(--green);background:transparent;border:1px solid var(--green);border-radius:30px;padding:10px 18px;font-size:13px}
.menu-site #player-container{aspect-ratio:16/9;background:#071c0e}
.menu-site #player-container iframe{display:block;width:100%;height:100%;border:0}
.menu-site .player-help{font-size:12px;padding:15px 22px;line-height:1.5;color:var(--green)}
.menu-site .player-help a{text-decoration:underline}
.no-script{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--paper);padding:20px}
@media(max-width:700px){
 .menu-site .quiet-header{padding:20px 6%}.quiet-header .brand{font-size:16px}.quiet-header .brand span{font-size:23px}
 .menu-reveal{padding:85px 8%}.stack-menu{gap:18px}.stack-menu a{font-size:clamp(44px,12vw,72px)}
 #menu .stack-menu a{font-size:clamp(34px,9vw,54px)}
 .page-view,.menu-site #about,.menu-site #contact{padding:105px 8% 45px}
 .category-menu{gap:28px;padding-bottom:90px}.category-menu a{font-size:clamp(26px,7vw,46px);letter-spacing:-.05em}
 .back-link{margin-bottom:30px}.films-page h2{margin-bottom:28px}.film-title{padding:12px 0;font-size:18px}
 .menu-site .player-top{padding:15px}.menu-site #player-close{padding:9px 12px}.menu-site .player-help{padding:12px 15px}
 .menu-site .about-grid{margin-top:20px}.menu-site .footer-links{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 .menu-site .bloom-journey{height:auto}
 .menu-site .hero-stage{display:block;height:auto;min-height:0;position:relative}
 .menu-site .depth-garden{height:90svh;min-height:450px;position:relative}
 .menu-site .bloom-intro{height:90svh;min-height:450px;inset:0 0 auto;opacity:1}
 .menu-site .menu-reveal{position:relative;height:100svh;min-height:500px;opacity:1}
 .menu-site .depth-garden{position:absolute;top:0;width:100%}
 .menu-site .menu-reveal{margin-top:90svh}
 .menu-site .intro-skip{top:calc(90svh - 75px);bottom:auto}
 .stack-menu a,.film-title{transition:none}.stack-menu a:hover{transform:none}
}