:root{--ink:#0e0b09;--paper:#f4eee1;--red:#a31016;--red2:#c1121f;--orange:#e8621f;--blue:#7e9bff;--line:rgba(244,238,225,.2);--muted:rgba(244,238,225,.72)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Grotesk',Arial,sans-serif;font-size:16px;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--paper);color:var(--ink);padding:10px 14px;z-index:50}.skip:focus{left:8px}
.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1380px;margin:auto;padding:22px clamp(18px,5vw,70px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-family:'Archivo Black';font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.navlinks{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.navlinks a{text-decoration:none}.navlinks .book{border:1px solid var(--paper);border-radius:999px;padding:10px 16px}
.hero{position:relative;min-height:690px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:clamp(32px,6vw,90px);max-width:1380px;margin:auto;padding:clamp(58px,8vh,110px) clamp(18px,5vw,70px) clamp(80px,10vh,130px)}
.hero::before{content:"";position:absolute;left:5%;top:10%;width:35vw;height:35vw;border-radius:50%;background:radial-gradient(circle,rgba(193,18,31,.32),transparent 68%);filter:blur(12px);pointer-events:none}
.hero-copy,.hero-media{position:relative;z-index:1}.kicker{margin:0 0 18px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
h1,h2,h3{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
h1{font-size:clamp(52px,8vw,118px);line-height:.85;margin:0;max-width:920px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--paper)}
.lede{max-width:720px;margin:28px 0 0;font-size:clamp(17px,1.7vw,22px);line-height:1.55;color:rgba(244,238,225,.86)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1.5px solid var(--paper);border-radius:999px;padding:12px 22px;font-family:'Archivo Black';font-size:11px;letter-spacing:.09em;text-decoration:none}.btn.primary{background:var(--paper);color:var(--ink)}
.hero-media{margin:0;transform:rotate(2deg);box-shadow:0 34px 90px rgba(0,0,0,.42)}.hero-media img{width:100%;aspect-ratio:4/5;object-fit:cover}.hero-media::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,6,6,.9))}.caption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#14100e}.proof-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(18px,5vw,70px)}.proof div div{padding:24px 18px;border-right:1px solid var(--line)}.proof div div:last-child{border-right:0}.proof b{display:block;font-family:'Archivo Black';font-size:clamp(24px,3vw,42px);line-height:1}.proof span{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.section{padding:clamp(74px,11vh,140px) clamp(18px,5vw,70px)}.paper{background:var(--paper);color:#120806}.wrap{max-width:1240px;margin:auto}.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr);gap:clamp(28px,6vw,90px);align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(42px,7vw,94px);line-height:.88;margin:0}.section-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px currentColor}.section-head p{margin:0;max-width:560px;color:rgba(18,8,6,.72);font-size:17px}.dark .section-head p{color:var(--muted)}
.deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.deliverables article{border-top:2px solid currentColor;padding:22px 4px 8px}.deliverables small,.step small{display:block;color:var(--red);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.deliverables h3{font-size:clamp(19px,2vw,28px);line-height:1;margin:14px 0 9px}.deliverables p{margin:0;color:rgba(18,8,6,.72)}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-card{position:relative;display:block;overflow:hidden;min-height:420px;background:#1a1412;text-decoration:none}.work-card img{width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .55s ease}.work-card:hover img{transform:scale(1.035)}.work-card::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(8,6,6,.92))}.work-card span{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.work-card b{display:block;font-family:'Archivo Black';font-size:clamp(21px,2.5vw,34px);line-height:.95;text-transform:uppercase}.work-card small{display:block;margin-top:8px;color:rgba(244,238,225,.74);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,238,225,.18)}.step{background:#14100e;padding:25px}.step small{color:var(--orange)}.step h3{font-size:18px;margin:15px 0 9px}.step p{margin:0;color:var(--muted);font-size:14px}
.local-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,7vw,100px);align-items:start}.local-copy h2{font-size:clamp(42px,7vw,92px);line-height:.86;margin:0}.prose{max-width:760px}.prose p{font-size:17px;margin:0 0 20px;color:rgba(18,8,6,.78)}.prose strong{color:#120806}
.faq-list{max-width:900px;margin:auto}.faq-list h2{font-size:clamp(42px,7vw,88px);line-height:.9;margin:0 0 38px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-of-type{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font-family:'Archivo Black';font-size:clamp(16px,2vw,23px);text-transform:uppercase}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";float:right;color:var(--orange)}.faq-list details[open] summary::after{content:"−"}.faq-list details p{max-width:760px;margin:14px 0 0;color:var(--muted)}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;border:1px solid rgba(18,8,6,.24);padding:20px;text-decoration:none}.related small{font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.related b{font-family:'Archivo Black';font-size:22px;line-height:1;text-transform:uppercase}
.cta{position:relative;overflow:hidden;text-align:center;background:var(--red);padding:clamp(80px,12vh,150px) 20px}.cta::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(232,98,31,.55),transparent 55%);filter:blur(30px)}.cta>*{position:relative}.cta h2{font-size:clamp(50px,9vw,126px);line-height:.84;margin:0 auto;max-width:1100px}.cta p{max-width:620px;margin:24px auto;color:rgba(244,238,225,.88);font-size:18px}
.footer{max-width:1240px;margin:auto;padding:38px clamp(18px,5vw,70px);display:flex;justify-content:space-between;gap:24px;color:rgba(244,238,225,.62);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{text-decoration:none}
@media(max-width:900px){.navlinks a:not(.book){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-media{max-width:520px;margin:auto}.proof-inner{grid-template-columns:1fr 1fr}.proof div div:nth-child(2){border-right:0}.deliverables,.work-grid,.related{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.section-head,.local-copy{grid-template-columns:1fr}}
@media(max-width:560px){.brand span{display:none}.hero{padding-top:34px}.hero-media{transform:none}.proof-inner,.deliverables,.work-grid,.related,.process{grid-template-columns:1fr}.proof div div{border-right:0;border-bottom:1px solid var(--line)}.work-card,.work-card img{min-height:360px}.footer{flex-direction:column}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card img{transition:none}}