@font-face{font-family:Blackletter;src:url('/assets/blackletter.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bone:#e1dbcd;--muted:#b4b2a9;--rule:rgba(225,219,205,.23)}
*{box-sizing:border-box}body{margin:0;background:#090c0d;color:var(--bone);font-family:Georgia,'Times New Roman',serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--bone);outline-offset:7px}button{border:0}::selection{background:#82745c;color:#fff}
.landscape,.shade{position:fixed;inset:0;pointer-events:none}.landscape img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:opacity .35s ease;opacity:1}.landscape img.changing{opacity:0}.shade{background:linear-gradient(180deg,rgba(4,7,8,.17),transparent 26%,rgba(4,7,8,.06) 50%,rgba(4,7,8,.86)),linear-gradient(90deg,rgba(4,7,8,.22),transparent 25%,transparent 75%,rgba(4,7,8,.22));transition:opacity .5s}.page{position:relative;min-height:100svh;padding:0 clamp(24px,4.2vw,80px);display:flex;flex-direction:column;transition:opacity .5s}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.identity{display:flex;align-items:center;gap:22px;font-family:Blackletter,serif;font-size:38px}.identity span,.quiet,.eyebrow,.trailers,.frame-note,.colophon{font-family:Arial,Helvetica,sans-serif}.identity span{font-size:10px;text-transform:uppercase;letter-spacing:.24em}.quiet{background:none;font-size:11px;letter-spacing:.07em;padding:15px 0 15px 15px}.quiet span{margin-left:14px;font-size:16px}main{flex:1;display:flex;justify-content:center;align-items:center;min-height:430px;padding:60px 0 45px}.title-block{text-align:center}.eyebrow{font-size:10px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;margin:0}h1{font-family:Blackletter,Georgia,serif;font-weight:400;font-size:clamp(100px,15.7vw,240px);line-height:1.1;letter-spacing:-.055em;margin:9px 0 0;text-shadow:0 6px 65px #0007}.tagline{font-size:clamp(18px,1.6vw,24px);font-style:italic;letter-spacing:.035em;margin:10px 0 36px;color:#c9c6bb}.trailers{display:flex;align-items:center;justify-content:center;gap:30px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.trailers a:first-child{padding:16px 22px;border:1px solid #d4cebc7a;background:#0a0b0a33}.trailers a{transition:background .2s,color .2s}.trailers a:hover{color:white;background:#d4cebc13}.play{font-size:16px;margin-right:10px;vertical-align:-1px}.trailers a:last-child span{margin-left:8px}footer{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.section-label{font-size:9px;letter-spacing:.22em;color:var(--muted);margin-bottom:16px}.frames{display:flex;gap:22px}.frame{background:none;padding:0;text-align:left;opacity:.6;transition:opacity .25s}.frame:hover,.frame.active{opacity:1}.frame img{width:100px;height:56px;display:block;object-fit:cover;outline:1px solid transparent;outline-offset:4px}.frame.active img{outline-color:#d6cfbd}.frame>span{display:block;margin-top:11px;font-size:12px;white-space:nowrap}.frame small{font-family:Arial,sans-serif;font-size:8px;margin-right:6px;color:var(--muted)}.frame-note{text-align:right;font-size:10px;letter-spacing:.07em;padding-bottom:2px}.frame-note p{color:var(--muted);margin:0 0 15px}.frame-note p span{margin:0 8px}.frame-note a{display:inline-block;border-bottom:1px solid var(--rule);padding-bottom:6px}.frame-note a span{margin-left:16px}.colophon{grid-column:1/-1;border-top:1px solid var(--rule);padding:19px 0 22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.6;letter-spacing:.035em;color:#a6a79f}.colophon>a{color:var(--bone)}.return{position:fixed;right:28px;bottom:28px;background:#0a0d0ddd;border:1px solid var(--rule);padding:15px 21px;font:11px Arial,sans-serif;letter-spacing:.08em}.immersive .page{opacity:0;pointer-events:none}.immersive .shade{opacity:0}
@media(min-aspect-ratio:18/10){.landscape img{object-position:center 8%}}
@media(min-width:1700px){.frame img{width:120px;height:67px}main{padding-top:90px;padding-bottom:90px}}
@media(max-width:600px){header{height:85px}.identity{gap:12px;font-size:30px}.identity span{max-width:90px;font-size:8px;line-height:1.8;letter-spacing:.17em}.quiet{font-size:10px}.quiet span{margin-left:6px}main{min-height:370px;padding:55px 0 50px}.eyebrow{font-size:8px;letter-spacing:.22em}h1{font-size:25vw;margin-top:20px}.tagline{margin:14px 0 30px}.trailers{gap:20px;font-size:9px;letter-spacing:.09em}.trailers a:first-child{padding:14px 16px}footer{gap:24px;grid-template-columns:1fr}.frames{gap:22px}.frame img{width:82px;height:48px}.frame-note{display:flex;justify-content:space-between;align-items:center;text-align:left}.frame-note p{margin:0}.colophon{font-size:8px;flex-wrap:wrap;gap:5px 15px;padding-top:15px}.colophon span:nth-child(2){order:3;width:100%;font-size:7px}.colophon>a{margin-left:auto}.landscape img{object-position:50% 0}.shade{background:linear-gradient(180deg,#05080844,transparent 25%,#05080833 50%,#050808e6 88%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Download links stay available for every scene, independently of selection. */
.frame-option{width:112px}.frame-downloads{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:5px}.frame-downloads a{font:10px Arial,sans-serif;display:inline-flex;align-items:center;min-height:44px;color:var(--bone);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule)}.frame-downloads a:hover{color:white;text-decoration-color:currentColor}.frame-note a{display:block;width:fit-content;margin-left:auto;padding-top:12px;padding-bottom:12px}.download-quality{grid-column:1/-1;margin:-10px 0 -10px;font:10px/1.8 Arial,sans-serif;color:var(--muted)}.download-quality span{display:block}.colophon{margin-top:0}
@media(max-width:600px){.frame-option{width:82px}.frame-downloads{display:block}.frame-downloads a{display:flex}.frame-note{flex-wrap:wrap;gap:4px 16px}.frame-note p{width:100%;margin-bottom:5px}.frame-note a{margin-left:0}.download-quality{font-size:9px}}