:root{
  --bg:#0e0e10; --ink:#f3eee6; --muted:#a39a8d; --gold:#c9a25e; --line:rgba(243,238,230,.14);
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.6;min-height:100vh}
img{max-width:100%;display:block}

.top{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(16px,5vw,64px);border-bottom:1px solid var(--line)}
.top-logo{height:64px;width:auto;background:#f6f2eb;padding:6px 10px;border-radius:6px}
.top-tag{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}

.intro{max-width:880px;margin:0 auto;text-align:center;padding:clamp(48px,9vw,110px) 16px clamp(28px,5vw,48px)}
.eyebrow{font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(46px,8vw,96px);letter-spacing:.06em;line-height:1}
h1 em{font-style:italic;color:var(--gold)}
.lede{margin:22px auto 0;max-width:620px;color:var(--muted);font-size:clamp(15px,1.8vw,18px)}

.film{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55);outline:none}
.player video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.player:fullscreen{border-radius:0}
.player:fullscreen video{object-fit:contain}

.big-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;cursor:pointer;color:#fff;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.15),rgba(0,0,0,.5));transition:opacity .4s}
.big-play svg{width:clamp(64px,9vw,104px);height:auto;transition:transform .3s}
.big-play:hover svg{transform:scale(1.07)}
.big-play span{font-size:12px;letter-spacing:.32em;text-transform:uppercase}
.player.started .big-play{opacity:0;pointer-events:none}

.controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:28px 16px 12px;
  background:linear-gradient(transparent,rgba(0,0,0,.72));opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.player.started.show .controls,.player.started.paused .controls{opacity:1;transform:none}
.ctl{background:none;border:0;color:#fff;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;flex:none}
.ctl svg{width:22px;height:22px;fill:currentColor}
.ctl:hover{color:var(--gold)}
.q{width:auto;padding:0 8px;font:500 11px/1 var(--sans);letter-spacing:.12em;border:1px solid rgba(255,255,255,.5);border-radius:4px;height:24px}
.i-pause,.i-mute{display:none}
.player.playing .i-play{display:none}.player.playing .i-pause{display:block}
.player.muted .i-vol{display:none}.player.muted .i-mute{display:block}
.time{font-size:12px;font-variant-numeric:tabular-nums;color:#ddd;flex:none;min-width:86px}
.bar{position:relative;flex:1;height:18px;cursor:pointer;touch-action:none}
.bar::before,.bar-buf,.bar-fill{content:"";position:absolute;left:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}
.bar::before{right:0;background:rgba(255,255,255,.22)}
.bar-buf{background:rgba(255,255,255,.35);width:0}
.bar-fill{background:var(--gold);width:0}
.bar-knob{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;left:0;transform:scale(0);transition:transform .2s}
.bar:hover .bar-knob,.bar.drag .bar-knob{transform:scale(1)}
.vol{width:80px;accent-color:var(--gold)}

.caption{text-align:center;font-size:12px;color:var(--muted);margin-top:16px;letter-spacing:.04em}

.partners{max-width:1100px;margin:clamp(56px,8vw,96px) clamp(16px,4vw,40px) 0;padding:clamp(28px,4vw,44px) clamp(16px,4vw,40px);
  background:#f6f2eb;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:end}
.partners figure{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 8px;border-left:1px solid rgba(0,0,0,.12)}
.partners figure:first-child{border-left:0}
.partners img{height:clamp(56px,8vw,96px);width:auto;max-width:100%;object-fit:contain}
.partners img.wide{height:clamp(36px,5vw,58px);margin-bottom:clamp(10px,1.6vw,19px)}
@media (min-width:1180px){.partners{margin-left:auto;margin-right:auto}}
.partners figcaption{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#7b7166}

footer{text-align:center;padding:clamp(64px,9vw,110px) 16px 48px}
.credit-label{font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:var(--muted)}
.credit-name{font-family:var(--serif);font-size:clamp(34px,5vw,52px);letter-spacing:.18em;margin-top:8px;text-transform:uppercase}
.credit-name::before{content:"";display:block;width:80px;height:1px;background:var(--gold);margin:0 auto 18px}
.copy{margin-top:40px;font-size:11px;color:#6d665c;letter-spacing:.08em}

@media (max-width:720px){
  .vol,.time{display:none}
  .partners{grid-template-columns:repeat(2,1fr);row-gap:32px}
  .partners figure:nth-child(3){border-left:0}
  .top-tag{display:none}
}