:root{--ink:#11100f;--paper:#f2f0ea;--accent:#ff5a36;--muted:#a9a49b;--line:rgba(17,16,15,.16);--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;height:92px;padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(242,240,234,.18);color:var(--paper)}.brand{display:flex;gap:13px;align-items:center;font:700 .9rem/1 var(--display);letter-spacing:.14em}.brand-mark{display:flex;align-items:center;gap:2px;height:20px}.brand-mark i{display:block;width:3px;background:var(--accent)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:12px}.brand-mark i:nth-child(4){height:5px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:.9rem}.nav-cta{border:1px solid rgba(242,240,234,.4);padding:11px 16px;border-radius:100px;transition:.2s}.nav-cta:hover{border-color:var(--accent);background:var(--accent);color:var(--ink)}
.hero{position:relative;min-height:720px;height:min(88vh,920px);padding:160px clamp(24px,6vw,96px) 48px;background:#151413;color:var(--paper);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero:after{content:"";position:absolute;right:-12vw;top:10%;width:48vw;height:48vw;border:1px solid rgba(255,90,54,.22);border-radius:50%;box-shadow:0 0 0 10vw rgba(255,90,54,.04),0 0 0 20vw rgba(255,90,54,.025)}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;color:#c9c5bc}.eyebrow span{width:7px;height:7px;background:var(--accent);border-radius:50%}.hero h1{position:relative;z-index:1;margin:0;font:600 clamp(4rem,9.5vw,9.25rem)/.88 var(--display);letter-spacing:-.065em;max-width:1150px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:48px}.hero-bottom p{margin:0;max-width:610px;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.4;color:#d1cdc5}.text-link{white-space:nowrap;border-bottom:1px solid #777;padding-bottom:8px}.text-link span{color:var(--accent);margin-left:18px}.signal{position:absolute;right:5vw;bottom:47px;height:44px;display:flex;gap:5px;align-items:center;opacity:.55}.signal span{display:block;width:2px;background:var(--accent);animation:pulse 1.8s ease-in-out infinite}.signal span:nth-child(3n){height:38px}.signal span:nth-child(3n+1){height:12px}.signal span:nth-child(3n+2){height:25px}@keyframes pulse{50%{transform:scaleY(.45);opacity:.55}}
section:not(.hero){padding:clamp(76px,10vw,150px) clamp(24px,6vw,96px)}.section-intro{display:grid;grid-template-columns:60px minmax(260px,1fr) minmax(240px,420px);gap:30px;align-items:end;margin-bottom:64px}.section-number{font:.75rem var(--display);color:var(--accent);align-self:start}.kicker{margin:0 0 14px;color:#6f6b64}.section-intro h2,.difference h2,.contact h2{margin:0;font:600 clamp(2.5rem,5.2vw,5.4rem)/.98 var(--display);letter-spacing:-.055em}.section-intro>p{margin:0;color:#625f59;font-size:1.08rem;max-width:380px}.reel{aspect-ratio:16/7;background:#1b1a18;position:relative;overflow:hidden}.reel iframe{width:100%;height:100%;border:0}.reel-placeholder{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-between;padding:clamp(24px,4vw,52px);color:var(--paper);background:radial-gradient(circle at 75% 30%,rgba(255,90,54,.28),transparent 28%),repeating-linear-gradient(90deg,transparent 0,transparent 8%,rgba(255,255,255,.025) 8.1%)}.play-icon{width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;padding-left:4px}.reel-placeholder>div:last-child{display:flex;flex-direction:column;align-items:end}.reel-placeholder span{font:600 clamp(1.4rem,3vw,2.7rem) var(--display)}.reel-placeholder small{color:#aaa59c;margin-top:7px}.work-note{color:#6f6b64;max-width:620px;margin:22px 0 0;font-size:.92rem}
.services{background:#dedbd3}.compact{grid-template-columns:60px 1fr}.service-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.service-list li{display:grid;grid-template-columns:60px minmax(220px,.8fr) minmax(280px,1.2fr);gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.service-list li>span{color:var(--accent);font-size:.75rem}.service-list h3{margin:0;font:600 clamp(1.35rem,2vw,2rem) var(--display);letter-spacing:-.03em}.service-list p{margin:0;color:#5e5a54;max-width:590px}.difference{background:var(--accent);padding-top:clamp(80px,11vw,160px)!important;padding-bottom:clamp(80px,11vw,160px)!important}.difference .kicker{color:#3c241e}.difference h2{max-width:1000px}.difference-grid{margin:64px 0 0 auto;max-width:830px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid rgba(17,16,15,.35);padding-top:26px}.difference-grid p{margin:0;font-size:1.05rem}.contact{background:#151413;color:var(--paper);text-align:center}.contact .kicker{color:var(--accent)}.contact h2{margin-bottom:50px}.contact>a{display:inline-flex;gap:30px;font-size:clamp(1.1rem,2vw,1.5rem);padding-bottom:10px;border-bottom:1px solid #6d6962}.contact>a span{color:var(--accent)}footer{background:#151413;color:#908b82;border-top:1px solid #34312e;padding:28px clamp(24px,6vw,96px);display:flex;justify-content:space-between;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:760px){.site-header{height:74px}.site-header nav>a:not(.nav-cta){display:none}.hero{height:auto;min-height:680px;padding-top:132px}.hero:after{width:90vw;height:90vw;right:-45vw}.hero-bottom{align-items:start;flex-direction:column}.signal{display:none}.section-intro,.section-intro.compact{grid-template-columns:32px 1fr}.section-intro>p{grid-column:2}.reel{aspect-ratio:4/3}.service-list li{grid-template-columns:32px 1fr}.service-list p{grid-column:2}.difference-grid{grid-template-columns:1fr;gap:24px}footer{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal span{animation:none}}