*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:#fffbfc;color:#18150F;font-family:'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased;}
::selection{background:#18150F;color:#EFEBE3;}
input::selection,textarea::selection{background:#c0f671;color:#18150F;}
input,textarea,button{font-family:inherit;}
a{color:inherit;text-decoration:none;}
h1,h2,p{margin:0;}
.mono{font-family:'IBM Plex Mono',monospace;}
nav>a.mono{text-decoration:none !important;}
.arr{display:inline-block;transition:transform .28s cubic-bezier(.2,.7,.25,1);}
[data-arr]:hover .arr[data-d]{transform:translate(4px,4px);}
[data-arr]:hover .arr[data-r]{transform:translateX(5px);}
.nav-toggle{display:none;}
.nav-link{transition:background .2s;}
.nav-link:hover{background:rgba(192,246,113,0.4);}
.nav-active{background:#c0f671;}
.case-row{display:grid;grid-template-columns:200px 1fr auto;gap:40px;align-items:start;padding:30px 8px;border-top:1px solid rgba(24,21,15,.12);color:inherit;margin-left:-8px;margin-right:-8px;border-radius:2px;transition:background .18s;}
.case-row:hover{background:rgba(192,246,113,0.15);}
.case-row:hover .case-arr{transform:translate(6px,-6px);}
.case-row:hover .case-read{color:#18150F;}
.case-arr{font-size:20px;padding-top:4px;transition:transform .28s cubic-bezier(.2,.7,.25,1);font-family:'IBM Plex Mono',monospace;}
.btn{display:inline-flex;align-items:center;gap:9px;background:#c0f671;color:#18150F;padding:14px 22px;border-radius:2px;font-family:'IBM Plex Mono',monospace;font-size:14px;border:none;cursor:pointer;}
.cs-grid{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:52px 0;border-bottom:1px solid rgba(24,21,15,.12);}
.cs-lbl{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#9a9489;}
.cs-step{display:flex;gap:20px;padding:0 0 22px;}
.cs-step-n{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#9a9489;padding-top:4px;}
.cs-step-t{font-size:19px;line-height:1.5;color:#332f27;}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(24,21,15,.12);}
.metric{padding:34px 0;}
.metric-n{font-size:38px;line-height:1;letter-spacing:-.02em;font-weight:600;}
.metric-l{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;color:#6E685E;margin-top:8px;}
.bars{display:flex;align-items:flex-end;gap:14px;height:240px;}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;}
.bar-v{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#6E685E;}
.bar{width:100%;border-radius:2px 2px 0 0;}
.bar-l{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#9a9489;}
.form-lbl{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6E685E;margin-bottom:10px;}
.field{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(24,21,15,.28);padding:8px 0 12px;font-size:20px;color:#18150F;outline:none;}
.inline-err{display:none;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#b91c1c;margin-top:12px;}
.req{color:#b91c1c;}
.iti{display:block !important;width:100% !important;}

@media (max-width:768px){

  /* ── NAV ─────────────────────────────────── */
  nav{padding:20px 20px !important;flex-wrap:wrap !important;align-items:center !important;position:relative;}
  nav>a.mono{font-size:16px !important;white-space:nowrap;}
  .nav-toggle{display:block;background:none;border:none;font-size:22px;cursor:pointer;color:#18150F;padding:0;}
  .nav-links{display:none !important;flex-direction:column;gap:0;width:100%;margin-top:12px;}
  .nav-links.open{display:flex !important;}
  .nav-link{font-size:18px !important;padding:12px 0 !important;border-bottom:1px solid rgba(24,21,15,.1);white-space:nowrap !important;}
  .nav-active{background:transparent !important;border-bottom:2px solid #c0f671 !important;padding-bottom:0 !important;}

  /* ── HORIZONTAL PADDING ON ALL MAIN WRAPPERS ─ */
  [style*="max-width:1080px"]{padding-left:20px !important;padding-right:20px !important;}

  /* ── HEADINGS ─────────────────────────────── */
  h1{font-size:3rem !important;line-height:1.08 !important;letter-spacing:-0.03em !important;}
  h1>span[style*="font-size:22px"]{font-size:16px !important;}
  #about-hero h1,.page-hero h1{font-size:2rem !important;line-height:1.15 !important;}
  #about-hero,.page-hero{border-bottom:none !important;}

  /* ── LARGE INLINE FONT SIZES ──────────────── */
  [style*="font-size:42px"]{font-size:1rem !important;line-height:1.6 !important;font-weight:400 !important;letter-spacing:0 !important;}
  [style*="font-size:34px"]{font-size:1.3rem !important;}
  [style*="font-size:28px"]{font-size:1.2rem !important;}
  [style*="font-size:27px"]{font-size:1.15rem !important;}
  [style*="font-size:24px"]{font-size:1.15rem !important;}
  [style*="font-size:23px"]{font-size:1.1rem !important;line-height:1.5 !important;}

  /* ── VERTICAL SECTION PADDING ─────────────── */
  [style*="padding:96px"]{padding-top:48px !important;padding-bottom:40px !important;}
  [style*="padding:72px"]{padding-top:36px !important;padding-bottom:28px !important;}
  [style*="padding:64px 0"]{padding-top:32px !important;padding-bottom:32px !important;}
  [style*="padding:52px 0"]{padding-top:28px !important;padding-bottom:28px !important;}

  /* ── COLLAPSE ALL INLINE-STYLE GRIDS ─────── */
  /* targets newsletter, about body, contact layout, case result sections */
  [style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:24px !important;}

  /* ── METRICS (3 stats → stacked) ─────────── */
  .metrics{grid-template-columns:1fr !important;}
  .metric{padding:20px 0 !important;border-bottom:1px solid rgba(24,21,15,.12);}
  .metric-n{font-size:2rem !important;}

  /* ── CS-GRID (label + content → stacked) ─── */
  .cs-grid{grid-template-columns:1fr !important;gap:12px !important;padding:28px 0 !important;}
  .cs-step-t{font-size:17px !important;}

  /* ── CASE ROWS (home page work list) ─────── */
  .case-row{grid-template-columns:1fr auto !important;gap:8px 12px !important;padding:20px 0 !important;}
  /* meta label spans full width; content + arrow share row 2 */
  .case-row>div:first-child{grid-column:1 / -1 !important;}

  /* ── NEWSLETTER FORM ──────────────────────── */
  #nl-form{flex-direction:column !important;align-items:stretch !important;}
  #nl-email{min-width:0 !important;}
  #nl-form .btn{width:100% !important;justify-content:center !important;}

  /* ── CONTACT SUBMIT BUTTON ────────────────── */
  #c-submit{width:100% !important;align-self:stretch !important;justify-content:center !important;}

  /* ── ABOUT PAGE: THE RECORD first on mobile ─ */
  [style*="grid-template-columns:1fr 300px"]>div:first-child{order:2;}
  [style*="grid-template-columns:1fr 300px"]>div:last-child{order:1;}

  /* ── CHART BARS ───────────────────────────── */
  .bars{height:160px !important;gap:6px !important;}
  .bar-v{font-size:9px !important;}
  .bar-l{font-size:9px !important;}

  /* ── NEWSLETTER: remove top border on mobile ─ */
  [style*="padding:64px 0 24px"]{border-top:none !important;}

  /* ── WHAT I BELIEVE (hidden on mobile) ────── */
  #believe{display:none !important;}

  /* ── FOOTER ───────────────────────────────── */
  footer>div:first-child{padding-top:32px !important;padding-bottom:32px !important;gap:32px !important;}
  footer a[style*="font-size:22px"]{font-size:18px !important;}

}