@font-face{font-family:Jakarta;src:url('../../fonts/PlusJakartaSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('../../fonts/PlusJakartaSans-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jakarta;src:url('../../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap}
:root{
  --paper:#fff;--ink:#181a16;--dark:#050505;--white:#fff;
  --muted:#64675f;--muted-light:#b7bbb2;--line:rgb(24 26 22 / 16%);--line-light:rgb(255 255 255 / 16%);
  --glass-tint:rgb(255 255 255 / 10%);--glass-hover:rgb(255 255 255 / 16%);
  --glass-sheen:linear-gradient(125deg,rgb(255 255 255 / 10%),transparent 45%,rgb(255 255 255 / 3%));
  --glass-filter:blur(24px) saturate(145%);--glass-shadow:0 12px 32px rgb(0 0 0 / 14%);--focus:#336eff;
  --radius:10px;--client-strip-height:136px;
  --gutter:clamp(32px,3.25vw,60px);
  /* Adjacent section halves add up to one consistent content-to-content gap. */
  --section-gap:96px;--section-space:calc(var(--section-gap) / 2);
  --title-gap:16px;--heading-gap:32px;--card-gap:24px;
  --space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;
  --hero-title:64px;--heading:44px;--card-title:24px;--intro-size:18px;--body-size:16px;--ease:cubic-bezier(.22,1,.36,1);
  --font-body:Jakarta,system-ui,sans-serif;--font-display:var(--font-body);--accent:var(--focus);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip;overscroll-behavior-x:none}
/* Contain decorative overflow without making the page a sideways scroll area. */
body{overflow-x:clip}
html.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--body-size);line-height:1.65;-webkit-font-smoothing:antialiased}
body.modal-open,body.nav-open{overflow:hidden}
img,video,svg{display:block;max-width:100%}
img{height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button{border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:400}h2{font-size:var(--heading);overflow-wrap:anywhere;line-height:1.04;letter-spacing:-.06em}h3{line-height:1.25;letter-spacing:-.03em}::selection{background:#dfe7d8;color:#111}
:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:var(--radius)}
[hidden]{display:none}svg{width:24px;height:24px;flex-shrink:0}
.page-pad{padding-inline:var(--gutter)}.section-pad{padding-block:var(--section-space)}
.eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:20px;margin-bottom:28px}
.section-index{opacity:.48;font-weight:400;letter-spacing:0}.serene{color:#888d7f}
.glass{background-color:var(--glass-tint);background-image:var(--glass-sheen);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:0;border-radius:var(--radius);box-shadow:var(--glass-shadow)}
:is(a,button).glass:hover{background-color:var(--glass-hover)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background-color:rgb(35 40 45 / 85%);color:#fff}}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:60px;padding:17px 27px;border-radius:var(--radius);font-size:13px;line-height:1.4;transition:background .25s,transform .35s var(--ease);font-weight:600}
.button:hover{transform:translateY(-2px)}.button svg{width:20px;height:20px;transition:transform .35s var(--ease)}.button:hover svg{transform:translateX(3px)}.button--light{background:var(--white);color:var(--ink)}.button--light:hover{background:#e7e8e0}.button--dark{background:var(--ink);color:#fff}
.button--quote{justify-content:center}
.text-link{display:inline-flex;align-items:center;gap:22px;padding-block:10px;font-size:13px;line-height:1.5}.text-link svg{width:20px;height:20px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translate(3px,-2px)}
.icon-button{display:grid;place-items:center;width:50px;height:50px;border:1px solid currentColor;border-color:rgb(255 255 255 / 25%);border-radius:var(--radius);transition:background .2s}.icon-button:hover{background:rgb(255 255 255 / 12%)}
.skip-link{position:fixed;z-index:200001;top:12px;left:12px;background:#fff;color:#111;padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}
.no-script{padding:24px}.no-script a{text-decoration:underline}
h1{word-spacing:.065em}h2,h3{word-spacing:.025em}
/* Keep the visual title box consistent, including image-backed editorial titles. */
#main h2{line-height:1.1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms;animation-delay:0s;transition-duration:.01ms;scroll-behavior:auto}.js-motion .reveal{opacity:1;transform:none}.hero-video,.project-preview{display:none}}