:root{--ink:#090b0d;--paper:#f2f1ec;--orange:#e5b91f;--gold-dark:#826200;--line:rgba(255,255,255,.2);--pad:clamp(22px,5vw,78px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:white;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.nav{position:absolute;z-index:5;left:0;right:0;top:0;padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.14em}
.logo{display:block;width:180px}
.logo img{display:block;width:100%;height:auto;object-fit:contain}
.hero{height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero>img{position:absolute;inset:0}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090b0df4 0,transparent 64%),linear-gradient(90deg,#090b0d88 0,transparent 60%)}
.hero-copy{position:relative;z-index:2;padding:0 var(--pad) 72px}
.eyebrow{font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--orange)}
h1{font-size:clamp(60px,10vw,160px);line-height:.8;letter-spacing:-.075em;text-transform:uppercase;margin:16px 0 24px;max-width:1200px}
.hero-copy p{font-size:clamp(18px,2vw,30px);margin:0}
.story{padding:clamp(90px,12vw,180px) var(--pad);background:var(--paper);color:#0a0b0d;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}
.story .eyebrow{color:var(--gold-dark)}
.story h2,.gallery h2{font-size:clamp(54px,8vw,120px);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:12px 0}
.story-copy{align-self:end}
.story-copy>p{font-size:clamp(20px,2.2vw,34px);line-height:1.25}
.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111;margin-top:48px}
.services div{padding:18px 12px 0 0;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.gallery{padding:105px var(--pad)}
.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.gallery-head p{max-width:420px;color:#aab0b4}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.grid figure{margin:0;min-height:420px;grid-column:span 6;overflow:hidden}
.grid figure:nth-child(3n+1){grid-column:span 8}
.grid figure:nth-child(3n+2){grid-column:span 4}
.grid img{transition:transform .7s}
.grid figure:hover img{transform:scale(1.025)}
.next{min-height:65vh;background:var(--orange);color:#090b0d;padding:90px var(--pad);display:grid;align-content:center}
.next h2{font-size:clamp(60px,10vw,150px);line-height:.8;letter-spacing:-.075em;text-transform:uppercase;margin:15px 0 35px}
.next a{font-weight:800;border-bottom:3px solid currentColor;padding-bottom:8px;width:max-content}
.footer{padding:28px var(--pad);display:flex;justify-content:space-between;color:#92999d;font:700 10px ui-monospace,Menlo,monospace;letter-spacing:.12em}
@media(max-width:800px){.story{grid-template-columns:1fr}
.gallery-head{display:block}
.grid{display:block}
.grid figure{height:60vh;margin-bottom:12px}
.services{grid-template-columns:1fr}
.services div{padding:16px 0}
.footer{display:block;line-height:2}
}

.films{padding:105px var(--pad);background:#111417}
.films-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.films-head h2{font-size:clamp(54px,8vw,120px);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:12px 0}
.films-head p{max-width:420px;color:#aab0b4}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.film{margin:0}
.film-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.film-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film figcaption{padding:14px 0;color:#aab0b4;font:700 10px ui-monospace,Menlo,monospace;letter-spacing:.14em}
.gallery-count{font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#aab0b4}
@media(max-width:800px){.films-head{display:block}.film-grid{grid-template-columns:1fr}}
