/* Self-hosted variable fonts (latin subset, SIL OFL — see assets/fonts/*.txt) */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url(assets/fonts/inter-latin-wght-normal.woff2) format('woff2');
}
@font-face{
  font-family:'Source Serif 4';
  font-style:normal;
  font-display:swap;
  font-weight:200 900;
  src:url(assets/fonts/source-serif-4-latin-wght-normal.woff2) format('woff2');
}

:root{
  --navy:#123A4F; --navy-deep:#0A2231; --navy-mid:#17485F;
  --emerald:#157A41; --emerald-bright:#3FB973;
  --ink:#132029; --muted:#5C6B75; --muted-light:#64737E;
  --bg:#FFFFFF; --bg-soft:#F7F8F8; --line:#E2E7EA; --line-dark:#1E4256;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,system-ui,'Segoe UI',sans-serif;
  --maxw:1180px; --pad:clamp(1.25rem,5vw,3.5rem);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);
  line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased;
  font-feature-settings:'kern' 1,'liga' 1}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ol,ul{list-style:none}
.container{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}

/* Typography */
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.08;
  letter-spacing:-0.022em;color:var(--navy)}
h1{font-size:clamp(2.85rem,6.5vw,5rem)}
h2{font-size:clamp(2.1rem,4.4vw,3.4rem)}
h3{font-size:1.35rem;line-height:1.25}

.eyebrow{font-family:var(--sans);font-size:.7rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--emerald)}
.lead{font-size:clamp(1.075rem,1.6vw,1.2rem);color:var(--muted);line-height:1.7}

/* Sections */
section{padding-block:clamp(4.5rem,9vw,8rem)}
section[id]{scroll-margin-top:76px}
.section-soft{background:var(--bg-soft)}
.section-head{max-width:44rem}
.section-head .eyebrow{display:block;margin-bottom:1.1rem}
.section-head h2{margin-bottom:1.1rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--sans);font-size:.95rem;font-weight:600;letter-spacing:.01em;
  background:var(--emerald);color:#fff;padding:1rem 1.75rem;border-radius:2px;
  transition:background .18s ease,transform .18s ease}
.btn:hover{background:#0F6234;transform:translateX(2px)}
.btn::after{content:'→';font-size:1.05em;transition:transform .18s ease}
.btn:hover::after{transform:translateX(3px)}
.btn-ghost{background:transparent;color:var(--navy);
  box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{background:var(--navy);color:#fff;box-shadow:none}
.btn-light{background:var(--emerald-bright);color:var(--navy-deep)}
.btn-light:hover{background:#fff;color:var(--navy-deep)}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);
  backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:.65rem;font-family:var(--sans);
  font-weight:700;font-size:1.15rem;letter-spacing:.02em;color:var(--navy)}
.brand-mark{height:32px;width:32px}
.brand-name span{color:var(--emerald)}
.nav{display:flex;align-items:center;gap:2.25rem}
.nav a{font-size:.925rem;font-weight:500;color:var(--muted);transition:color .15s;
  position:relative}
.nav a:hover{color:var(--navy)}
.nav .nav-cta{color:#fff;padding:.7rem 1.3rem;font-size:.875rem}
.nav .nav-cta:hover{color:#fff}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;
  cursor:pointer;padding:8px}
.nav-toggle span{width:22px;height:1.5px;background:var(--navy);transition:.2s}
@media (max-width:840px){
  .nav-toggle{display:flex}
  .nav{position:fixed;inset:76px 0 auto 0;flex-direction:column;gap:0;
    background:#fff;border-bottom:1px solid var(--line);padding:.5rem 0;
    transform:translateY(-130%);transition:transform .28s ease;align-items:stretch}
  .nav.open{transform:none}
  .nav a{padding:1rem var(--pad);border-bottom:1px solid var(--line)}
  .nav .nav-cta{margin:1rem var(--pad);justify-content:center;border-bottom:0}
}

/* Hero */
.hero{padding-block:clamp(5rem,12vw,9.5rem) 0;border-bottom:1px solid var(--line)}
.hero-inner{max-width:56rem}
.hero .eyebrow{display:block;margin-bottom:1.5rem}
.hero h1{margin-bottom:1.75rem;text-wrap:balance}
.hero .lead{max-width:44rem;margin-bottom:2.5rem}

/* Hero stat strip */
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:0;margin-top:clamp(3.5rem,7vw,6rem);border-top:1px solid var(--line)}
.stat{padding:2rem 2rem 2.25rem 0;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat-value{display:block;font-family:var(--serif);font-size:clamp(2rem,3.2vw,2.75rem);
  font-weight:600;letter-spacing:-.02em;color:var(--navy);line-height:1}
.stat-label{display:block;margin-top:.6rem;font-size:.8rem;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted-light)}
@media (max-width:760px){
  .stat{border-right:0;border-bottom:1px solid var(--line);padding:1.5rem 0}
  .stat:last-child{border-bottom:0}
}

/* Positioning — dark band */
.positioning{background:var(--navy-deep);color:#fff;
  padding-block:clamp(4.5rem,9vw,7.5rem)}
.positioning .positioning-text{max-width:50rem;font-family:var(--serif);
  font-size:clamp(1.5rem,3.2vw,2.35rem);font-weight:400;line-height:1.38;
  letter-spacing:-.015em;color:#fff}
.positioning .positioning-text em{font-style:normal;color:var(--emerald-bright)}

/* Services */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:0;margin-top:clamp(3rem,5vw,4.5rem)}
.svc{padding:2.25rem 2.25rem 2.25rem 0;border-top:1px solid var(--navy);
  border-right:1px solid var(--line)}
.svc:last-child{border-right:0}
.svc-num{font-family:var(--sans);font-size:.75rem;font-weight:600;
  letter-spacing:.14em;color:var(--emerald);margin-bottom:1.5rem;display:block}
.svc h3{margin-bottom:.85rem}
.svc p{color:var(--muted);font-size:.975rem}
@media (max-width:840px){
  .svc{border-right:0;padding-right:0}
}

/* Experience — two-column, sticky label */
.exp-layout{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);
  gap:clamp(2.5rem,6vw,5.5rem)}
.exp-aside{position:sticky;top:110px;align-self:start}
.exp-aside .eyebrow{display:block;margin-bottom:1.1rem}
.exp-aside h2{margin-bottom:1.25rem}
.cap-list{border-top:1px solid var(--line)}
.cap-item{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);
  gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}
.cap-item h3{font-family:var(--sans);font-size:1rem;font-weight:600;
  letter-spacing:0;color:var(--navy)}
.cap-item p{color:var(--muted);font-size:.975rem}
@media (max-width:960px){
  .exp-layout{grid-template-columns:1fr}
  .exp-aside{position:static}
}
@media (max-width:620px){
  .cap-item{grid-template-columns:1fr;gap:.35rem}
}

/* Case studies — editorial list */
.cases-head{max-width:44rem;margin-top:clamp(4.5rem,9vw,7rem)}
.cases-head .eyebrow{display:block;margin-bottom:1.1rem}
.cases-head h2{margin-bottom:1rem}
.cases{margin-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--navy)}
.case{display:grid;grid-template-columns:3.5rem minmax(0,1fr) minmax(0,14rem);
  gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,4vw,2.75rem) 0;
  border-bottom:1px solid var(--line);transition:background .2s ease}
.case:hover{background:rgba(18,58,79,.02)}
.case-num{font-family:var(--sans);font-size:.75rem;font-weight:600;
  letter-spacing:.12em;color:var(--emerald);padding-top:.45rem}
.case-body h3{margin-bottom:.7rem}
.case-body p{color:var(--muted);font-size:.975rem}
.case-metric{text-align:right;padding-top:.15rem}
.metric-value{display:block;font-family:var(--serif);
  font-size:clamp(1.75rem,2.6vw,2.35rem);font-weight:600;letter-spacing:-.02em;
  color:var(--navy);line-height:1.05}
.metric-label{display:block;margin-top:.45rem;font-size:.75rem;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted-light);line-height:1.4}
@media (max-width:900px){
  .case{grid-template-columns:2.75rem minmax(0,1fr)}
  .case-metric{grid-column:2;text-align:left;padding-top:1.1rem}
  .metric-value{font-size:1.6rem}
}

/* About */
.about-layout{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);
  gap:clamp(2.5rem,6vw,5.5rem)}
.about-aside .eyebrow{display:block;margin-bottom:1.1rem}
.about-aside h2{margin-bottom:0}
.about-body p{font-size:clamp(1.05rem,1.5vw,1.15rem);color:var(--muted);line-height:1.75}
.about-body p + p{margin-top:1.4rem}
.about-body p strong{color:var(--navy);font-weight:600}
@media (max-width:960px){.about-layout{grid-template-columns:1fr}}

/* Contact */
.contact{background:var(--navy-deep);color:#fff}
.contact-inner{max-width:46rem}
.contact .eyebrow{display:block;margin-bottom:1.25rem;color:var(--emerald-bright)}
.contact h2{color:#fff;margin-bottom:1.25rem}
.contact .lead{color:rgba(255,255,255,.72);margin-bottom:2.5rem}
.contact-actions{display:flex;flex-wrap:wrap;gap:1rem}
.contact .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.contact .btn-ghost:hover{background:#fff;color:var(--navy-deep);box-shadow:none}

/* Footer */
.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.65);
  border-top:1px solid var(--line-dark);padding-block:3.5rem}
.footer-inner{display:flex;flex-direction:column;gap:1.75rem}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;
  align-items:center;gap:1.5rem}
.footer-logo{height:42px;width:auto}
.footer-nav{display:flex;flex-wrap:wrap;gap:1.75rem}
.footer-nav a{font-size:.9rem;color:rgba(255,255,255,.65);transition:color .15s}
.footer-nav a:hover{color:#fff}
.footer-copy{font-size:.8rem;color:rgba(255,255,255,.6);line-height:1.7;
  border-top:1px solid var(--line-dark);padding-top:1.75rem}