@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--ink:#16150f;--yellow:#d7c653;--paper:#e8e2c8;--acid:#f0e46a;--line:rgba(232,226,200,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid rgba(255,255,255,.18)}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:-1.5px;font-size:21px}.brand span{font-weight:400;color:var(--acid)}.nav nav{display:flex;gap:35px}.nav nav a,.pill{color:#eee9d6;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.pill{border:1px solid rgba(255,255,255,.35);padding:11px 17px;border-radius:30px}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden}.hero video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,5,.88) 0%,rgba(10,9,5,.52) 48%,rgba(10,9,5,.1) 80%),linear-gradient(0deg,rgba(10,9,5,.5),transparent 45%)}.hero-copy{position:absolute;z-index:2;left:7vw;top:52%;transform:translateY(-45%);max-width:800px}.eyebrow,.kicker{font:500 11px DM Mono,monospace;letter-spacing:2px;color:var(--acid)}h1{font-size:clamp(70px,10.5vw,165px);line-height:.73;letter-spacing:-8px;margin:30px 0 35px;font-weight:800}h1 i{font-family:'Playfair Display',serif;font-weight:700;color:var(--acid)}.tag{font-size:clamp(18px,2vw,28px);margin:0 0 35px;color:#f4f0df}.actions{display:flex;gap:12px}.primary,.ghost{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:700;padding:15px 20px}.primary{background:var(--acid);color:#111}.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.status{position:absolute;right:5vw;bottom:35px;font:10px DM Mono;color:#eee;letter-spacing:1.5px}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d9ed72;margin-right:7px;box-shadow:0 0 12px #d9ed72}.status b{margin-left:20px;color:#9e9b88}.intro,.watch,.gallery,.follow{padding:120px 7vw}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;background:#d6ca7d;color:#17150f}.intro .kicker{color:#554e1d}.intro h2,.section-head h2,.follow h2{font-size:clamp(45px,6vw,88px);line-height:.95;letter-spacing:-4px;margin:20px 0}.intro h2 em{font-family:'Playfair Display';font-weight:700}.intro-copy{padding-top:50px;font-size:22px;line-height:1.5}.intro-copy .muted{opacity:.62;font-size:16px}.intro-copy a{display:inline-block;margin-top:20px;color:#17150f;text-transform:uppercase;font:600 11px DM Mono;letter-spacing:1px}.watch{background:#17150f}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head h2{font-size:clamp(42px,5vw,70px);margin-bottom:0}.section-head>p{max-width:290px;color:#8e8a78;font:12px DM Mono;line-height:1.5}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.video-card{border:1px solid var(--line);background:#0f0e0a}.video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;max-height:650px;background:#000}.video-card div{display:flex;justify-content:space-between;padding:16px;font:10px DM Mono;letter-spacing:1px}.video-card div span{color:#777465}.video-card div b{color:var(--acid)}.featured{transform:translateY(-25px)}.center{text-align:center;margin-top:60px}.gallery{background:#1c1a11}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:330px;gap:12px}.mosaic figure{margin:0;position:relative;overflow:hidden;background:#252216}.mosaic .wide{grid-column:span 2}.mosaic .tall{grid-row:span 2}.mosaic img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:.5s transform,.5s filter}.mosaic figure:hover img{transform:scale(1.025);filter:saturate(.95)}figcaption{position:absolute;left:15px;bottom:15px;background:rgba(15,14,9,.8);padding:8px 10px;font:9px DM Mono;letter-spacing:1.5px;color:var(--acid)}.follow{text-align:center;background:#d6ca7d;color:#17150f}.follow .kicker{color:#554e1d}.follow h2{font-size:clamp(65px,10vw,145px);margin:25px 0 20px}.follow h2 span{font-family:'Playfair Display';font-style:italic}.follow>p:not(.kicker){font-size:18px}.socials{max-width:800px;margin:55px auto 0;border-top:1px solid rgba(0,0,0,.25)}.socials a{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;text-align:left;padding:22px 5px;border-bottom:1px solid rgba(0,0,0,.25);color:#17150f;text-decoration:none}.socials small{font:10px DM Mono;letter-spacing:1.5px}.socials strong{font-size:20px}footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:9px DM Mono;letter-spacing:1px;color:#777465}footer .brand{font-family:Inter;font-size:15px}
@media(max-width:800px){.nav{padding:22px 20px}.nav nav{display:none}.hero{min-height:680px}.hero-copy{left:22px;right:22px;top:50%}h1{font-size:21vw;letter-spacing:-5px}.shade{background:linear-gradient(0deg,rgba(10,9,5,.88),rgba(10,9,5,.2) 75%)}.status{left:22px;right:auto}.intro,.watch,.gallery,.follow{padding:80px 22px}.intro{grid-template-columns:1fr;gap:10px}.intro-copy{padding-top:0;font-size:19px}.section-head{display:block}.section-head>p{margin-top:18px}.video-grid{grid-template-columns:repeat(3,78vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.video-card{scroll-snap-align:center}.featured{transform:none}.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.mosaic .wide{grid-column:span 2}.mosaic .tall{grid-row:span 2}.socials a{grid-template-columns:90px 1fr 20px}.socials strong{font-size:15px}footer{gap:20px;flex-wrap:wrap}footer p{margin:0}.actions{flex-wrap:wrap}}

.nav-socials{display:flex;align-items:center;gap:8px}
@media(max-width:760px){.nav-socials{gap:5px}.nav-socials .pill{padding:8px 9px;font-size:9px}}
