@font-face{font-family:"Archivo Black";src:url(archivo-black.woff2) format("woff2");font-display:swap}
:root{--bg:#e2e2e2;--ink:#000;--paper:#fff;--grey:#5a5a5a}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:18px/1.45 Helvetica,Arial,sans-serif;padding-left:56px}
a{color:inherit}
img,video{display:block;width:100%;height:auto}
.rail{position:fixed;left:0;top:0;bottom:0;width:56px;background:var(--paper);z-index:40;overflow:hidden;display:flex;justify-content:center}
.rail a{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Archivo Black',Impact,sans-serif;font-size:44px;line-height:56px;letter-spacing:.02em;text-decoration:none;white-space:nowrap;text-transform:uppercase}
.mbar{display:none}
.titlebar{background:#000;color:#fff;padding:6px 14px 10px}
.titlebar h1,.titlebar .h1{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;font-size:clamp(2.1rem,7vw,5.2rem);line-height:1;letter-spacing:.01em;font-weight:400}
.hero video,.hero img{width:100%;max-height:92vh;object-fit:cover;background:#000}
.deck{padding:34px 4vw 40px;max-width:1500px}
.deck p{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(1.35rem,2.6vw,2.15rem);line-height:1.18;text-transform:none}
.byline{font-size:15px;padding:0 4vw 24px;text-transform:uppercase;letter-spacing:.08em}
.byline a{font-weight:700;text-decoration:none;border-bottom:2px solid #000}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0 14px}
.split .media{position:relative}
.split .media figure{margin-bottom:14px}
.split .text{padding:6px 4vw 30px 8px}
.text p{margin-bottom:22px}
.text p b,.text h2{font-weight:700}
.text h2{font-size:18px;margin-bottom:4px}
figcaption{font-size:13px;padding:6px 10px;background:var(--paper);text-transform:uppercase;letter-spacing:.06em}
.quote{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(1.6rem,3.1vw,2.6rem);line-height:1.12;margin:10px 0 14px}
.quote + .who{margin-bottom:40px}
.full{margin:0 0 14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.vid{background:#000}
.vid video{max-height:88vh;object-fit:contain;background:#000}
.full .vid video{max-height:80vh;object-fit:cover}
.clients{background:#000;color:#fff;padding:40px 4vw 50px;margin-bottom:14px}
.clients .lab{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.clients p{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(1.3rem,2.7vw,2.3rem);line-height:1.15;text-transform:uppercase}
.clients p span{color:#8b8b8b}
.press{padding:30px 4vw 10px}
.press .lab{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.press li{list-style:none;border-top:2px solid #000;padding:14px 0;display:grid;grid-template-columns:180px 1fr;gap:16px}
.press li b{font-family:'Archivo Black',Impact,sans-serif;font-weight:400}
.press li a{text-decoration:none;border-bottom:1px solid #000}
.clip{background:var(--paper);padding:18px;margin-bottom:14px}
.book{background:#000;color:#fff;padding:50px 4vw 60px}
.book .h{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(2.4rem,7vw,5.5rem);line-height:1;text-transform:uppercase;margin-bottom:18px}
.book .row{display:flex;flex-wrap:wrap;gap:12px}
.book a{display:inline-block;background:#fff;color:#000;font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;text-decoration:none;font-size:1.15rem;padding:16px 22px}
.book a.o{background:transparent;color:#fff;border:2px solid #fff}
.book small{display:block;margin-top:18px;color:#bbb;font-size:15px}
.idx{padding:40px 4vw 70px}
.idx h3{font-family:'Archivo Black',Impact,sans-serif;font-weight:400;font-size:1.4rem;text-transform:uppercase;margin:26px 0 8px}
.idx .links{columns:4 220px;column-gap:22px;font-size:15px}
.idx .links a{display:block;text-decoration:none;padding:3px 0;break-inside:avoid}
.idx .links a:hover{text-decoration:underline}
.foot{font-size:13px;padding:0 4vw 40px;color:var(--grey)}
.inline-book{font-weight:700}
.inline-book a{border-bottom:2px solid #000;text-decoration:none}
@media(max-width:820px){
 body{padding-left:0;padding-top:46px}
 .rail{display:none}
 .mbar{display:flex;position:fixed;top:0;left:0;right:0;height:46px;background:#fff;z-index:40;align-items:center;justify-content:space-between;padding:0 12px;font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase}
 .mbar a{text-decoration:none}.mbar .b{background:#000;color:#fff;padding:7px 12px;font-size:14px}
 .split,.grid2{grid-template-columns:1fr}
 .grid3{grid-template-columns:1fr 1fr}
 .split .text{padding:6px 18px 24px}
 .press li{grid-template-columns:1fr;gap:4px}
}