/* The existing page surrounds one continuous movie; no separate scene cards. */
.living-film-optics,.living-film-drawing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden}
.living-film-optics{z-index:-2}.living-film-drawing{z-index:-1}
.cinema.motion-enabled.living-film-ready .living-film-optics,.cinema.motion-enabled.living-film-ready .living-film-drawing{visibility:visible}
@media(prefers-reduced-motion:reduce){.living-film-optics,.living-film-drawing{display:none!important}}
.scroll-direction{--site-header-height:144px}
.scroll-direction .site-header.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 48px;gap:4px 24px;padding-top:16px;padding-bottom:12px}
.scroll-direction .player-brand{grid-area:1/1}.scroll-direction .film-navigation,.scroll-direction .mobile-menu-toggle{grid-area:1/2}
.direction-picker{grid-area:2/1/3/3;justify-self:center;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 54px;align-items:center;gap:5px;width:min(440px,100%);padding:2px 6px;background:#21151cd9;border:1px solid #e4ced52e;color:#f4e9d9;font:11px/1.4 var(--mono)}
.direction-picker button,.direction-picker select,.direction-keep{min-height:44px;color:inherit;background:none;border:0;font:inherit}
.direction-picker select{width:100%;min-width:0;cursor:pointer;padding:0 3px}.direction-picker option{background:#241923;color:#f4e9d9}
.direction-picker>button{font:22px/1 Redaction,serif}.direction-picker>button:disabled{opacity:.3}
.direction-keep{display:flex;align-items:center;gap:5px;font-size:9px;cursor:pointer}.direction-keep input{width:14px;height:14px;accent-color:#b68f9d}
.direction-filter{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap}
.direction-filter button{background:#21151ce8;border:1px solid #e4ced52e;padding:0 12px;font-size:10px;min-height:36px}
.direction-picker :focus-visible{outline:1px solid currentColor;outline-offset:2px}
#cinema .scene-atmosphere{visibility:hidden}#cinema .film-shade{opacity:.18}
.cinema.motion-enabled #film{object-fit:cover}
.cinema.motion-enabled .film-titles{inset:30% 5% 23% 47%;transform:none;color:#fff5e9}
[data-placement="left"] .cinema.motion-enabled .film-titles{inset:30% 51% 23% 5%}
[data-placement="upper-left"] .cinema.motion-enabled .film-titles{inset:26% 51% 38% 5%}
[data-placement="upper-right"] .cinema.motion-enabled .film-titles{inset:26% 5% 38% 51%}
[data-placement="upper-center"] .cinema.motion-enabled .film-titles{inset:23% 25% 43%}
.cinema.motion-enabled #community-introduction .community-note{max-width:510px;margin-left:auto}
.cinema.motion-enabled #community-introduction:before{background:linear-gradient(270deg,#20101b99,transparent 72%)}
.cinema.motion-enabled .membership-note{margin:0 auto 0 0}
.cinema.motion-enabled .membership-moment:before{background:linear-gradient(90deg,#20101b88,transparent 72%)}
.scroll-direction .cinema:not(.motion-enabled) #community-introduction{background-image:linear-gradient(#20101b55,#20101b77),var(--direction-opening)}
.scroll-direction .cinema:not(.motion-enabled) .flower-ending{background-image:linear-gradient(#20101b11,#20101b33),var(--direction-ending)}
.scroll-direction[data-light="true"] .film-titles :is(h2,p),.scroll-direction[data-light="true"] .opening-wordmark,.scroll-direction[data-light="true"] .community-composition{color:#4e253c;text-shadow:none}
.scroll-direction[data-light="true"] .community-composition :is(p,h2,a,li){color:#4e253c;text-shadow:none}
.scroll-direction[data-light="true"] .cinema.motion-enabled .community-moment:before{background:linear-gradient(90deg,#f5ebdd55,transparent 72%)}
.scroll-direction[data-light="true"] .film-shade{opacity:.04!important}
.scroll-direction[data-light="true"] .film-timecode,.scroll-direction[data-light="true"] .journey-hint{color:#4e253c;text-shadow:none}
.scroll-direction[data-light="true"] .flower-heading :is(h2,p,em){color:#4e253c;text-shadow:none}
@media(max-width:700px){
 .scroll-direction{--site-header-height:calc(118px + var(--site-header-safe-top))}
 .scroll-direction .site-header.site-header{padding:calc(8px + var(--site-header-safe-top)) 12px 8px;gap:3px 12px}
 .direction-picker{font-size:10px;grid-template-columns:38px minmax(0,1fr) 38px 48px;gap:1px;padding:0 3px}
 .direction-picker>button{min-width:38px}.direction-keep{font-size:8px;gap:3px}
 .scroll-direction .cinema.motion-enabled .film-titles{inset:25% 6% 44%;transform:none}
 .scroll-direction .cinema.motion-enabled .film-titles:before{content:'';position:absolute;inset:-20% -15%;background:radial-gradient(ellipse,#21121c66,transparent 73%);pointer-events:none}
 .scroll-direction .film-titles .title-scene>.eyebrow{font-size:10px;margin-bottom:12px}
 .scroll-direction .film-titles .title-scene>p:last-child{font-size:17px;margin-top:18px}
 .scroll-direction[data-direction="01"] .cinema.motion-enabled .film-titles{inset:60% 7% 15%}
 .scroll-direction[data-direction="08"] .cinema.motion-enabled .film-titles{inset:38% 7% 31%}
 .scroll-direction[data-direction="02"] .film-titles :is(h2,p),.scroll-direction[data-direction="02"] .opening-wordmark{color:#fff5e9;text-shadow:0 1px 8px #210f20}
 .scroll-direction[data-direction="02"] .film-timecode,.scroll-direction[data-direction="02"] .journey-hint{color:#fff5e9;text-shadow:0 1px 8px #210f20}
 .scroll-direction .cinema.motion-enabled .community-moment{padding:150px 7% 100px}
 .scroll-direction .community-description>p{font-size:18px}
 .scroll-direction .community-note h2{font-size:33px}
 .scroll-direction .cinema.motion-enabled #community-introduction:before{background:linear-gradient(180deg,transparent,#20101b77 40%,#20101b77 75%,transparent)}
 .scroll-direction[data-light="true"] .cinema.motion-enabled #community-introduction:before{background:linear-gradient(180deg,transparent,#f5ebdd44 40%,#f5ebdd44 75%,transparent)}
}
@media(prefers-reduced-motion:reduce){.scroll-direction .direction-picker{scroll-behavior:auto}}

/* Preserve the original film, exact wordmark and photographic sampling windows. */
.restored-film{--site-header-height:80px}
.restored-film .site-header.site-header{display:flex;align-items:center;justify-content:space-between;height:auto;padding:22px 4%;gap:24px}
.restored-film .film-navigation{margin-left:auto}
/* Clip the movie without making the sticky stage a focus scroll container.
   The photo and chapter rails retain their own native horizontal scrolling. */
.restored-film .cinema.motion-enabled .stage{overflow:clip}
@media(max-width:700px){
 .restored-film{--site-header-height:calc(68px + var(--site-header-safe-top))}
 .restored-film .site-header.site-header{padding:calc(13px + var(--site-header-safe-top)) 5% 13px;gap:16px}
 .restored-film .cinema.motion-enabled .community-moment{padding-top:110px}
}