:root{--ink:#101719;--teal:#007f85;--muted:#53616c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font:15px/1.6 Manrope,Arial,sans-serif}a{color:inherit}button,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #00b9b3;outline-offset:5px}nav{display:flex;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid #dce5e3;background:#fff}nav a{text-decoration:none}nav div{display:flex;gap:24px}.brand{font-size:12px;letter-spacing:.12em;font-weight:700}main{max-width:1280px;margin:auto;padding:56px 5% 24px}.eyebrow,.section-line,.number,.duration,.keys{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.06em}.eyebrow{color:var(--teal)}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(48px,6.6vw,86px);line-height:1.02;letter-spacing:-.035em;margin:22px 0}h2{font-size:36px;line-height:1.1;margin:12px 0}.intro{font-size:18px;color:var(--muted);max-width:660px}.section-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #cbd8d5;padding:18px 0;margin-top:38px;text-transform:uppercase;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 28px}.clip{border:0;background:none;color:inherit;text-align:left;padding:0;border-radius:2px}.visual{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#101719;transition:box-shadow .2s,transform .2s}.visual img,.visual video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.visual video{opacity:0;transition:opacity .2s}.clip.previewing video{opacity:1}.clip:hover .visual,.clip:focus-visible .visual{box-shadow:0 0 0 3px var(--teal),0 12px 30px #10171926;transform:translateY(-3px)}.play{position:absolute;bottom:16px;left:16px;background:#fff;color:#101719;padding:8px 12px;font-size:12px;font-weight:700;border-radius:2px}.duration{position:absolute;right:12px;bottom:18px;background:#101719d9;color:white;padding:4px 7px}.meta{display:flex;gap:14px;padding:16px 0;align-items:baseline}.number{color:var(--teal)}.meta strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.025em}.meta small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.go{margin-left:auto;color:var(--teal);font-size:22px}.lab{border:1px solid #cbd8d5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;margin:30px 0 56px}.lab p{margin-bottom:0}.lab a{color:var(--teal);font-weight:700;white-space:nowrap}iframe{width:100%;height:850px;border:1px solid #cbd8d5}footer{padding:40px 0 20px;color:var(--muted)}footer small{display:block;max-width:800px;margin-top:10px}dialog{padding:0;border:1px solid #3d5155;background:#0c1113;color:#f3f5f5;width:min(1120px,96vw);max-width:none;max-height:96dvh;border-radius:10px}dialog::backdrop{background:#030809e8;backdrop-filter:blur(10px)}.player-shell{padding:20px}.player-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.player-head h2{font-size:30px;margin:4px 0 16px}.player-head .eyebrow{color:#8de5df}dialog button,dialog select{border:1px solid #43565b;border-radius:4px;background:#1b282d;color:#fff;padding:9px 12px}#close{font-size:22px;align-self:flex-start}#player{display:block;background:black;width:100%;max-height:62dvh;aspect-ratio:16/9}.transport{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:12px}.transport label{display:flex;gap:6px;align-items:center}#next{margin-left:auto}.keys{color:#a4b6ba;font-size:10px}.playlist{display:flex;gap:8px;overflow:auto;padding:5px 0}.playlist button{min-width:120px;max-width:160px;text-align:left;font-size:11px;padding:5px}.playlist img{width:100%;display:block;margin-bottom:5px}.playlist [aria-current=true]{border:2px solid #8de5df;background:#223f41}#film-description{font-size:13px;margin-bottom:6px}#status{font-size:12px;color:#a4e6e0;margin:5px 0}@media(max-width:700px){nav{flex-direction:column;gap:10px}nav div{font-size:12px;gap:18px}main{padding-top:32px}.gallery{grid-template-columns:1fr;gap:24px}.section-line{font-size:10px;flex-wrap:wrap}.lab{flex-direction:column;align-items:start;padding:22px}.meta strong{font-size:19px}.player-shell{padding:12px}.transport{gap:7px}.transport button{padding:8px}.keys{line-height:1.8}iframe{height:650px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
