:root{
    --ink: #12151c;
    --ink-soft: #1b2030;
    --ink-line: rgba(237,235,225,0.12);
    --stone: #eae6db;
    --stone-line: rgba(23,26,34,0.1);
    --brass: #c69a3c;
    --brass-bright: #dcb35a;
    --brass-soft: rgba(198,154,60,0.14);
    --text-ink: #171a22;
    --slate: #6b6f7a;
    --fog: #9aa1b4;
    --white: #f8f6f0;
    --radius: 2px;
    --maxw: 1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Manrope',sans-serif;
    background:var(--stone);
    color:var(--text-ink);
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Fraunces',serif;
    font-weight:600;
    letter-spacing:-0.01em;
    margin:0;
  }
  .mono{
    font-family:'IBM Plex Mono',monospace;
    letter-spacing:0.06em;
    text-transform:uppercase;
  }
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}
  @media(max-width:640px){ .wrap{padding:0 20px;} }

  /* reduced motion */
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }

  /* ---------- NAV ---------- */
  header.site{
    position:sticky; top:0; z-index:50;
    background:rgba(234,230,219,0.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--stone-line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 32px;
    max-width:var(--maxw); margin:0 auto;
  }
  .brand{display:flex; align-items:center; gap:10px;}
  .brand-mark{width:30px;height:30px;flex:none;}
  .brand-name{font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; letter-spacing:-0.01em;}
  .brand-name em{font-style:italic; color:var(--brass); font-weight:500;}
  nav.links{display:flex; gap:34px;}
  nav.links a{font-size:0.86rem; font-weight:600; color:var(--text-ink); position:relative; padding:4px 0;}
  nav.links a:hover{color:var(--brass);}
  .nav-cta{
    font-size:0.8rem; font-weight:700; padding:10px 20px;
    background:var(--ink); color:var(--white); border-radius:var(--radius);
    letter-spacing:0.02em;
  }
  .nav-cta:hover{background:var(--brass); color:var(--ink);}
  nav.links a.nav-cta{color:var(--white); padding:10px 20px;}
  nav.links a.nav-cta:hover{color:var(--ink);}
  .mobile-menu{display:none;}
  @media(max-width:860px){
    nav.links{display:none;}
    .mobile-menu{display:block; position:relative;}
    .mobile-menu summary{list-style:none; cursor:pointer; font-size:0.8rem; font-weight:700; padding:8px 0;}
    .mobile-menu summary::-webkit-details-marker{display:none;}
    .mobile-menu summary::after{content:"+"; margin-left:7px; color:var(--brass);}
    .mobile-menu[open] summary::after{content:"−";}
    .mobile-menu nav{position:absolute; right:0; top:calc(100% + 11px); width:min(280px, calc(100vw - 40px)); display:flex; flex-direction:column; gap:0; padding:10px; background:var(--stone); border:1px solid var(--stone-line); box-shadow:0 12px 28px rgba(18,21,28,0.16);}
    .mobile-menu nav a{padding:12px 14px; font-size:0.88rem; font-weight:600;}
    .mobile-menu nav a:hover, .mobile-menu nav a.active{color:var(--brass);}
    .mobile-menu nav .nav-cta{margin-top:4px; text-align:center; color:var(--white);}
  }

  /* ---------- HERO ---------- */
  .hero{
    background:var(--ink);
    color:var(--white);
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--ink-line);
  }
  .hero .wrap{
    display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px;
    align-items:center;
    padding-top:88px; padding-bottom:88px;
  }
  @media(max-width:900px){
    .hero .wrap{grid-template-columns:1fr; padding-top:56px; padding-bottom:56px;}
  }
  .eyebrow{
    font-size:0.72rem; color:var(--brass-bright); margin-bottom:22px;
    display:flex; align-items:center; gap:10px;
  }
  .eyebrow::before{content:""; width:22px; height:1px; background:var(--brass-bright); display:inline-block;}
  .hero h1{
    font-size:clamp(2.3rem, 4.4vw, 3.6rem);
    line-height:1.06;
    font-weight:600;
  }
  .hero h1 em{font-style:italic; color:var(--brass-bright); font-weight:500;}
  .hero p.lead{
    font-size:1.08rem; color:var(--fog); max-width:46ch; margin-top:24px; line-height:1.6;
  }
  .hero-ctas{display:flex; gap:16px; margin-top:36px; flex-wrap:wrap;}
  .btn-primary{
    background:var(--brass); color:var(--ink); font-weight:700; font-size:0.88rem;
    padding:14px 26px; border-radius:var(--radius); border:1px solid var(--brass);
  }
  .btn-primary:hover{background:var(--brass-bright); border-color:var(--brass-bright);}
  .btn-ghost{
    color:var(--white); font-weight:600; font-size:0.88rem;
    padding:14px 22px; border-radius:var(--radius); border:1px solid var(--ink-line);
  }
  .btn-ghost:hover{border-color:var(--brass-bright); color:var(--brass-bright);}

  .proof-strip{
    border-top:1px solid var(--ink-line);
    background:var(--ink-soft);
  }
  .proof-strip .wrap{
    display:flex; flex-wrap:wrap; gap:40px; justify-content:space-between;
    padding:26px 32px;
  }
  .proof-item{color:var(--fog); font-size:0.78rem;}
  .proof-item b{
    display:block; color:var(--white); font-family:'IBM Plex Mono',monospace;
    font-size:1.3rem; font-weight:500; margin-bottom:4px;
  }

  /* Signature radar/scan visual */
  .radar-wrap{ position:relative; display:flex; align-items:center; justify-content:center; }
  .primary-logo-card{
    display:flex; align-items:center; justify-content:center; padding:18px;
    background:var(--white); border:1px solid rgba(220,179,90,0.45);
    box-shadow:0 18px 38px rgba(0,0,0,0.2);
  }
  .primary-logo-card img{width:100%; max-width:470px; height:auto;}
  @media(max-width:900px){.primary-logo-card{max-width:520px; margin:0 auto;}}
  .radar{ width:100%; max-width:380px; aspect-ratio:1; position:relative; }
  .radar svg{ width:100%; height:100%; }
  .radar-sweep{
    position:absolute; inset:0; border-radius:50%;
    background: conic-gradient(from 0deg, rgba(198,154,60,0.55), transparent 26%, transparent 100%);
    animation: spin 5s linear infinite;
    -webkit-mask-image: radial-gradient(circle, black 60%, transparent 100%);
            mask-image: radial-gradient(circle, black 60%, transparent 100%);
  }
  @keyframes spin{ to{ transform:rotate(360deg); } }
  .blip{ position:absolute; width:7px; height:7px; border-radius:50%; background:var(--brass-bright);
    box-shadow:0 0 0 0 rgba(220,179,90,0.6); animation: ping 2.6s ease-out infinite; }
  @keyframes ping{
    0%{ box-shadow:0 0 0 0 rgba(220,179,90,0.5); opacity:0;}
    12%{ opacity:1; }
    70%{ box-shadow:0 0 0 14px rgba(220,179,90,0); opacity:1;}
    100%{ box-shadow:0 0 0 14px rgba(220,179,90,0); opacity:0;}
  }

  /* ---------- SECTION HEADS ---------- */
  section{padding:96px 0;}
  @media(max-width:640px){ section{padding:64px 0;} }
  .sec-head{ max-width:640px; margin-bottom:56px; }
  .sec-eyebrow{ font-size:0.72rem; color:var(--brass); margin-bottom:16px; display:flex; align-items:center; gap:10px;}
  .sec-eyebrow::before{content:""; width:22px; height:1px; background:var(--brass); display:inline-block;}
  .sec-head h2{ font-size:clamp(1.7rem,3vw,2.3rem); line-height:1.15; }
  .sec-head p{ color:var(--slate); margin-top:16px; font-size:1rem; line-height:1.65; }

  /* ---------- SERVICES ---------- */
  .services-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
    background:var(--stone-line); border:1px solid var(--stone-line);
  }
  @media(max-width:860px){ .services-grid{grid-template-columns:1fr;} }
  .service{
    background:var(--stone); padding:38px 32px;
  }
  .service .num{ font-family:'IBM Plex Mono',monospace; font-size:0.75rem; color:var(--brass); }
  .service h3{ font-size:1.2rem; margin-top:18px; font-weight:600; }
  .service h3 a, .ind-card h3 a, .why-item h4 a{display:inline-block;}
  .service h3 a:hover, .ind-card h3 a:hover, .why-item h4 a:hover{color:var(--brass);}
  .detail-link{display:inline-block; margin-top:20px; color:var(--brass); font:500 0.7rem 'IBM Plex Mono',monospace; letter-spacing:0.06em; text-transform:uppercase;}
  .detail-link:hover{color:var(--text-ink);}
  .service p{ color:var(--slate); font-size:0.92rem; line-height:1.6; margin-top:12px; }

  /* ---------- INDUSTRIES ---------- */
  .industries{ background:var(--ink); color:var(--white); }
  .industries .sec-head p{ color:var(--fog); }
  .industries .sec-eyebrow{ color:var(--brass-bright); }
  .industries .sec-eyebrow::before{ background:var(--brass-bright); }
  .ind-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--ink-line); border:1px solid var(--ink-line);}
  @media(max-width:860px){ .ind-grid{grid-template-columns:1fr;} }
  .ind-card{ background:var(--ink); padding:34px 30px; }
  .ind-card .mono{ font-size:0.68rem; color:var(--brass-bright); }
  .ind-card h3{ font-family:'Fraunces',serif; font-size:1.25rem; font-weight:600; margin-top:14px; }
  .ind-card p{ color:var(--fog); font-size:0.9rem; line-height:1.6; margin-top:10px; }
  .ind-regions{ margin-top:56px; display:flex; gap:44px; flex-wrap:wrap; }
  .region{ font-size:0.8rem; color:var(--fog); }
  .region b{ display:block; color:var(--brass-bright); font-family:'IBM Plex Mono',monospace; font-size:1.5rem; font-weight:500; margin-bottom:6px; }

  /* ---------- WHY ---------- */
  .why{ background:var(--stone); }
  .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px; }
  @media(max-width:900px){ .why-grid{grid-template-columns:1fr 1fr;} }
  @media(max-width:560px){ .why-grid{grid-template-columns:1fr;} }
  .why-item .mono{ font-size:0.66rem; color:var(--brass); }
  .why-item h4{ font-family:'Fraunces',serif; font-weight:600; font-size:1.05rem; margin-top:12px; }
  .why-item p{ color:var(--slate); font-size:0.88rem; line-height:1.6; margin-top:8px; }

  /* ---------- APPROACH ---------- */
  .approach .wrap{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; }
  @media(max-width:900px){ .approach .wrap{grid-template-columns:1fr; gap:36px;} }
  .approach-list{ display:flex; flex-direction:column; }
  .approach-step{ padding:26px 0; border-top:1px solid var(--stone-line); display:flex; gap:22px; }
  .approach-step:last-child{ border-bottom:1px solid var(--stone-line); }
  .approach-step .stage{ font-family:'IBM Plex Mono',monospace; font-size:0.72rem; color:var(--brass); flex:none; width:64px; padding-top:3px; }
  .approach-step h4{ font-family:'Fraunces',serif; font-weight:600; font-size:1.08rem; }
  .approach-step p{ color:var(--slate); font-size:0.9rem; line-height:1.6; margin-top:8px; }

  /* ---------- WHY US ---------- */
  .why-us{ background:var(--stone); }
  .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--stone-line); border:1px solid var(--stone-line); margin-top:8px; }
  @media(max-width:860px){ .why-grid{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:520px){ .why-grid{grid-template-columns:1fr;} }
  .why-item{ background:var(--stone); padding:30px 26px; }
  .why-check{ width:22px; height:22px; border-radius:50%; background:var(--brass-soft); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
  .why-check svg{ width:12px; height:12px; }
  .why-item h4{ font-family:'Fraunces',serif; font-weight:600; font-size:1.02rem; }
  .why-item p{ color:var(--slate); font-size:0.86rem; line-height:1.6; margin-top:8px; }

  /* ---------- ABOUT ---------- */
  .about{ background:var(--stone); }
  .about .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
  @media(max-width:900px){ .about .wrap{grid-template-columns:1fr; gap:32px;} }
  .about blockquote{
    font-family:'Fraunces',serif; font-style:italic; font-weight:500;
    font-size:1.4rem; line-height:1.5; color:var(--text-ink); margin:0;
    border-left:2px solid var(--brass); padding-left:24px;
  }
  .about-copy p{ color:var(--slate); font-size:0.98rem; line-height:1.7; margin-bottom:18px; }
  .about-copy p:last-child{ margin-bottom:0; }

  /* ---------- CONTACT ---------- */
  .contact{ background:var(--ink); color:var(--white); }
  .contact .wrap{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; }
  @media(max-width:900px){ .contact .wrap{grid-template-columns:1fr; gap:40px;} }
  .contact h2{ font-size:clamp(1.8rem,3.4vw,2.5rem); }
  .contact-intro p{ color:var(--fog); margin-top:18px; font-size:1rem; line-height:1.65; max-width:38ch; }
  .contact-detail{ margin-top:38px; }
  .contact-detail div{ margin-bottom:16px; font-size:0.92rem; color:var(--fog); }
  .contact-detail b{ display:block; color:var(--white); font-family:'IBM Plex Mono',monospace; font-size:0.72rem; margin-bottom:4px; letter-spacing:0.08em; text-transform:uppercase;}

  form.contact-form{ display:flex; flex-direction:column; gap:18px; }
  .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  @media(max-width:560px){ .form-row{grid-template-columns:1fr;} }
  label{ font-size:0.72rem; color:var(--fog); margin-bottom:8px; display:block; text-transform:uppercase; letter-spacing:0.08em; font-family:'IBM Plex Mono',monospace;}
  input, textarea, select{
    width:100%; background:var(--ink-soft); border:1px solid var(--ink-line); color:var(--white);
    padding:13px 14px; font-family:'Manrope',sans-serif; font-size:0.92rem; border-radius:var(--radius);
  }
  input:focus, textarea:focus, select:focus{ outline:2px solid var(--brass); outline-offset:1px; border-color:var(--brass); }
  textarea{ resize:vertical; min-height:110px; }
  .field{ display:flex; flex-direction:column; }
  .submit-btn{
    align-self:flex-start; margin-top:8px;
    background:var(--brass); color:var(--ink); font-weight:700; font-size:0.9rem;
    padding:14px 28px; border:none; border-radius:var(--radius); cursor:pointer;
  }
  .submit-btn:hover{ background:var(--brass-bright); }
  .form-note{ font-size:0.78rem; color:var(--fog); margin-top:4px; }
  .visually-hidden{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

  /* ---------- FOOTER ---------- */
  footer{ background:var(--ink); border-top:1px solid var(--ink-line); padding:32px 0; }
  footer .wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
  footer .brand-name{ color:var(--white); font-size:0.92rem; }
  footer .fine{ color:var(--fog); font-size:0.78rem; }

  /* focus visibility */
  a:focus-visible, button:focus-visible{ outline:2px solid var(--brass); outline-offset:2px; }

  /* ---------- INTERIOR PAGE HERO ---------- */
  .page-hero{
    background:var(--ink); color:var(--white);
    border-bottom:1px solid var(--ink-line);
    padding:64px 0 56px;
  }
  .page-hero .sec-eyebrow{ color:var(--brass-bright); }
  .page-hero .sec-eyebrow::before{ background:var(--brass-bright); }
  .page-hero h1{ font-size:clamp(2rem,3.8vw,3rem); line-height:1.1; max-width:20ch; }
  .page-hero p.lead{ color:var(--fog); max-width:56ch; margin-top:18px; font-size:1.02rem; line-height:1.65; }

  /* nav active state */
  nav.links a.active{ color:var(--brass); }

  /* ---------- CASE STUDIES ---------- */
  .cs-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--stone-line); border:1px solid var(--stone-line); }
  @media(max-width:860px){ .cs-grid{grid-template-columns:1fr;} }
  .cs-card{ background:var(--stone); padding:36px 30px; position:relative; }
  .cs-badge{
    display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:0.66rem;
    letter-spacing:0.08em; text-transform:uppercase; color:var(--brass);
    border:1px solid var(--brass-soft); background:var(--brass-soft);
    padding:4px 10px; border-radius:20px; margin-bottom:16px;
  }
  .cs-card h3{ font-size:1.1rem; font-weight:600; }
  .cs-card p{ color:var(--slate); font-size:0.9rem; line-height:1.6; margin-top:10px; }
  .cs-note{
    margin-top:48px; border:1px dashed var(--stone-line); border-radius:var(--radius);
    padding:28px 30px; color:var(--slate); font-size:0.92rem; line-height:1.7; max-width:640px;
  }

  /* ---------- BREADCRUMB / SIMPLE INTRO BLOCKS ---------- */
  .simple-cta{ background:var(--ink); color:var(--white); text-align:left; }
  .simple-cta .wrap{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:56px 32px; }
  .simple-cta h2{ font-size:clamp(1.5rem,2.6vw,2rem); max-width:26ch; }
  .simple-cta p{ color:var(--fog); margin-top:10px; font-size:0.95rem; max-width:44ch; }
  .contact-mini{display:flex; flex-direction:column; gap:7px; margin-top:22px; color:var(--fog); font-size:0.82rem;}
  .contact-mini a{color:var(--brass-bright); font-weight:700;}

  /* ---------- PLAYBOOK ---------- */
  .playbook-nav{background:var(--ink-soft); padding:18px 0;}
  .playbook-nav .wrap{display:flex; gap:10px; flex-wrap:wrap;}
  .playbook-nav a{color:var(--fog); border:1px solid var(--ink-line); padding:8px 11px; font:500 0.68rem 'IBM Plex Mono',monospace; text-transform:uppercase;}
  .playbook-nav a:hover{color:var(--brass-bright); border-color:var(--brass);}
  .playbook-section{padding:80px 0; border-bottom:1px solid var(--stone-line); scroll-margin-top:80px;}
  .playbook-section:nth-of-type(even){background:#e1dccf;}
  .playbook-section .wrap{display:grid; grid-template-columns:0.8fr 1.2fr; gap:72px;}
  .playbook-section h2{font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.12;}
  .playbook-section .intro{color:var(--slate); line-height:1.7; margin-top:18px; max-width:36ch;}
  .detail-block{padding:22px 0; border-top:1px solid var(--stone-line);}
  .detail-block h3{font-size:1.12rem;}
  .detail-block p,.detail-block li{color:var(--slate); font-size:0.92rem; line-height:1.7;}
  .detail-block p{margin:10px 0 0;}
  .detail-block ul{margin:12px 0 0; padding-left:20px;}
  .detail-block li+li{margin-top:5px;}
  .detail-callout{margin-top:28px; padding:20px; background:var(--brass-soft); border-left:2px solid var(--brass); font-size:0.9rem; line-height:1.65;}
  @media(max-width:900px){.playbook-section .wrap{grid-template-columns:1fr; gap:32px;}.playbook-section{padding:58px 0;}}