
:root{--bg:#f2f1ec;--ink:#111;--muted:#777;--line:#c9c7bf;--dark:#0d0d0d;--paper:#faf9f4;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--line);background:rgba(242,241,236,.94);backdrop-filter:blur(12px)}
.site-logo{font-weight:800;letter-spacing:-.04em}.site-nav-links{display:flex;gap:26px;font-size:13px}.site-menu-toggle{display:none;background:none;border:1px solid var(--ink);padding:8px 12px}
.hero,.section,.contact-hero,.work-intro,.case-study{padding:90px 34px}.hero-grid,.section-grid,.contact-grid,.work-intro,.case-study{max-width:var(--max);margin:auto}
.hero{min-height:82vh;display:flex;align-items:center}.hero-grid{width:100%}.hero-eyebrow,.eyebrow,.mini-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.hero-title-wrap{position:relative;margin:80px 0 52px}.hero-mark{position:absolute;right:2%;top:-70px;font-size:280px;line-height:1;font-weight:800;opacity:.05}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,8vw,128px);line-height:.88;letter-spacing:-.065em;font-weight:700}h2{font-size:clamp(42px,6vw,88px);line-height:.92;letter-spacing:-.055em}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}
.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--ink);padding-top:26px}.hero-bottom p{max-width:620px;font-size:18px}
.hero-actions,.contact-actions{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid currentColor;padding:13px 16px;font-size:13px}.btn.fill{background:var(--ink);color:#fff}
.section{border-top:1px solid var(--line)}.section-dark{background:var(--dark);color:#fff}.section-head{display:grid;grid-template-columns:1.4fr .7fr;gap:70px;align-items:end;margin-bottom:70px}.section-head p{font-size:18px;max-width:520px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.statement-card{min-height:360px;border:1px solid var(--ink);padding:34px;font-family:Georgia,serif;font-size:clamp(28px,4vw,56px);line-height:1.05;display:flex;align-items:flex-end}
.body-copy{padding:12px 0}.body-copy p{font-size:18px;max-width:680px}.credibility{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:60px}
.credibility div{padding:22px 18px;border-right:1px solid var(--line)}.credibility div:last-child{border-right:0}.credibility b,.credibility span{display:block}.credibility span{font-size:12px;margin-top:7px;color:var(--muted)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #444;border-left:1px solid #444}.cap{padding:28px;border-right:1px solid #444;border-bottom:1px solid #444;min-height:250px}.cap .num{font-size:11px;opacity:.6}.cap h3{font-size:26px;margin-top:55px}.cap p{color:#aaa}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-wide{grid-column:1/-1}.project-visual{overflow:hidden;background:#ddd}.project-visual img{aspect-ratio:16/10;object-fit:cover;transition:transform .45s ease}.project:hover img{transform:scale(1.015)}.project-info{display:flex;justify-content:space-between;gap:20px;padding:15px 0 28px}.project-info b{font-size:20px}.project-info p,.project-info small{font-size:12px;color:var(--muted)}.work-cta{margin-top:25px}
.timeline article{display:grid;grid-template-columns:.7fr 1.3fr;padding:28px 0;border-top:1px solid #444}.exp-meta{font-size:13px}.exp-meta span{display:block;color:#aaa;margin-top:8px}.timeline h3{font-size:28px}.timeline p{max-width:700px;color:#aaa}.clients{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}.clients span{border:1px solid #444;padding:9px 12px;font-size:12px}
.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process>div{padding:24px 18px;border-right:1px solid var(--line)}.process b{font-size:10px}.process h3{font-size:32px;margin:50px 0 14px}.process p{font-size:13px;color:var(--muted)}
.contact-hero{background:#dddcd4}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px}.contact-grid p{max-width:650px;font-size:18px}.contact-actions{flex-direction:column}.contact-email{font-size:20px;border-bottom:1px solid var(--ink);padding-bottom:6px}
.site-footer{border-top:1px solid var(--line);padding:25px 34px}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;font-size:12px}.footer-label,.footer-inner strong{display:block}
.work-page{overflow:hidden}.work-intro{padding-top:120px}.work-intro p{max-width:620px;font-size:18px}.case-study{border-top:1px solid var(--line);padding-top:110px;padding-bottom:130px}.case-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:50px}.case-head h2{margin:12px 0 0}.case-summary p{font-size:20px;max-width:620px}.case-summary ul{columns:2;padding-left:18px}.case-summary li{margin-bottom:8px;font-size:13px}
.case-hero img{aspect-ratio:16/9;object-fit:cover}.case-copy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0 70px}.case-copy-grid>div{border-top:1px solid var(--line);padding-top:14px}.case-copy-grid p{font-size:15px;color:#555}
.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-gallery img{aspect-ratio:4/3;object-fit:cover}.case-gallery .wide{grid-column:1/-1;aspect-ratio:16/8}.case-outcome{display:grid;grid-template-columns:.35fr 1fr;gap:50px;align-items:start;margin-top:60px;padding-top:24px;border-top:1px solid var(--ink)}.case-outcome h3{font-family:Georgia,serif;font-size:clamp(30px,4vw,58px);font-weight:400;line-height:1.05;max-width:950px}
@media(max-width:900px){.site-nav-links{display:none}.site-menu-toggle{display:block}.site-nav.open .site-nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);padding:22px 34px;border-bottom:1px solid var(--line)}
.hero-bottom,.section-head,.about-layout,.contact-grid,.case-head{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr 1fr}.credibility{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.timeline article{grid-template-columns:1fr;gap:20px}.case-copy-grid{grid-template-columns:1fr}.case-gallery{grid-template-columns:1fr}.case-gallery .wide{grid-column:auto}.case-outcome{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.hero-mark{font-size:160px}}
@media(max-width:560px){.hero,.section,.contact-hero,.work-intro,.case-study{padding-left:18px;padding-right:18px}.site-nav,.site-footer{padding-left:18px;padding-right:18px}.cap-grid,.credibility{grid-template-columns:1fr}.case-summary ul{columns:1}.footer-inner{grid-template-columns:1fr}}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}
