:root{--ink:#18231b;--muted:#657269;--paper:#f6f4ee;--sage:#e7eee5;--line:#d5ddd2;--forest:#1f6257;--coral:#c96549;--lime:#d8f45e;--white:#fffdfa;--radius:18px}body{overflow-x:hidden}.home-hero{padding:86px 0 72px;border-bottom:1px solid var(--line)}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:58px;align-items:end}.home-hero h1{max-width:650px;margin:18px 0 23px;font:800 clamp(52px,6.3vw,94px)/.91 'Syne',sans-serif;letter-spacing:-.075em}.home-hero h1 em{color:var(--coral);font-style:normal}.home-lead{max-width:535px;color:var(--muted);font-size:18px;line-height:1.65}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:5px;font-size:14px;font-weight:800}.primary{background:var(--forest);color:white}.primary:hover{background:#174a41}.secondary{border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--white)}.hero-work{position:relative;min-height:500px;padding:24px;background:#dfe7dc;border-radius:24px;overflow:hidden}.hero-work:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(216,244,94,.72),transparent 30%),radial-gradient(circle at 13% 90%,rgba(201,101,73,.26),transparent 38%)}.hero-screen{position:absolute;overflow:hidden;border:1px solid rgba(24,35,27,.14);border-radius:12px;box-shadow:0 26px 55px rgba(24,35,27,.18)}.hero-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.hero-screen.main{width:78%;height:70%;right:5%;top:10%;transform:rotate(3deg)}.hero-screen.small{width:49%;height:44%;left:4%;bottom:7%;transform:rotate(-5deg)}.hero-label{position:absolute;z-index:3;right:22px;bottom:22px;padding:10px 12px;background:var(--ink);border-radius:4px;color:var(--lime);font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.proof{padding:24px 0;border-bottom:1px solid var(--line)}.proof-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.proof-label{color:var(--muted);font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.proof-list{display:flex;gap:28px;flex-wrap:wrap}.proof-list span{font:700 14px 'Syne',sans-serif}.home-section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2{max-width:620px;margin:12px 0 0;font:700 clamp(34px,4.5vw,60px)/.98 'Syne',sans-serif;letter-spacing:-.065em}.section-heading p{max-width:355px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.home-services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.home-service{min-height:235px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}.home-service:hover{background:var(--sage)}.home-service span{color:var(--coral);font:500 10px 'DM Mono',monospace}.home-service h3{margin:56px 0 9px;font:700 22px/1.05 'Syne',sans-serif;letter-spacing:-.04em}.home-service p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.work-band{padding:88px 0;background:var(--ink);color:white}.work-band .eyebrow{color:var(--lime)}.work-band h2{max-width:750px;margin:14px 0 32px;font:700 clamp(38px,5vw,68px)/.96 'Syne',sans-serif;letter-spacing:-.065em}.featured-work{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}.feature-image{min-height:370px;overflow:hidden;border-radius:14px;background:#dfe7dc}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:top}.feature-copy{display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#28372e;border-radius:14px}.feature-copy p{margin:0;color:#c4d0c7;font-size:16px;line-height:1.65}.feature-copy h3{margin:14px 0;font:700 34px/1 'Syne',sans-serif;letter-spacing:-.05em}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--lime);font-size:14px;font-weight:800}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:start}.approach-title{position:sticky;top:26px}.approach-title h2{margin:14px 0;font:700 clamp(35px,4.5vw,58px)/.98 'Syne',sans-serif;letter-spacing:-.065em}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.step span{color:var(--coral);font:500 11px 'DM Mono',monospace}.step h3{margin:0 0 8px;font:700 23px 'Syne',sans-serif;letter-spacing:-.04em}.step p{margin:0;color:var(--muted);line-height:1.6}.home-cta{padding:95px 0;background:var(--sage)}.home-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}.home-cta h2{max-width:680px;margin:0;font:700 clamp(40px,5.4vw,72px)/.94 'Syne',sans-serif;letter-spacing:-.07em}.home-cta em{color:var(--coral);font-style:normal}@media(max-width:1050px){.home-hero-grid{grid-template-columns:1fr;gap:38px}.hero-work{min-height:430px;max-width:720px}.home-services{grid-template-columns:repeat(2,1fr)}.approach-grid{gap:42px}}@media(max-width:700px){.home-hero{padding:58px 0 52px}.home-hero h1{font-size:50px}.home-lead{font-size:16px}.hero-work{min-height:320px;padding:14px;border-radius:16px}.hero-screen.main{width:82%;height:68%}.hero-screen.small{width:55%;height:42%}.proof-inner,.section-heading,.home-cta-inner{align-items:flex-start;flex-direction:column}.proof-list{gap:14px}.home-section{padding:66px 0}.home-services{grid-template-columns:1fr}.home-service{min-height:195px}.home-service h3{margin-top:34px}.featured-work,.approach-grid{grid-template-columns:1fr}.feature-image{min-height:260px}.approach-title{position:static}.home-cta{padding:66px 0}.step{grid-template-columns:46px 1fr}.home-cta h2{font-size:46px}}
/* The home page uses the canonical navigation order in its markup. */
.topbar .links a{order:initial!important}
@media(max-width:700px){.home-hero-grid>*{min-width:0;width:100%}.home-hero h1{max-width:100%;font-size:48px;overflow-wrap:anywhere}.home-lead{max-width:100%;font-size:16px}.actions{align-items:stretch;flex-direction:column}.actions a{width:100%}.hero-label{right:12px;bottom:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
