:root{--canvas:#0E0D0C;--surface:#1A1816;--ink:#EFE8DD;--soft:#A79E90;--accent:#FF6A3D;--display:'Instrument Serif','Times New Roman',serif;--ui:'Geist',system-ui,sans-serif;--mono:'Geist Mono',ui-monospace,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.65 var(--ui);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:#160B06}a{color:inherit;text-underline-offset:3px}a:hover{color:#fff}img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.015em;line-height:1.02;margin:0 0 .45em;text-wrap:balance}
h1 em,h2 em{color:var(--soft)}
.top{position:sticky;top:0;z-index:5;background:#0E0D0Cf0;border-bottom:1px solid #ffffff14}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:64px}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.brand{font:400 30px/1 var(--display);text-decoration:none;letter-spacing:-.02em}.brand b{color:var(--accent);font-weight:400}
.top nav{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:14px}.top nav a{text-decoration:none;color:var(--soft)}.top nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:#15120F!important;font-weight:600;text-decoration:none;white-space:nowrap}
.btn:hover{background:#fff}.btn.ghost{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1px #ffffff40}.btn.ghost:hover{background:#ffffff10}
.doc{max-width:860px;margin:0 auto;padding:56px 20px 80px}.doc h1{font-size:clamp(44px,6vw,84px)}.lead{font-size:20px;color:#D9D1C4;max-width:60ch}
.doc h2{font-size:clamp(34px,4vw,48px);margin-top:64px;padding-top:28px;border-top:1px solid #ffffff1f}.doc h3{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--soft);margin:30px 0 10px}
.doc p,.doc li,.doc dd{color:#D9D1C4}.doc ul{padding-left:20px;display:grid;gap:6px}
.doc dl{display:grid;gap:14px;margin:0}.doc dt{color:var(--ink);font-weight:600}.doc dd{margin:2px 0 0}
.doc ol.how{counter-reset:s;list-style:none;padding:0;display:grid;gap:22px}.doc ol.how li{counter-increment:s;padding-left:64px;position:relative}.doc ol.how li::before{content:counter(s);position:absolute;left:0;top:-.2em;font:italic 400 44px/1 var(--display);color:var(--accent)}.doc ol.how b{display:block;color:var(--ink);font:400 24px/1.2 var(--display);margin-bottom:2px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.toc a{border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff33;padding:7px 14px;text-decoration:none;font-size:14px}.toc a:hover{background:#ffffff10}
.ex{background:var(--surface);border:1px solid #ffffff14;border-radius:8px;padding:6px 18px}.ex p{margin:12px 0}.ex code{font:12.5px/1.6 var(--mono);color:#CFC6B8}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.shots figure{margin:0;background:#0A0908;padding:8px;box-shadow:0 30px 50px -30px #000}.shots img{aspect-ratio:1;object-fit:cover;width:100%;background:#F4F0E8}
.model{font:13px/1.6 var(--mono);color:var(--soft)}
.kicker{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}
footer{border-top:1px solid #ffffff14;padding:28px 0 46px;font-size:14px;color:var(--soft)}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}footer h4{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;color:var(--soft)}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}footer a{text-decoration:none}footer a:hover{color:var(--ink)}
@media(max-width:760px){.top nav a.hide-m{display:none}.shots{grid-template-columns:1fr 1fr}footer .cols{grid-template-columns:1fr}.doc{padding-top:36px}}