/* Film layer (home) and the /guide page. Loaded only where films appear; Maison paper / Jost / Bodoni / oxblood. */
.film-layer{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;background:#121110;color:#F3EFE7;overflow:hidden;box-shadow:0 40px 80px -30px #000a}
.film-layer::backdrop{background:#121110d9}
.film-frame{display:grid;grid-template-rows:auto 1fr}
.film-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 20px}
.film-head h2{margin:0;font:500 11px/1.4 Jost,'Helvetica Neue',Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.film-close{min-height:44px;min-width:44px;padding:0 14px;border:1px solid #F3EFE766;background:transparent;color:inherit;font:500 11px/1 Jost,'Helvetica Neue',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.film-close:hover,.film-close:focus-visible{background:#F3EFE7;color:#121110}
.film-close:focus-visible{outline:2px solid #F3EFE7;outline-offset:3px}
.film-layer video{display:block;width:100%;max-height:calc(100vh - 96px);aspect-ratio:16/9;background:#000;object-fit:contain}
html.film-open{overflow:hidden}
@media(max-width:700px){.film-layer{width:100vw;max-width:100vw;max-height:100vh;margin:auto 0}.film-head{padding-left:16px}.film-layer video{max-height:calc(100vh - 64px)}}
@media(prefers-reduced-motion:no-preference){.film-layer[open]{animation:film-in 320ms cubic-bezier(.16,1,.3,1)}@keyframes film-in{from{opacity:0;transform:translateY(12px)}}}

/* /guide */
body.guide-page main.guide{padding-block:72px 96px}
body.guide-page .guide h1{margin:20px 0 0;font-size:clamp(44px,6vw,88px);line-height:1;max-width:14ch}
body.guide-page .guide-lede{max-width:56ch;margin:24px 0 0;font-size:19px;line-height:1.6;color:var(--mute)}
body.guide-page .film{margin:40px 0 0;max-width:1100px}
body.guide-page .film video{display:block;width:100%;aspect-ratio:16/9;background:#121110;object-fit:contain}
body.guide-page .film figcaption{margin-top:12px;font-size:14px;color:var(--mute)}
body.guide-page .chapters{max-width:56ch;margin:40px 0 0;padding:0 0 0 22px;line-height:1.75}
body.guide-page .chapters li{padding-left:6px}
body.guide-page .guide .ctas{margin-top:40px}
@media(max-width:900px){body.guide-page main.guide{padding-block:40px 64px}body.guide-page .guide-lede{font-size:17px}}