:root{
  --ivory:#f6f1e9;
  --paper:#fffaf1;
  --paper-2:#f1ece4;
  --navy:#14213d;
  --ink:#1c2742;
  --muted:#687086;
  --line:#ded4c7;
  --gold:#b7843f;
  --gold-soft:#d7bf91;
  --shadow:0 24px 60px rgba(20,33,61,.08);
  --radius:24px;
  --container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Instrument Sans",system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);background:rgba(246,241,233,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.16em;font-size:.86rem;color:var(--navy)}.brand-dot{width:9px;height:9px;border-radius:999px;background:var(--gold);display:inline-block;margin-right:12px;vertical-align:middle;transform:translateY(-1px)}.site-nav{display:flex;gap:28px;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:.72rem}.site-nav a{padding:10px 0;border-bottom:1px solid transparent}.site-nav a:hover{color:var(--gold);border-color:var(--gold)}.nav-toggle{display:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;color:var(--navy)}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.section{padding:clamp(62px,8vw,118px) 0}.section-tight{padding:clamp(42px,6vw,82px) 0}.eyebrow{display:block;color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(.66rem,1.15vw,.74rem);line-height:1.65;margin-bottom:12px}.rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:14px 0 26px}.hero{padding:clamp(40px,7vw,90px) 0 60px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,560px);gap:clamp(32px,6vw,76px);align-items:center}.hero h1,.page-hero h1,.section h2,.case-copy h3,.case-detail h2,.visual-system h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--navy);font-weight:650;line-height:.94;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(2.65rem,5vw,4.9rem);line-height:.98;max-width:720px}.hero p,.page-hero p{font-size:clamp(1rem,1.18vw,1.14rem);max-width:650px;color:#3f485d}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:800;font-size:.85rem;border:1px solid var(--navy);background:var(--navy);color:var(--paper);box-shadow:0 10px 24px rgba(20,33,61,.12)}.btn.secondary{background:transparent;color:var(--navy)}.hero-visual{position:relative;border-radius:34px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.proof-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.proof-chips span,.chips span{display:inline-flex;border:1px solid var(--line);background:rgba(255,250,241,.8);border-radius:999px;padding:9px 12px;color:var(--navy);font-weight:800;font-size:.78rem}.proof-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px 18px;box-shadow:0 14px 34px rgba(20,33,61,.05)}.metric strong{font-family:"Cormorant Garamond";font-size:clamp(2.1rem,4vw,3.3rem);line-height:.85;color:var(--navy);display:block}.metric span{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;color:#4b556b}.about-grid,.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}.about-content{max-width:1040px}.portrait-card{border:1px solid var(--line);background:var(--paper);border-radius:32px;padding:14px;box-shadow:var(--shadow);max-width:460px}.portrait-card img{border-radius:24px;aspect-ratio:4/5;object-fit:cover}.section h2{font-size:clamp(3rem,6vw,6.2rem)}.section-copy{font-size:1.05rem;color:#3f485d}.mini-grid,.service-grid,.steps-grid,.card-grid{display:grid;gap:16px}.mini-grid{grid-template-columns:repeat(4,1fr);margin-top:28px}.mini-card,.service-card,.step-card,.detail-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px}.mini-card h4,.service-card h3,.step-card h3,.detail-card h3{margin:0 0 8px;color:var(--navy);font-weight:800}.service-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr);margin-top:34px}.step-num{font-family:"Cormorant Garamond";font-size:3rem;color:var(--gold);line-height:.8}.work-list{display:grid;gap:22px;margin-top:34px}.case-preview{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(22px,4vw,46px);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);align-items:center}.case-image{background:#efe7da;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/10}.case-image img{width:100%;height:100%;object-fit:contain}.case-copy{padding:10px}.case-copy h3{font-size:clamp(2.2rem,4.7vw,4.8rem)}.case-copy p{color:#4b556b}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.text-link{font-weight:900;color:var(--navy);border-bottom:1px solid var(--gold)}.dark-band{background:var(--navy);color:var(--paper);border-radius:34px;padding:clamp(34px,5vw,68px)}.dark-band h2{color:var(--paper)}.dark-band .service-card{background:rgba(255,250,241,.07);border-color:rgba(255,250,241,.16)}.dark-band .service-card h3{color:#fff}.dark-band p{color:#d5d9e4}.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:34px;padding:clamp(36px,6vw,74px);box-shadow:var(--shadow);text-align:center}.contact-card h2{font-size:clamp(3.4rem,7vw,7rem)}.page-hero{padding:clamp(50px,8vw,96px) 0 34px}.page-hero h1{font-size:clamp(3.8rem,8vw,8rem);max-width:980px}.page-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.case-detail{display:grid;gap:20px}.case-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:clamp(18px,3vw,32px);box-shadow:var(--shadow)}.overview-media{border-radius:22px;background:#efe7da;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10}.overview-media img{width:100%;object-fit:contain}.case-detail h2{font-size:clamp(2.4rem,5vw,5rem)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.visual-system{padding:clamp(60px,8vw,108px) 0}.visual-system h2{font-size:clamp(3.4rem,7vw,7.2rem);margin-bottom:34px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.asset-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(20,33,61,.07);display:flex;flex-direction:column}.asset-media{background:#eee7dc;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:12px}.asset-media img{width:100%;height:100%;object-fit:contain}.asset-card p{margin:0;padding:16px 18px 18px;font-weight:800;color:#48536a;min-height:64px;font-size:clamp(.88rem,1vw,.98rem);line-height:1.25}.asset-grid.three{grid-template-columns:repeat(3,1fr)}.site-footer{border-top:1px solid var(--line);padding:30px clamp(18px,4vw,56px);display:flex;justify-content:space-between;gap:18px;color:#48536a;font-size:.9rem}.site-footer a{font-weight:800;color:var(--navy)}
@media(max-width:980px){.hero-grid,.about-grid,.split-grid,.case-preview,.case-overview{grid-template-columns:1fr}.proof-strip{grid-template-columns:repeat(2,1fr)}.mini-grid,.service-grid,.steps-grid,.asset-grid,.asset-grid.three{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(2.75rem,10vw,4.4rem)}.page-hero h1{font-size:clamp(3.2rem,12vw,5.6rem)}.section h2,.visual-system h2{font-size:clamp(3rem,11vw,5.6rem)}.metric-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{align-items:center}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:60px;right:18px;left:18px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.container{width:min(100% - 28px,var(--container))}.hero{padding-top:38px}.hero-grid{gap:24px}.hero .eyebrow{font-size:.62rem;letter-spacing:.105em;line-height:1.75;text-align:left;max-width:100%;overflow-wrap:normal}.hero h1{font-size:clamp(2.5rem,13vw,3.8rem);max-width:100%}.hero p{font-size:1rem}.button-row .btn{width:100%;min-height:48px}.proof-chips span{font-size:.72rem;padding:8px 10px}.hero-grid{gap:26px}.hero-visual img{aspect-ratio:4/3}.proof-strip,.mini-grid,.service-grid,.steps-grid,.asset-grid,.asset-grid.three,.detail-grid{grid-template-columns:1fr}.case-preview{padding:12px}.case-copy h3{font-size:2.7rem}.metric-row{grid-template-columns:1fr 1fr}.asset-media{aspect-ratio:4/5;padding:10px}.site-footer{flex-direction:column}.dark-band{border-radius:24px}.contact-card{border-radius:24px}}
/* Final responsive polish */
@media(max-width:480px){.brand{letter-spacing:.12em;font-size:.78rem}.container{width:min(100% - 24px,var(--container))}.site-header{padding:14px 16px}.hero-visual{border-radius:22px}.hero-visual img{aspect-ratio:4/3;object-fit:cover}.proof-chips{gap:8px}.metric{padding:18px 15px}.case-copy{padding:8px 4px}.case-copy h3{font-size:2.35rem}.page-hero{padding-top:42px}.page-hero h1{font-size:clamp(2.8rem,16vw,4.4rem)}.visual-system h2{font-size:clamp(2.8rem,15vw,4.6rem)}.asset-grid{gap:20px}.asset-media{aspect-ratio:4/5;padding:8px}.asset-card p{min-height:auto}.section{padding:58px 0}.section-tight{padding:42px 0}.contact-card h2{font-size:3.2rem}}
@media(min-width:981px){.visual-system .container{max-width:1180px}.asset-grid{align-items:start}.hero .eyebrow{white-space:normal}.site-nav{white-space:nowrap}}

@media(max-width:480px){.brand-dot{width:7px;height:7px;margin-right:9px}.hero .eyebrow{font-size:.58rem;letter-spacing:.09em}}


/* Final pill alignment pass: consistent desktop + mobile chip systems */
.proof-chips{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,auto));
  justify-content:start;
  align-items:center;
  gap:12px;
  max-width:100%;
}
.proof-chips span,
.chips span{
  min-height:44px;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  line-height:1.15;
}
.case-copy .chips{
  display:grid;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:620px;
}
.case-copy .chips.chips-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.case-copy .chips.chips-4{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:520px;
}
.case-copy .chips.chips-3 span,
.case-copy .chips.chips-4 span{
  width:100%;
  padding:10px 14px;
}
@media(max-width:700px){
  .proof-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
  }
  .proof-chips span{
    width:100%;
    min-height:46px;
    padding:10px 12px;
    font-size:.82rem;
  }
  .case-copy .chips{
    gap:10px;
  }
  .case-copy .chips.chips-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .case-copy .chips.chips-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .case-copy .chips span{
    min-height:42px;
    padding:9px 10px;
    font-size:.78rem;
  }
}
@media(max-width:420px){
  .case-copy .chips.chips-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .case-copy .chips.chips-3 span{
    font-size:.68rem;
    padding:8px 6px;
    letter-spacing:-.01em;
  }
  .case-copy .chips.chips-4 span{
    font-size:.72rem;
    padding:8px 8px;
  }
  .proof-chips span{
    font-size:.76rem;
    padding:9px 8px;
  }
}


/* Hero headshot refinement */
.hero-visual.headshot-hero{
  max-width:440px;
  justify-self:end;
}
.hero-visual.headshot-hero img{
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
}
@media(max-width:980px){
  .hero-visual.headshot-hero{
    justify-self:center;
    max-width:420px;
    width:100%;
  }
}


/* Final heading consistency pass: major editorial headings match the main hero header */
.hero h1,
.page-hero h1,
.section h2,
.case-copy h3,
.case-detail h2,
.visual-system h2,
.contact-card h2{
  font-size:clamp(2.65rem,5vw,4.9rem);
  line-height:.98;
  letter-spacing:-.035em;
}
@media(max-width:980px){
  .hero h1,
  .page-hero h1,
  .section h2,
  .case-copy h3,
  .case-detail h2,
  .visual-system h2,
  .contact-card h2{
    font-size:clamp(2.75rem,10vw,4.4rem);
    line-height:.98;
  }
}
@media(max-width:480px){
  .hero h1,
  .page-hero h1,
  .section h2,
  .case-copy h3,
  .case-detail h2,
  .visual-system h2,
  .contact-card h2{
    font-size:clamp(2.5rem,13vw,3.8rem);
    line-height:1;
  }
}

/* Final typography, spacing, alignment, and name-lockup consistency pass */
:root{
  --type-display:"Cormorant Garamond", Georgia, serif;
  --type-body:"Instrument Sans", system-ui, -apple-system, Segoe UI, sans-serif;
  --brand-script:"Hello Paris", "Brush Script MT", "Cormorant Garamond", cursive;
  --flow-xs:.55rem;
  --flow-sm:.8rem;
  --flow-md:1rem;
  --flow-lg:1.35rem;
  --flow-xl:2rem;
}

body{
  font-family:var(--type-body);
  font-size:16px;
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Header / name lockup */
.site-header{
  min-height:68px;
  gap:18px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:.62rem;
  color:var(--navy);
  letter-spacing:0;
  line-height:1;
  white-space:nowrap;
  text-transform:none;
}
.brand-monogram{
  color:var(--gold);
  font-family:var(--brand-script);
  font-size:1.28rem;
  font-weight:400;
  letter-spacing:.01em;
  line-height:1;
  transform:translateY(.02em);
}
.brand-separator{
  color:color-mix(in srgb, var(--gold) 78%, var(--line));
  font-weight:400;
  font-size:.95rem;
  line-height:1;
  opacity:.78;
  transform:translateY(-.01em);
}
.brand-name{
  font-family:var(--type-body);
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
}
.brand-dot{display:none!important;}

/* Shared hierarchy */
h1,h2,h3,h4,p{overflow-wrap:break-word;}
.hero h1,
.page-hero h1,
.section h2,
.case-copy h3,
.case-detail h2,
.visual-system h2,
.contact-card h2{
  font-family:var(--type-display);
  font-weight:650;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.hero p,
.page-hero p,
.section-copy,
.case-copy p,
.detail-card p,
.service-card p,
.step-card p,
.mini-card p,
.contact-card p{
  color:#3f485d;
  font-size:clamp(.98rem,1vw,1.06rem);
  line-height:1.65;
  margin-top:var(--flow-sm);
  max-width:68ch;
}

.eyebrow,
.site-nav,
.btn,
.text-link,
.metric span,
.asset-card p,
.chips span,
.proof-chips span{
  font-family:var(--type-body);
}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:850;
  font-size:clamp(.62rem,.9vw,.72rem);
  line-height:1.55;
  margin-bottom:var(--flow-sm);
}
.site-nav{
  gap:clamp(18px,2.3vw,30px);
}
.site-nav a{
  font-size:.7rem;
  letter-spacing:.13em;
  font-weight:800;
}

/* Layout rhythm */
.section{padding:clamp(64px,7.5vw,108px) 0;}
.section-tight{padding:clamp(42px,5vw,76px) 0;}
.hero{padding:clamp(46px,6.4vw,86px) 0 clamp(48px,6vw,70px);}
.container{width:min(var(--container),calc(100% - 40px));}
.button-row{gap:12px;margin-top:var(--flow-xl);}
.btn{
  min-height:48px;
  padding:13px 21px;
  font-size:.8rem;
  letter-spacing:.02em;
  line-height:1;
}

/* Cards */
.mini-grid,.service-grid,.steps-grid,.detail-grid,.asset-grid,.work-list{
  gap:clamp(16px,2vw,28px);
}
.mini-card,.service-card,.step-card,.detail-card,.metric,.case-preview,.asset-card,.contact-card,.dark-band{
  border-color:var(--line);
}
.mini-card h4,
.service-card h3,
.step-card h3,
.detail-card h3{
  font-size:clamp(1rem,1.15vw,1.16rem);
  line-height:1.18;
  letter-spacing:-.015em;
}

/* Metrics and pills */
.metric strong{letter-spacing:-.035em;}
.metric span,
.asset-card p{
  text-transform:uppercase;
  letter-spacing:.105em;
  font-size:.68rem;
  font-weight:850;
}
.proof-chips span,
.chips span{
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,250,241,.82);
  color:var(--navy);
  font-weight:850;
  min-height:44px;
  padding:10px 14px;
  line-height:1.12;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.case-copy .chips.chips-3{max-width:560px;}
.case-copy .chips.chips-4{max-width:520px;}

/* Images */
.case-image,
.overview-media,
.asset-media,
.hero-visual{
  background:#efe7da;
}
.case-image img,
.overview-media img,
.asset-media img{
  object-fit:contain;
  object-position:center;
}
.hero-visual.headshot-hero img{
  object-position:center top;
}
.asset-card p{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-transform:none;
  letter-spacing:.01em;
  font-size:.9rem;
  line-height:1.32;
  color:#48536a;
}

/* Mobile polish */
@media(max-width:700px){
  .site-header{min-height:62px;padding:14px 16px;}
  .brand{gap:.48rem;}
  .brand-monogram{font-size:1.12rem;}
  .brand-separator{font-size:.82rem;}
  .brand-name{font-size:.72rem;letter-spacing:.105em;}
  .container{width:min(100% - 28px,var(--container));}
  .hero{padding-top:38px;}
  .hero-grid{gap:26px;}
  .hero p,
  .page-hero p,
  .section-copy,
  .case-copy p{font-size:.98rem;line-height:1.62;}
  .button-row{width:100%;}
  .button-row .btn{width:100%;}
  .proof-chips{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;}
  .case-copy .chips.chips-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .case-copy .chips.chips-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .case-copy .chips span{min-height:42px;padding:9px 8px;}
  .asset-card p{min-height:auto;padding:14px 15px;font-size:.86rem;}
}
@media(max-width:420px){
  .brand-monogram{font-size:1.04rem;}
  .brand-separator{font-size:.78rem;}
  .brand-name{font-size:.68rem;letter-spacing:.095em;}
  .site-nav a{font-size:.72rem;}
  .eyebrow{letter-spacing:.105em;}
  .case-copy .chips.chips-3 span{font-size:.65rem;padding:8px 5px;}
  .case-copy .chips.chips-4 span{font-size:.72rem;}
  .proof-chips span{font-size:.74rem;}
}

/* 2026-05-09 final polish: proof pills, dark service copy, contact centering, monogram font */
:root{
  --brand-script:"Amsterdam Four", "Amsterdam 4", "Hello Paris", "Brush Script MT", "Cormorant Garamond", cursive;
}

/* Header monogram refinement */
.brand-monogram{
  font-family:var(--brand-script);
  font-size:1.18rem;
  line-height:1;
  transform:translateY(.015em);
}
.brand-separator{
  margin-inline:.05rem;
}

/* Hero proof pills: prevent crowding and keep a clean 4-across / 2-by-2 rhythm */
.proof-chips{
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) minmax(190px,1.2fr) minmax(150px,.9fr) minmax(150px,.9fr);
  gap:12px;
  align-items:stretch;
  max-width:860px;
}
.proof-chips span{
  width:100%;
  min-width:0;
  min-height:48px;
  padding:11px 18px;
  font-size:clamp(.78rem,.92vw,.9rem);
  line-height:1.15;
  white-space:nowrap;
}

/* Repeated case-study pills: consistent 3-pill row and 4-pill grid */
.case-copy .chips{
  display:grid;
  align-items:stretch;
  width:100%;
}
.case-copy .chips.chips-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:610px;
  gap:10px;
}
.case-copy .chips.chips-4{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:540px;
  gap:10px;
}
.case-copy .chips span{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* Metric cards: give large numbers more breathing room above the label */
.metric{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.metric strong{
  line-height:1;
  margin:0;
}
.metric span{
  display:block;
  line-height:1.2;
}
.metric-row .metric{
  min-height:96px;
}

/* Dark services section: keep body copy readable on navy */
.dark-band .service-card p,
.dark-band .mini-card p,
.dark-band .step-card p,
.dark-band p{
  color:rgba(255,250,241,.78);
}
.dark-band .service-card h3{
  color:rgba(255,250,241,.96);
}

/* Contact card: center all inner content consistently */
.contact-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.contact-card .eyebrow,
.contact-card h2,
.contact-card p,
.contact-card .button-row{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.contact-card p{
  max-width:880px;
}
.contact-card .button-row{
  justify-content:center;
}

@media(max-width:980px){
  .proof-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:100%;
  }
  .proof-chips span{
    white-space:normal;
  }
}

@media(max-width:700px){
  .proof-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .proof-chips span{
    min-height:46px;
    padding:10px 10px;
    font-size:.78rem;
  }
  .case-copy .chips.chips-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:100%;
    gap:8px;
  }
  .case-copy .chips.chips-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:100%;
    gap:10px;
  }
  .case-copy .chips span{
    min-height:42px;
    padding:9px 8px;
  }
  .metric-row .metric{
    min-height:92px;
  }
}

@media(max-width:420px){
  .proof-chips{
    grid-template-columns:1fr;
  }
  .proof-chips span{
    justify-content:center;
    font-size:.82rem;
  }
  .case-copy .chips.chips-3{
    grid-template-columns:1fr;
  }
  .case-copy .chips.chips-3 span,
  .case-copy .chips.chips-4 span{
    font-size:.78rem;
    padding:9px 10px;
  }
}

/* Pre-deployment QA polish pass: alignment, responsiveness, accessibility */
html,body{max-width:100%;overflow-x:hidden;}
:focus-visible{outline:3px solid rgba(183,132,63,.55);outline-offset:4px;border-radius:8px;}

/* Header/name mark polish */
.site-header{min-height:68px;}
.brand{display:inline-flex;align-items:center;gap:.58rem;white-space:nowrap;}
.brand-monogram{font-family:var(--brand-script);color:var(--gold);font-weight:400;font-size:1.24rem;line-height:1;letter-spacing:0;text-transform:none;transform:translateY(.01em);}
.brand-separator{color:rgba(183,132,63,.78);font-weight:400;font-size:.86rem;line-height:1;transform:translateY(-.01em);}
.brand-name{font-family:var(--type-body);font-size:.84rem;font-weight:850;letter-spacing:.135em;text-transform:uppercase;color:var(--navy);line-height:1;}

/* Hero proof chips: align like an intentional 2x2 proof grid rather than a crowded row */
.proof-chips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:600px;
  width:100%;
  align-items:stretch;
}
.proof-chips span{
  min-width:0;
  width:100%;
  min-height:50px;
  padding:12px 16px;
  white-space:normal;
  text-wrap:balance;
  font-size:clamp(.78rem,.95vw,.9rem);
  line-height:1.15;
}

/* Case-study pills: 3 stays one clean row; 4 stays a balanced 2x2 grid */
.case-copy .chips{display:grid;width:100%;align-items:stretch;}
.case-copy .chips.chips-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;}
.case-copy .chips.chips-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;}
.case-copy .chips span{min-width:0;width:100%;min-height:44px;padding:10px 12px;line-height:1.12;text-align:center;}

/* Method cards: keep large numerals from crowding labels/body copy */
.step-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(22px,2.4vw,30px);min-height:220px;}
.step-num{line-height:.72;margin-bottom:4px;font-size:clamp(2.4rem,4.1vw,3.25rem);}
.step-card h3{margin:0;line-height:1.15;}
.step-card p{margin-top:2px;}

/* Dark services: increase contrast and consistent card rhythm */
.dark-band .service-grid{align-items:stretch;}
.dark-band .service-card{min-height:210px;padding:clamp(22px,2.4vw,28px);}
.dark-band .service-card p{color:rgba(255,250,241,.84);}
.dark-band .service-card h3{color:rgba(255,250,241,.98);}

/* Contact section: centered presentation with balanced spacing */
.contact-card{min-height:clamp(360px,35vw,500px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.contact-card h2{max-width:980px;margin-inline:auto;}
.contact-card p{margin-inline:auto;}
.contact-card .button-row{width:auto;justify-content:center;}
.contact-card .btn{width:auto;min-width:220px;}

/* Media/card polish */
.case-preview,.case-overview,.asset-card,.metric,.mini-card,.service-card,.step-card,.detail-card,.contact-card{overflow:hidden;}
.case-image img,.overview-media img,.asset-media img{max-width:100%;max-height:100%;}
.asset-card p{text-wrap:balance;}

@media(max-width:980px){
  .site-header{min-height:64px;}
  .proof-chips{max-width:560px;}
  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .case-preview{gap:22px;}
}

@media(max-width:700px){
  .brand{gap:.48rem;}
  .brand-monogram{font-size:1.1rem;}
  .brand-separator{font-size:.78rem;}
  .brand-name{font-size:.7rem;letter-spacing:.105em;}
  .nav-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  .hero h1{font-size:clamp(2.55rem,12.5vw,3.9rem);line-height:.98;}
  .proof-chips{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:10px;}
  .proof-chips span{min-height:46px;padding:10px 10px;font-size:.76rem;}
  .case-copy .chips.chips-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .case-copy .chips.chips-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .case-copy .chips span{min-height:42px;padding:9px 7px;font-size:.72rem;}
  .steps-grid,.service-grid{grid-template-columns:1fr;}
  .step-card{min-height:auto;}
  .contact-card .btn{width:100%;min-width:0;}
}

@media(max-width:420px){
  .proof-chips{grid-template-columns:repeat(2,minmax(0,1fr));}
  .proof-chips span{font-size:.72rem;padding:9px 8px;}
  .case-copy .chips.chips-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .case-copy .chips.chips-3 span{font-size:.62rem;padding:8px 4px;}
  .case-copy .chips.chips-4 span{font-size:.7rem;padding:8px 6px;}
  .case-copy h3{font-size:clamp(2.25rem,13vw,3rem);}
}

@media(max-width:340px){
  .proof-chips{grid-template-columns:1fr;}
  .case-copy .chips.chips-3{grid-template-columns:1fr;}
}

/* Final targeted QA refinements — 2026-05-09 */
:root{
  --brand-script:"Amsterdam Four", "AmsterdamFour", "Hello Paris", "Brush Script MT", "Cormorant Garamond", cursive;
}

/* 1) Refined TR lockup alignment */
.brand{
  gap:.56rem;
}
.brand-monogram{
  font-family:var(--brand-script);
  color:var(--gold);
  font-size:clamp(1.05rem,1.15vw,1.24rem);
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  transform:translateY(.025em);
  flex:0 0 auto;
}
.brand-separator{
  font-size:.88rem;
  line-height:1;
  opacity:.72;
  margin-inline:.03rem;
  transform:translateY(-.005em);
  flex:0 0 auto;
}
.brand-name{
  line-height:1;
  transform:translateY(.005em);
}

/* 2) Hero proof pills: prevent crowding while preserving a clean proof system */
.proof-chips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:640px;
  align-items:stretch;
}
.proof-chips span{
  width:100%;
  min-width:0;
  min-height:50px;
  padding:12px 18px;
  font-size:clamp(.78rem,.92vw,.9rem);
  line-height:1.12;
  white-space:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}

/* 3) Case-study stat boxes: balanced numerals/words, no clipping, no crowding */
.metric-row{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(10px,1.2vw,14px);
  align-items:stretch;
}
.metric-row .metric{
  min-width:0;
  min-height:118px;
  padding:clamp(16px,1.6vw,22px) clamp(12px,1.3vw,18px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  overflow:visible;
}
.metric-row .metric strong{
  width:100%;
  max-width:100%;
  display:block;
  font-size:clamp(1.75rem,2.85vw,3.35rem);
  line-height:.92;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:visible;
  text-align:center;
}
.metric-row .metric strong.word-stat{
  font-size:clamp(1.28rem,1.85vw,2.05rem);
  letter-spacing:-.035em;
  line-height:1;
}
.metric-row .metric strong.word-stat.long{
  font-size:clamp(1.05rem,1.45vw,1.65rem);
  letter-spacing:-.025em;
}
.metric-row .metric span{
  display:block;
  width:100%;
  text-align:center;
  font-size:clamp(.58rem,.75vw,.7rem);
  line-height:1.18;
  letter-spacing:.12em;
  white-space:normal;
  overflow-wrap:normal;
}

/* 4) Major display heading consistency */
.hero h1,
.page-hero h1,
.section h2,
.case-copy h3,
.case-detail h2,
.visual-system h2,
.contact-card h2{
  font-family:var(--type-display);
  font-weight:650;
  font-size:clamp(2.65rem,5vw,4.9rem);
  line-height:.98;
  letter-spacing:-.035em;
  text-wrap:balance;
}

/* 5) Keep case overview media/text from pushing outside the viewport */
.case-overview{
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  overflow:hidden;
}
.case-overview > *{
  min-width:0;
}
.overview-media{
  width:100%;
  min-width:0;
}

@media(max-width:1100px){
  .metric-row .metric strong{font-size:clamp(1.55rem,2.55vw,2.9rem);}
  .metric-row .metric strong.word-stat{font-size:clamp(1.15rem,1.7vw,1.82rem);}
  .metric-row .metric strong.word-stat.long{font-size:clamp(.98rem,1.35vw,1.48rem);}
}

@media(max-width:980px){
  .case-overview{grid-template-columns:1fr;}
  .metric-row{grid-template-columns:repeat(4,minmax(0,1fr));}
  .metric-row .metric{min-height:108px;}
  .proof-chips{max-width:600px;}
}

@media(max-width:700px){
  .brand{gap:.46rem;}
  .brand-monogram{font-size:1.08rem;transform:translateY(.025em);}
  .brand-separator{font-size:.78rem;}
  .brand-name{font-size:.7rem;letter-spacing:.105em;}
  .hero h1,
  .page-hero h1,
  .section h2,
  .case-copy h3,
  .case-detail h2,
  .visual-system h2,
  .contact-card h2{
    font-size:clamp(2.5rem,12.5vw,3.85rem);
    line-height:1;
  }
  .proof-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    max-width:100%;
  }
  .proof-chips span{
    min-height:46px;
    padding:10px 10px;
    font-size:.76rem;
  }
  .metric-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .metric-row .metric{
    min-height:96px;
    padding:14px 10px;
    gap:8px;
  }
  .metric-row .metric strong{
    font-size:clamp(1.7rem,8vw,2.65rem);
  }
  .metric-row .metric strong.word-stat{
    font-size:clamp(1.35rem,5.8vw,2rem);
  }
  .metric-row .metric strong.word-stat.long{
    font-size:clamp(1.05rem,4.6vw,1.55rem);
  }
  .metric-row .metric span{
    font-size:.6rem;
    letter-spacing:.105em;
  }
}

@media(max-width:420px){
  .proof-chips{
    grid-template-columns:1fr;
  }
  .proof-chips span{
    font-size:.82rem;
    min-height:44px;
  }
  .metric-row .metric{
    min-height:90px;
  }
  .metric-row .metric strong{
    font-size:clamp(1.52rem,8vw,2.25rem);
  }
  .metric-row .metric strong.word-stat{
    font-size:clamp(1.18rem,5.8vw,1.65rem);
  }
  .metric-row .metric strong.word-stat.long{
    font-size:clamp(.98rem,4.4vw,1.32rem);
  }
}

/* Targeted post-QA fix: desktop/mobile case-study metric card rhythm */
html, body { overflow-x: hidden; }
:root{
  --brand-script:"Amsterdam Four", "AmsterdamFour", "Hello Paris", "Brush Script MT", "Cormorant Garamond", cursive;
}
.brand-monogram{
  font-family:var(--brand-script) !important;
  font-size:clamp(1.02rem,1.05vw,1.18rem) !important;
  line-height:1 !important;
  transform:translateY(.025em) !important;
}

.case-overview{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
  gap:clamp(24px,4vw,44px) !important;
  overflow:hidden !important;
}
.case-overview > div{min-width:0 !important;}
.case-overview p{max-width:720px;}

.metric-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(12px,1.25vw,18px) !important;
  align-items:stretch !important;
  width:100% !important;
  margin-top:clamp(22px,3vw,32px) !important;
}
.metric-row .metric{
  min-width:0 !important;
  min-height:118px !important;
  padding:16px 10px !important;
  border-radius:18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  overflow:hidden !important;
}
.metric-row .metric strong{
  font-family:var(--type-display,"Cormorant Garamond",Georgia,serif) !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  font-size:clamp(1.75rem,2.45vw,2.8rem) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-align:center !important;
}
.metric-row .metric strong.word-stat{
  font-size:clamp(1.1rem,1.42vw,1.55rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.018em !important;
}
.metric-row .metric strong.word-stat.long{
  font-size:clamp(.9rem,1.1vw,1.18rem) !important;
  letter-spacing:-.01em !important;
}
.metric-row .metric span{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  color:#4b556b !important;
  font-family:var(--type-body,"Instrument Sans",system-ui,sans-serif) !important;
  font-size:clamp(.58rem,.66vw,.68rem) !important;
  font-weight:850 !important;
  line-height:1.18 !important;
  letter-spacing:.115em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  text-align:center !important;
}

@media(max-width:980px){
  .case-overview{grid-template-columns:1fr !important;}
  .metric-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .metric-row .metric{min-height:108px !important;}
}
@media(max-width:760px){
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .metric-row .metric{min-height:98px !important;padding:14px 10px !important;}
  .metric-row .metric strong{font-size:clamp(1.75rem,7.5vw,2.45rem) !important;}
  .metric-row .metric strong.word-stat{font-size:clamp(1.28rem,5.8vw,1.75rem) !important;}
  .metric-row .metric strong.word-stat.long{font-size:clamp(1.05rem,4.8vw,1.4rem) !important;}
  .metric-row .metric span{font-size:.6rem !important;letter-spacing:.105em !important;}
}
@media(max-width:420px){
  .metric-row .metric{min-height:92px !important;padding:13px 8px !important;}
  .metric-row .metric strong{font-size:clamp(1.55rem,8vw,2.15rem) !important;}
  .metric-row .metric strong.word-stat{font-size:clamp(1.12rem,5.8vw,1.48rem) !important;}
  .metric-row .metric strong.word-stat.long{font-size:clamp(.92rem,4.8vw,1.18rem) !important;}
}

/* Positioning refinement additions: integrated, non-disruptive modules */
#ai-strategy .mini-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.tools-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}
.tools-strip span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,250,241,.8);
  color:var(--navy);
  font-family:var(--type-body,"Instrument Sans",system-ui,sans-serif);
  font-size:.76rem;
  font-weight:850;
  line-height:1.1;
  letter-spacing:.045em;
  text-transform:uppercase;
  text-align:center;
}
@media(max-width:980px){
  #ai-strategy .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  #ai-strategy .mini-grid{grid-template-columns:1fr;}
  .tools-strip{gap:8px;}
  .tools-strip span{font-size:.68rem;padding:8px 10px;min-height:38px;}
}

/* Gator Country 101.9 refresh: updated metric rhythm */
.proof-strip{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.metric-row.metric-row-5{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
.metric-row.metric-row-5 .metric{
  min-height:118px !important;
}
.visual-system .section-copy{
  max-width:820px;
  margin-bottom:28px;
}
@media(max-width:980px){
  .proof-strip{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .metric-row.metric-row-5{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .metric-row.metric-row-5{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:420px){
  .proof-strip{grid-template-columns:1fr !important;}
}

/* === 2026-05-16 portfolio QA rescue: case-study cards, proof strips, and preview sizing === */

/* 1) Shared case-study summary cards on homepage/work */
.work-list{
  gap:28px !important;
}
.case-preview{
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr) !important;
  gap:clamp(24px,3vw,40px) !important;
  padding:clamp(18px,2vw,28px) !important;
  align-items:center !important;
}
.case-preview .case-image{
  aspect-ratio:16/10 !important;
  min-height:320px;
  border-radius:28px !important;
  overflow:hidden !important;
  padding:0 !important;
}
.case-preview .case-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.case-preview .case-copy{
  min-width:0 !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.case-preview .case-copy h3{
  font-size:clamp(2.9rem,4.2vw,4.85rem) !important;
  line-height:.96 !important;
  letter-spacing:-.035em !important;
  margin:0 0 10px !important;
  text-wrap:balance;
}
.case-preview .case-copy p{
  max-width:34ch;
  margin-top:0 !important;
}
.case-preview .chips,
.case-copy .chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  max-width:none !important;
  width:100% !important;
  margin:18px 0 16px !important;
}
.case-preview .chips span,
.case-copy .chips span{
  width:auto !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-family:var(--type-body,"Instrument Sans",system-ui,sans-serif) !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  line-height:1.08 !important;
  white-space:nowrap;
}

/* 2) Top metric / proof cards used on case studies */
.proof-strip{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.proof-strip .metric{
  min-width:0 !important;
  min-height:148px !important;
  padding:20px 18px !important;
  border-radius:22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:8px !important;
  text-align:left !important;
  overflow:hidden !important;
}
.proof-strip .metric strong{
  width:100% !important;
  display:block !important;
  font-family:var(--type-display,"Cormorant Garamond",Georgia,serif) !important;
  font-size:clamp(1.8rem,2.35vw,3rem) !important;
  line-height:.92 !important;
  letter-spacing:-.04em !important;
  color:var(--navy) !important;
  white-space:normal !important;
  text-wrap:balance;
}
.proof-strip .metric strong.word-stat{
  font-size:clamp(1.3rem,1.6vw,2rem) !important;
  line-height:.98 !important;
}
.proof-strip .metric strong.word-stat.long{
  font-size:clamp(1.08rem,1.22vw,1.45rem) !important;
  line-height:1.02 !important;
}
.proof-strip .metric span{
  display:block !important;
  margin-top:2px !important;
  font-family:var(--type-body,"Instrument Sans",system-ui,sans-serif) !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  line-height:1.16 !important;
  text-transform:uppercase !important;
  color:#4b556b !important;
  text-align:left !important;
}

/* 3) In-page performance metric boxes */
.metric-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
  margin-top:24px !important;
}
.metric-row .metric{
  min-width:0 !important;
  min-height:118px !important;
  padding:18px 16px !important;
  border-radius:20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:8px !important;
  text-align:left !important;
  overflow:hidden !important;
}
.metric-row .metric strong{
  width:100% !important;
  display:block !important;
  font-family:var(--type-display,"Cormorant Garamond",Georgia,serif) !important;
  font-size:clamp(1.65rem,2.3vw,2.7rem) !important;
  line-height:.94 !important;
  letter-spacing:-.035em !important;
  color:var(--navy) !important;
  white-space:normal !important;
}
.metric-row .metric strong.word-stat{
  font-size:clamp(1.1rem,1.45vw,1.6rem) !important;
  line-height:1 !important;
}
.metric-row .metric strong.word-stat.long{
  font-size:clamp(.98rem,1.15vw,1.28rem) !important;
}
.metric-row .metric span{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  font-size:.68rem !important;
  line-height:1.15 !important;
  letter-spacing:.12em !important;
  color:#4b556b !important;
}

/* 4) Overview layout rhythm */
.case-overview{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
  gap:clamp(24px,3vw,40px) !important;
}
.case-overview > *{min-width:0 !important;}
.overview-media{
  width:100% !important;
  aspect-ratio:16/10 !important;
  border-radius:26px !important;
  overflow:hidden !important;
}
.overview-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* 5) Smaller helper labels on long cards */
.text-link{
  margin-top:4px;
  font-size:clamp(1rem,1.25vw,1.08rem);
}

@media (max-width:1180px){
  .proof-strip{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

@media (max-width:980px){
  .case-preview{grid-template-columns:1fr !important;}
  .case-preview .case-image{min-height:280px !important;}
  .case-preview .case-copy h3{font-size:clamp(2.6rem,7vw,4rem) !important;}
  .proof-strip{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .case-overview{grid-template-columns:1fr !important;}
}

@media (max-width:700px){
  .case-preview{padding:16px !important;gap:18px !important;}
  .case-preview .case-image{min-height:220px !important;border-radius:22px !important;}
  .case-preview .case-copy h3{font-size:clamp(2.35rem,10vw,3.4rem) !important;}
  .case-preview .chips span,
  .case-copy .chips span{white-space:normal !important;padding:10px 14px !important;}
  .proof-strip{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  .proof-strip .metric{min-height:128px !important;padding:18px 14px !important;}
  .proof-strip .metric strong{font-size:clamp(1.55rem,6.9vw,2.2rem) !important;}
  .proof-strip .metric strong.word-stat{font-size:clamp(1.15rem,4.9vw,1.55rem) !important;}
  .proof-strip .metric strong.word-stat.long{font-size:clamp(.96rem,4vw,1.16rem) !important;}
  .proof-strip .metric span{font-size:.64rem !important;letter-spacing:.105em !important;}
  .metric-row .metric{min-height:104px !important;padding:16px 12px !important;}
}

@media (max-width:480px){
  .case-preview .chips,
  .case-copy .chips{gap:8px !important;}
  .case-preview .chips span,
  .case-copy .chips span{min-height:40px !important;font-size:.72rem !important;padding:9px 12px !important;}
  .proof-strip{grid-template-columns:1fr !important;}
  .metric-row{grid-template-columns:1fr 1fr !important;gap:10px !important;}
  .metric-row .metric{min-height:96px !important;padding:14px 10px !important;}
  .metric-row .metric strong{font-size:clamp(1.45rem,7.6vw,2.05rem) !important;}
}


/* === FINAL EDITORIAL POLISH PASS — case study flow, stat strips, and preview cards === */

/* Prevent any hero/card overhang from creating side-scroll or cropped opening views */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Case study hero images should read like portfolio covers, not cropped thumbnails */
.case-study-page .hero {
  padding-bottom: clamp(36px, 5vw, 60px);
}

.case-study-page .hero-grid {
  grid-template-columns: minmax(0, .92fr) minmax(420px, .98fr);
  gap: clamp(34px, 5vw, 70px);
  align-items: center;
}

.case-study-page .case-hero-visual {
  border-radius: 30px;
  background: #f1eadf;
  padding: 0;
}

.case-study-page .case-hero-visual img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #f1eadf;
}

.case-study-page .hero h1 {
  max-width: 820px;
  font-size: clamp(3.1rem, 5.4vw, 6.2rem) !important;
  line-height: .94 !important;
}

.case-study-page .hero p {
  max-width: 680px;
  font-size: clamp(1.02rem, 1.15vw, 1.2rem);
  line-height: 1.62;
}

/* Horizontal editorial stat strip — replaces the oversized broken boxes */
.case-stat-section {
  padding-top: clamp(22px, 3vw, 38px) !important;
  padding-bottom: clamp(48px, 6vw, 76px) !important;
}

.case-stat-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.case-stat-card {
  min-width: 0;
  min-height: 118px;
  padding: clamp(18px, 1.8vw, 24px);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255, 250, 241, .78);
  box-shadow: 0 16px 36px rgba(20,33,61,.045);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  overflow: hidden;
}

.case-stat-card strong {
  font-family: var(--type-display, "Cormorant Garamond", Georgia, serif);
  color: var(--navy);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: .92;
  font-size: clamp(1.72rem, 2.35vw, 3rem);
  max-width: 100%;
  text-wrap: balance;
}

.case-stat-card span {
  font-family: var(--type-body, "Instrument Sans", system-ui, sans-serif);
  color: #4b556b;
  font-size: .68rem;
  line-height: 1.18;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 850;
}

/* Keep existing performance metric rows neat and restrained */
.metric-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.metric-row .metric {
  min-height: 112px !important;
  padding: 18px 16px !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  text-align: left !important;
  gap: 7px !important;
  overflow: hidden !important;
}

.metric-row .metric strong {
  font-size: clamp(1.55rem, 2.1vw, 2.55rem) !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: .96 !important;
}

.metric-row .metric strong.word-stat {
  font-size: clamp(1.12rem, 1.35vw, 1.55rem) !important;
}

.metric-row .metric strong.word-stat.long {
  font-size: clamp(.98rem, 1.12vw, 1.28rem) !important;
}

.metric-row .metric span {
  text-align: left !important;
  font-size: .65rem !important;
  letter-spacing: .12em !important;
  line-height: 1.15 !important;
}

/* Featured work / case preview cards: consistent editorial cards */
.work-list {
  display: grid !important;
  gap: clamp(24px, 2.4vw, 34px) !important;
}

.case-preview {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  gap: clamp(26px, 3.2vw, 46px) !important;
  align-items: center !important;
  padding: clamp(18px, 2vw, 28px) !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

.case-preview .case-image {
  width: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 16 / 10 !important;
  border-radius: 24px !important;
  background: #efe7da;
  overflow: hidden;
  padding: 0 !important;
}

.case-preview .case-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}

.case-preview .case-copy {
  min-width: 0;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}

.case-preview .case-copy h3 {
  font-size: clamp(2.75rem, 4.1vw, 4.85rem) !important;
  line-height: .96 !important;
  letter-spacing: -.036em !important;
  margin: 0 0 12px !important;
  text-wrap: balance;
}

.case-preview .case-copy p {
  max-width: 38ch;
  margin: 0 !important;
  line-height: 1.56;
}

/* Pill chips should look like refined tags, not busted tiny cards */
.case-preview .chips,
.case-copy .chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 18px 0 16px !important;
}

.case-preview .chips span,
.case-copy .chips span {
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-family: var(--type-body, "Instrument Sans", system-ui, sans-serif) !important;
  font-size: .76rem !important;
  font-weight: 850 !important;
  letter-spacing: .015em !important;
  line-height: 1.08 !important;
  white-space: nowrap;
}

/* Asset grids: stable proportions and professional portfolio rhythm */
.asset-grid {
  gap: clamp(22px, 2.4vw, 32px) !important;
}

.asset-card {
  border-radius: 22px !important;
}

.asset-media {
  aspect-ratio: 4 / 5 !important;
  padding: 12px !important;
}

.asset-card p {
  min-height: 58px !important;
  padding: 15px 17px 17px !important;
  font-size: .88rem !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Overview media should never create a blank beige box with a tiny image */
.case-overview {
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
  gap: clamp(26px, 3.2vw, 44px) !important;
}

.overview-media {
  aspect-ratio: 16 / 10 !important;
  border-radius: 26px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.overview-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Tablet */
@media (max-width: 1080px) {
  .case-study-page .hero-grid {
    grid-template-columns: 1fr;
  }

  .case-study-page .case-hero-visual {
    max-width: 820px;
  }

  .case-stat-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .case-preview {
    grid-template-columns: 1fr !important;
  }

  .case-preview .case-image {
    aspect-ratio: 16 / 9 !important;
  }

  .case-overview {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .case-study-page .hero {
    padding-top: 34px;
  }

  .case-study-page .hero h1 {
    font-size: clamp(2.65rem, 12vw, 4rem) !important;
    line-height: .98 !important;
  }

  .case-study-page .case-hero-visual {
    border-radius: 22px;
  }

  .case-study-page .case-hero-visual img {
    aspect-ratio: 16 / 10;
  }

  .case-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .case-stat-card {
    min-height: 104px;
    padding: 16px 14px;
    border-radius: 18px;
  }

  .case-stat-card strong {
    font-size: clamp(1.35rem, 6.8vw, 2.05rem);
  }

  .case-stat-card span {
    font-size: .61rem;
    letter-spacing: .105em;
  }

  .case-preview {
    padding: 14px !important;
    gap: 18px !important;
    border-radius: 24px !important;
  }

  .case-preview .case-image {
    border-radius: 18px !important;
    aspect-ratio: 4 / 3 !important;
  }

  .case-preview .case-copy h3 {
    font-size: clamp(2.28rem, 10.5vw, 3.3rem) !important;
  }

  .case-preview .chips,
  .case-copy .chips {
    gap: 8px !important;
  }

  .case-preview .chips span,
  .case-copy .chips span {
    min-height: 38px !important;
    padding: 9px 12px !important;
    font-size: .71rem !important;
    white-space: normal !important;
  }

  .metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .metric-row .metric {
    min-height: 96px !important;
    padding: 14px 11px !important;
  }
}

/* Small mobile */
@media (max-width: 430px) {
  .case-stat-strip {
    grid-template-columns: 1fr;
  }

  .case-stat-card {
    min-height: 88px;
  }

  .metric-row {
    grid-template-columns: 1fr 1fr !important;
  }

  .metric-row .metric strong {
    font-size: clamp(1.38rem, 8vw, 1.95rem) !important;
  }

  .metric-row .metric span {
    font-size: .58rem !important;
  }
}


/* === CASE STUDY INTERNAL ASSET GRID NORMALIZATION === */
.case-study-page #creative-system .asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;margin-top:34px;}
.case-study-page #creative-system .asset-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(20,33,61,.07);}
.case-study-page #creative-system .asset-card .asset-media{display:flex;align-items:center;justify-content:center;background:#efe7da;aspect-ratio:4/5;padding:12px;text-decoration:none;}
.case-study-page #creative-system .asset-card .asset-media img{width:100%;height:100%;object-fit:contain;display:block;}
.case-study-page #creative-system .asset-card p{margin:0;padding:16px 18px 18px;font-weight:800;color:#48536a;min-height:64px;font-size:clamp(.88rem,1vw,.98rem);line-height:1.25;text-transform:none;letter-spacing:0;}

/* Work page case study cards stay horizontal and editorial */
body:not(.case-study-page) .work-list{display:grid;gap:24px;margin-top:34px;}
body:not(.case-study-page) .case-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,44px);align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:18px;overflow:hidden;}
body:not(.case-study-page) .case-preview .case-image{aspect-ratio:16/10;background:#efe7da;border-radius:22px;overflow:hidden;}
body:not(.case-study-page) .case-preview .case-image img{width:100%;height:100%;object-fit:cover;display:block;}

@media (max-width: 980px){
  .case-study-page #creative-system .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
  body:not(.case-study-page) .case-preview{grid-template-columns:1fr;}
}
@media (max-width: 700px){
  .case-study-page #creative-system .asset-grid{grid-template-columns:1fr;gap:20px;}
  .case-study-page #creative-system .asset-card .asset-media{padding:10px;}
  .case-study-page #creative-system .asset-card p{padding:14px 16px 16px;min-height:auto;font-size:.9rem;}
}


/* === WAVE 9 FIX: internal supporting visuals only; top case covers stay separate === */
.case-study-page #creative-system .asset-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:start !important;
  margin-top:34px !important;
}
.case-study-page #creative-system .asset-card{
  display:flex !important;
  flex-direction:column !important;
  background:var(--paper) !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-shadow:0 18px 44px rgba(20,33,61,.07) !important;
}
.case-study-page #creative-system .asset-card .asset-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#efe7da !important;
  aspect-ratio:4/5 !important;
  padding:12px !important;
  text-decoration:none !important;
}
.case-study-page #creative-system .asset-card .asset-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.case-study-page #creative-system .asset-card p{
  margin:0 !important;
  padding:16px 18px 18px !important;
  font-weight:800 !important;
  color:#48536a !important;
  min-height:64px !important;
  font-size:clamp(.88rem,1vw,.98rem) !important;
  line-height:1.25 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
body:not(.case-study-page) .case-preview .case-image img{
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:980px){.case-study-page #creative-system .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px !important;}}
@media(max-width:700px){.case-study-page #creative-system .asset-grid{grid-template-columns:1fr !important;gap:20px !important;}.case-study-page #creative-system .asset-card p{min-height:auto !important;}}

/* === WAVE 11 — FINAL TYPOGRAPHY / ALIGNMENT CORRECTION === */

/* Global case-study type scale: premium editorial without monster headers */
.case-study-page .hero h1,
.case-study-page .page-hero h1 {
  font-size: clamp(2.95rem, 4.65vw, 5.45rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  max-width: 760px !important;
  text-wrap: balance;
}

.case-study-page .section h2,
.case-study-page .visual-system h2,
.case-study-page .case-detail h2,
.case-study-page .contact-card h2 {
  font-size: clamp(2.45rem, 4.15vw, 4.85rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
  max-width: 980px !important;
  text-wrap: balance;
}

.case-study-page .about-content h2 {
  max-width: 920px !important;
}

.case-study-page .section-copy,
.case-study-page .about-content p,
.case-study-page .case-copy p,
.case-study-page .contact-card p {
  font-size: clamp(1rem, 1.08vw, 1.12rem) !important;
  line-height: 1.62 !important;
}

/* Case-stat strip: centered, consistent, and no awkward oversized word breaks */
.case-stat-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.45vw, 18px) !important;
}

.case-stat-strip.stat-strip-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 980px !important;
  margin-inline: auto !important;
}

.case-stat-card {
  min-height: 104px !important;
  padding: 18px 16px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 7px !important;
}

.case-stat-card strong {
  font-size: clamp(1.65rem, 1.95vw, 2.45rem) !important;
  line-height: .98 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  width: 100% !important;
  white-space: normal !important;
}

.case-stat-card span {
  font-size: .66rem !important;
  line-height: 1.12 !important;
  letter-spacing: .13em !important;
  text-align: center !important;
  width: 100% !important;
}

/* Performance metric boxes inside case-overviews */
.metric-row {
  align-items: stretch !important;
}

.metric-row .metric {
  min-height: 104px !important;
  padding: 16px 14px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
}

.metric-row .metric strong {
  font-size: clamp(1.55rem, 1.8vw, 2.25rem) !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
}

.metric-row .metric span {
  font-size: .62rem !important;
  line-height: 1.14 !important;
  letter-spacing: .12em !important;
  text-align: center !important;
}

/* Overview / challenge cards: fix strange number dominance and align body text */
.steps-grid {
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: stretch !important;
}

.step-card,
.detail-card,
.mini-card,
.service-card {
  padding: clamp(22px, 2.1vw, 30px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.step-num {
  font-size: clamp(1.7rem, 2.1vw, 2.55rem) !important;
  line-height: .9 !important;
  letter-spacing: -.03em !important;
  margin-bottom: 6px !important;
  color: var(--gold) !important;
}

.step-card h3,
.detail-card h3,
.mini-card h3,
.service-card h3 {
  font-size: clamp(1.05rem, 1.22vw, 1.32rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 10px !important;
  color: var(--navy) !important;
  font-family: var(--type-body, "Instrument Sans", system-ui, sans-serif) !important;
  font-weight: 850 !important;
}

.step-card p,
.detail-card p,
.mini-card p,
.service-card p {
  font-size: clamp(.96rem, 1vw, 1.05rem) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 38ch !important;
}

/* Top strategic cards on home page: align headings and body copy */
.mini-grid .mini-card h3,
.service-grid .service-card h3 {
  min-height: 2.4em;
  display: flex;
  align-items: flex-end;
}

/* Work/case preview cards: keep labels and chips compact */
.case-preview .case-copy h3 {
  font-size: clamp(2.4rem, 3.35vw, 4.1rem) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

.case-preview .chips span,
.case-copy .chips span {
  font-size: .72rem !important;
  line-height: 1.08 !important;
  min-height: 38px !important;
  padding: 9px 13px !important;
  white-space: normal !important;
}

/* Internal visual captions */
.case-study-page #creative-system .asset-card p {
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
  font-size: .88rem !important;
  line-height: 1.25 !important;
}

@media (max-width: 1080px) {
  .case-stat-strip,
  .case-stat-strip.stat-strip-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
}

@media (max-width: 700px) {
  .case-study-page .hero h1,
  .case-study-page .page-hero h1 {
    font-size: clamp(2.45rem, 10.5vw, 3.65rem) !important;
    line-height: 1 !important;
  }

  .case-study-page .section h2,
  .case-study-page .visual-system h2,
  .case-study-page .case-detail h2,
  .case-study-page .contact-card h2 {
    font-size: clamp(2.15rem, 9.2vw, 3.35rem) !important;
    line-height: 1.04 !important;
  }

  .case-stat-strip,
  .case-stat-strip.stat-strip-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .case-stat-card {
    min-height: 92px !important;
    padding: 14px 10px !important;
  }

  .case-stat-card strong {
    font-size: clamp(1.35rem, 5.8vw, 1.85rem) !important;
  }

  .case-stat-card span {
    font-size: .58rem !important;
    letter-spacing: .105em !important;
  }

  .steps-grid,
  .detail-grid {
    grid-template-columns: 1fr !important;
  }

  .step-card p,
  .detail-card p,
  .mini-card p,
  .service-card p {
    max-width: none !important;
  }
}

@media (max-width: 430px) {
  .case-stat-strip,
  .case-stat-strip.stat-strip-4 {
    grid-template-columns: 1fr !important;
  }

  .metric-row {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* === WAVE 15 FULL MOBILE + DESKTOP OPTIMIZATION === */
* { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }
.container { width: min(100% - 40px, 1220px); margin-inline: auto; }

/* Site-wide editorial type scale: aligned with refined case-study takeaway style */
h1, h2, h3 { text-wrap: balance; }
.hero h1,
.page-hero h1,
.case-study-page .hero h1 {
  font-size: clamp(2.85rem, 5.25vw, 5.65rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  max-width: 980px;
}
.section h2,
.case-detail h2,
.visual-system h2,
.about-content h2 {
  font-size: clamp(2.1rem, 3.65vw, 4.15rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
  max-width: 1040px;
}
.contact-card h2 {
  font-size: clamp(2rem, 3.2vw, 3.45rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
  max-width: 920px !important;
  margin-inline: auto !important;
}
p, li { overflow-wrap: break-word; }

/* Dark section contrast protection */
.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section .mini-card h3,
.dark-section .service-card h3,
.dark-section .step-card h3,
.dark-section .detail-card h3,
.services-dark h1,
.services-dark h2,
.services-dark h3,
section[class*="dark"] h1,
section[class*="dark"] h2,
section[class*="dark"] h3 {
  color: #fff8ea !important;
}
.dark-section p,
.dark-section li,
.dark-section .mini-card p,
.dark-section .service-card p,
.dark-section .step-card p,
.dark-section .detail-card p,
.services-dark p,
section[class*="dark"] p,
section[class*="dark"] li {
  color: rgba(255,248,234,.86) !important;
}
.dark-section .eyebrow,
.services-dark .eyebrow,
section[class*="dark"] .eyebrow { color: var(--gold) !important; }

/* Case stat / pill boxes: no crowding, no overflow */
.case-stat-strip,
.case-stat-strip.stat-strip-4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.case-stat-strip.stat-strip-4 { max-width: 1040px; margin-inline: auto; }
.case-stat-card {
  min-width: 0 !important;
  min-height: 108px !important;
  padding: 18px 14px !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  overflow: hidden !important;
}
.case-stat-card strong {
  display: block !important;
  max-width: 100% !important;
  font-size: clamp(1.42rem, 2.05vw, 2.35rem) !important;
  line-height: .98 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  text-wrap: balance;
  overflow-wrap: normal;
}
.case-stat-card span {
  display: block !important;
  max-width: 100% !important;
  font-size: .66rem !important;
  line-height: 1.16 !important;
  letter-spacing: .105em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* Chips/pills: consistent professional sizing */
.chips,
.case-copy .chips,
.button-row { flex-wrap: wrap !important; }
.chips span,
.case-copy .chips span,
.case-preview .chips span {
  white-space: normal !important;
  min-height: 38px !important;
  padding: 9px 13px !important;
  font-size: .72rem !important;
  line-height: 1.08 !important;
  text-align: center !important;
  max-width: 100% !important;
}

/* Case preview cards desktop + mobile */
.case-preview {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr) !important;
  align-items: center !important;
  overflow: hidden !important;
}
.case-preview .case-copy { min-width: 0 !important; }
.case-preview .case-copy h3 {
  font-size: clamp(2.25rem, 3.3vw, 3.95rem) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}
.case-preview .case-copy p { max-width: 38ch; line-height: 1.55 !important; }
.case-preview .case-image { aspect-ratio: 16 / 10 !important; }
.case-preview .case-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* Internal case study asset grids */
.case-study-page #creative-system .asset-grid,
.case-study-page #creative-system .asset-grid.hospitality-brand-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.2vw, 30px) !important;
  align-items: start !important;
}
.case-study-page #creative-system .asset-card {
  min-width: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.case-study-page #creative-system .asset-card .asset-media {
  aspect-ratio: 4 / 5 !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.case-study-page #creative-system .asset-card .asset-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.case-study-page #creative-system .asset-card p {
  min-height: 60px !important;
  padding: 15px 17px !important;
  display: flex !important;
  align-items: center !important;
  font-size: .88rem !important;
  line-height: 1.25 !important;
  overflow-wrap: break-word !important;
}

/* Metric and overview cards */
.metric-row { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; }
.metric-row .metric { min-width: 0 !important; overflow: hidden !important; }
.metric-row .metric strong { overflow-wrap: normal !important; text-wrap: balance; }
.step-card,
.detail-card,
.mini-card,
.service-card { min-width: 0 !important; overflow: hidden !important; }
.step-card h3,
.detail-card h3,
.mini-card h3,
.service-card h3 { overflow-wrap: break-word !important; }

@media (min-width: 1280px) {
  .container { width: min(100% - 64px, 1280px); }
}
@media (max-width: 1024px) {
  .hero-grid,
  .case-overview,
  .case-preview { grid-template-columns: 1fr !important; }
  .case-study-page #creative-system .asset-grid,
  .case-study-page #creative-system .asset-grid.hospitality-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px) {
  .container { width: min(100% - 28px, 1220px); }
  .section { padding-block: 52px !important; }
  .hero { padding-block: 44px !important; }
  .hero h1,
  .page-hero h1,
  .case-study-page .hero h1 { font-size: clamp(2.35rem, 10vw, 3.45rem) !important; }
  .section h2,
  .case-detail h2,
  .visual-system h2,
  .about-content h2 { font-size: clamp(2rem, 8.4vw, 3rem) !important; }
  .contact-card h2 { font-size: clamp(1.85rem, 7.4vw, 2.7rem) !important; }
  .case-stat-strip,
  .case-stat-strip.stat-strip-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .case-stat-card { min-height: 92px !important; padding: 14px 10px !important; }
  .case-stat-card strong { font-size: clamp(1.25rem, 5.5vw, 1.75rem) !important; }
  .case-stat-card span { font-size: .56rem !important; letter-spacing: .095em !important; }
  .case-study-page #creative-system .asset-grid,
  .case-study-page #creative-system .asset-grid.hospitality-brand-grid { grid-template-columns: 1fr !important; }
  .case-preview .case-copy h3 { font-size: clamp(2rem, 8.6vw, 2.85rem) !important; }
  .button-row .btn, .button-row a.btn { width: 100%; justify-content: center; }
}
@media (max-width: 430px) {
  .case-stat-strip,
  .case-stat-strip.stat-strip-4,
  .metric-row { grid-template-columns: 1fr !important; }
  .case-stat-card { min-height: auto !important; }
}

/* === WAVE 16 FINAL PROFESSIONAL QA PATCH ===
   Goals: true desktop/mobile polish, dark-section contrast, aligned chips/stat boxes,
   no text crowding, and sleeker editorial type scale. */

/* Never allow the site to create side-scroll from large editorial type or cards. */
html, body { max-width: 100% !important; overflow-x: hidden !important; }
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; display: block; }

/* Refined site-wide headline scale: polished editorial, not billboard. */
.hero h1,
.page-hero h1,
.case-study-page .hero h1 {
  font-size: clamp(2.65rem, 4.65vw, 5.05rem) !important;
  line-height: 1 !important;
  letter-spacing: -.042em !important;
  max-width: 980px !important;
}
.section h2,
.case-detail h2,
.visual-system h2,
.about-content h2 {
  font-size: clamp(2rem, 3.15vw, 3.75rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.038em !important;
  max-width: 980px !important;
}
.contact-card h2 {
  font-size: clamp(1.95rem, 2.85vw, 3.15rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Critical dark-band contrast fix. Earlier global h3 rules forced navy on navy. */
.dark-band,
.dark-band .service-card,
.dark-band .mini-card,
.dark-band .step-card,
.dark-band .detail-card { color: #fff8ea !important; }
.dark-band h1,
.dark-band h2,
.dark-band h3,
.dark-band h4,
.dark-band .service-card h3,
.dark-band .mini-card h3,
.dark-band .step-card h3,
.dark-band .detail-card h3 {
  color: #fff8ea !important;
}
.dark-band p,
.dark-band li,
.dark-band .service-card p,
.dark-band .mini-card p,
.dark-band .step-card p,
.dark-band .detail-card p {
  color: rgba(255,248,234,.86) !important;
}
.dark-band .eyebrow { color: var(--gold) !important; }
.dark-band h2 {
  font-size: clamp(2.15rem, 3.6vw, 4.05rem) !important;
  line-height: 1.03 !important;
  max-width: 1080px !important;
}
.dark-band .service-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 30px) !important;
}
.dark-band .service-card {
  min-height: 210px !important;
  padding: clamp(24px, 2.25vw, 32px) !important;
  justify-content: flex-start !important;
}
.dark-band .service-card h3 {
  min-height: auto !important;
  display: block !important;
  margin-bottom: 16px !important;
  font-size: clamp(1.02rem, 1.15vw, 1.28rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -.015em !important;
}
.dark-band .service-card p {
  font-size: clamp(.96rem, 1.02vw, 1.08rem) !important;
  line-height: 1.58 !important;
  max-width: 38ch !important;
}

/* Work/index case preview pills: exact grid alignment like a professional card system. */
.case-preview .chips,
.case-copy .chips {
  width: 100% !important;
  gap: 10px !important;
  align-items: stretch !important;
}
.case-preview .case-copy .chips.chips-4,
.case-copy .chips.chips-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 720px !important;
}
.case-preview .case-copy .chips.chips-3,
.case-copy .chips.chips-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 620px !important;
}
.case-preview .chips span,
.case-copy .chips span,
.proof-chips span {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: clamp(.66rem, .72vw, .76rem) !important;
  line-height: 1.12 !important;
  letter-spacing: .005em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Case page stat boxes: centered, neat, with no text spill. */
.case-stat-strip,
.case-stat-strip.stat-strip-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.5vw, 18px) !important;
  align-items: stretch !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.case-stat-card {
  min-height: 108px !important;
  padding: 18px 14px !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  overflow: hidden !important;
}
.case-stat-card strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(1.15rem, 1.65vw, 1.78rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.018em !important;
  text-align: center !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.case-stat-card span {
  display: block !important;
  width: 100% !important;
  font-size: .62rem !important;
  line-height: 1.16 !important;
  letter-spacing: .105em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* Keep hospitality supporting visuals grouped by brand and captioned cleanly. */
.case-study-page #creative-system .asset-grid.hospitality-brand-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.2vw, 32px) !important;
}
.case-study-page #creative-system .asset-card p {
  min-height: 58px !important;
  padding: 15px 17px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-size: clamp(.82rem, .9vw, .9rem) !important;
  line-height: 1.24 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  overflow-wrap: break-word !important;
}

/* Case preview card text proportions. */
.case-preview .case-copy h3 {
  font-size: clamp(2.15rem, 3.05vw, 3.6rem) !important;
  line-height: 1.01 !important;
  letter-spacing: -.04em !important;
}
.case-preview .case-copy p {
  max-width: 40ch !important;
  font-size: clamp(.98rem, 1vw, 1.07rem) !important;
  line-height: 1.55 !important;
}

/* Tablet optimization */
@media (max-width: 1024px) {
  .dark-band .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .case-stat-strip,
  .case-stat-strip.stat-strip-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .case-preview .case-copy .chips.chips-4,
  .case-copy .chips.chips-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 560px !important; }
  .case-preview .case-copy .chips.chips-3,
  .case-copy .chips.chips-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .case-study-page #creative-system .asset-grid.hospitality-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Mobile optimization */
@media (max-width: 720px) {
  .container { width: min(100% - 28px, 1220px) !important; }
  .hero h1,
  .page-hero h1,
  .case-study-page .hero h1 { font-size: clamp(2.25rem, 9.2vw, 3.25rem) !important; line-height: 1.02 !important; }
  .section h2,
  .case-detail h2,
  .visual-system h2,
  .about-content h2 { font-size: clamp(1.95rem, 7.6vw, 2.85rem) !important; line-height: 1.05 !important; }
  .dark-band h2 { font-size: clamp(2rem, 8vw, 3rem) !important; }
  .dark-band .service-grid { grid-template-columns: 1fr !important; }
  .dark-band .service-card { min-height: auto !important; }
  .case-preview .case-copy .chips.chips-4,
  .case-copy .chips.chips-4,
  .case-preview .case-copy .chips.chips-3,
  .case-copy .chips.chips-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 100% !important; }
  .case-preview .chips span,
  .case-copy .chips span,
  .proof-chips span { min-height: 40px !important; font-size: .68rem !important; padding: 9px 10px !important; }
  .case-stat-card { min-height: 94px !important; padding: 14px 10px !important; }
  .case-stat-card strong { font-size: clamp(1.08rem, 4.8vw, 1.52rem) !important; }
  .case-stat-card span { font-size: .56rem !important; letter-spacing: .095em !important; }
  .case-study-page #creative-system .asset-grid.hospitality-brand-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 430px) {
  .case-stat-strip,
  .case-stat-strip.stat-strip-4,
  .case-preview .case-copy .chips.chips-4,
  .case-copy .chips.chips-4,
  .case-preview .case-copy .chips.chips-3,
  .case-copy .chips.chips-3 { grid-template-columns: 1fr !important; }
  .case-stat-card { min-height: auto !important; }
}


/* === WAVE 17: Gator case study card + metric/chip alignment QA === */
/* Keep updated Gator case study art visible without awkward cropping. */
.case-image img[src$="gator-feature.webp"],
.overview-media.gator-feature-card img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #f4ecdf !important;
}
.case-image:has(img[src$="gator-feature.webp"]),
.overview-media.gator-feature-card {
  background: #f4ecdf !important;
}
.overview-media.gator-feature-card {
  aspect-ratio: 4 / 3 !important;
  padding: 0 !important;
}

/* Gator case study performance boxes: one clean row on desktop, two neat rows on smaller screens. */
.gator-metric-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  align-items: stretch !important;
  margin-top: 24px !important;
}
.gator-metric-row .metric {
  min-width: 0 !important;
  min-height: 104px !important;
  padding: 16px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 6px !important;
  overflow: hidden !important;
}
.gator-metric-row .metric strong {
  width: 100% !important;
  text-align: center !important;
  font-size: clamp(1.55rem, 2.1vw, 2.45rem) !important;
  line-height: .95 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
}
.gator-metric-row .metric span {
  width: 100% !important;
  text-align: center !important;
  font-size: .62rem !important;
  line-height: 1.12 !important;
  letter-spacing: .12em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Featured Work chips: centered, tidy, and safe from crowding. */
.case-copy .chips,
.proof-chips {
  align-items: center !important;
}
.case-copy .chips span,
.proof-chips span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
}
.gator-chip-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, max-content)) !important;
  gap: 10px !important;
  justify-content: start !important;
  align-items: center !important;
}
.gator-chip-row span {
  min-width: 0 !important;
  padding-inline: 14px !important;
}

/* Main proof strip long growth claim should stay centered and readable. */
.proof-strip .metric {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.proof-strip .metric strong,
.proof-strip .metric span {
  text-align: center !important;
}
.proof-strip .metric strong {
  white-space: normal !important;
  overflow-wrap: normal !important;
  max-width: 100% !important;
}

@media (max-width: 1180px) {
  .gator-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .gator-chip-row {
    grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  }
}
@media (max-width: 700px) {
  .gator-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .gator-metric-row .metric {
    min-height: 92px !important;
    padding: 14px 10px !important;
  }
  .gator-metric-row .metric strong {
    font-size: clamp(1.4rem, 7vw, 2rem) !important;
  }
  .gator-metric-row .metric span {
    font-size: .58rem !important;
    letter-spacing: .105em !important;
  }
  .case-copy .chips span,
  .proof-chips span {
    white-space: normal !important;
  }
  .gator-chip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
  .gator-chip-row span {
    width: 100% !important;
  }
}
@media (max-width: 430px) {
  .gator-metric-row {
    grid-template-columns: 1fr 1fr !important;
  }
  .gator-chip-row {
    grid-template-columns: 1fr !important;
  }
}


/* === WAVE 18: Force full Gator case study card visibility in featured previews === */
/* The supplied Gator case study artwork is 4:3. The featured card image frame now matches that ratio so the metric row and full art never crop on desktop or mobile. */
.case-preview.gator-preview .case-image.gator-full-card,
.case-preview.gator-preview > .case-image,
.case-image.gator-full-card,
a.case-image.gator-full-card {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f4ecdf !important;
}
.case-preview.gator-preview .case-image.gator-full-card img,
.case-preview.gator-preview > .case-image img[src$="gator-feature.webp"],
a.case-image.gator-full-card img,
.case-image.gator-full-card img,
.case-image img[src$="gator-feature.webp"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #f4ecdf !important;
}
.case-preview.gator-preview {
  align-items: center !important;
}
@media (max-width: 980px) {
  .case-preview.gator-preview .case-image.gator-full-card,
  .case-preview.gator-preview > .case-image,
  a.case-image.gator-full-card {
    aspect-ratio: 4 / 3 !important;
  }
}
@media (max-width: 700px) {
  .case-preview.gator-preview .case-image.gator-full-card,
  .case-preview.gator-preview > .case-image,
  a.case-image.gator-full-card {
    aspect-ratio: 4 / 3 !important;
    border-radius: 18px !important;
  }
}


/* === WAVE 19: Gator 28-Day Performance Snapshot === */
.gator-recent-performance {
  padding-top: clamp(18px, 3vw, 42px);
}

.recent-proof-card {
  grid-template-columns: minmax(320px, .92fr) minmax(0, 1.08fr) !important;
}

.recent-proof-media {
  aspect-ratio: 4 / 5 !important;
  background: #111827;
  padding: 0 !important;
}

.recent-proof-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  display: block;
}

.recent-proof-copy h2 {
  font-size: clamp(2.15rem, 3.65vw, 4.35rem) !important;
  line-height: .98 !important;
  max-width: 780px;
  margin: 10px 0 16px;
}

.recent-proof-copy p {
  max-width: 760px;
  line-height: 1.58;
}

.gator-snapshot-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

.gator-snapshot-row .metric {
  min-height: 104px !important;
  padding: 16px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.gator-snapshot-row .metric strong {
  font-size: clamp(1.55rem, 2.4vw, 2.4rem) !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.gator-snapshot-row .metric span {
  font-size: .64rem !important;
  letter-spacing: .11em !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

.gator-snapshot-row .featured-snapshot-metric {
  grid-column: span 2;
}

@media (max-width: 1080px) {
  .recent-proof-card {
    grid-template-columns: 1fr !important;
  }

  .recent-proof-media {
    max-width: 620px;
    margin: 0 auto;
  }

  .gator-snapshot-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gator-snapshot-row .featured-snapshot-metric {
    grid-column: span 2;
  }
}

@media (max-width: 560px) {
  .recent-proof-copy h2 {
    font-size: clamp(2rem, 10vw, 2.85rem) !important;
  }

  .gator-snapshot-row {
    grid-template-columns: 1fr !important;
  }

  .gator-snapshot-row .featured-snapshot-metric {
    grid-column: span 1;
  }

  .gator-snapshot-row .metric {
    min-height: 86px !important;
  }
}


/* === WAVE 20: Gator case card + 28-day metric section polish === */
.case-preview.gator-preview .case-image,
.case-overview .overview-media.gator-feature-card {
  background: #0b1220 !important;
}

.case-preview.gator-preview .case-image img,
.case-overview .overview-media.gator-feature-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}

.case-preview.gator-preview .case-image {
  aspect-ratio: 4 / 3 !important;
  padding: clamp(10px, 1.5vw, 18px) !important;
  overflow: hidden !important;
}

.case-overview .overview-media.gator-feature-card {
  aspect-ratio: 4 / 3 !important;
  padding: clamp(10px, 1.5vw, 18px) !important;
  min-height: auto !important;
}

.gator-chip-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.gator-chip-row span {
  min-height: 54px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-size: clamp(.78rem, .92vw, .95rem) !important;
}

.gator-metric-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.gator-metric-row .metric {
  min-height: 124px !important;
  padding: 18px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.gator-metric-row .metric strong {
  font-size: clamp(1.9rem, 3vw, 3.1rem) !important;
  line-height: .98 !important;
  white-space: nowrap !important;
}

.gator-metric-row .metric span {
  font-size: clamp(.66rem, .85vw, .82rem) !important;
  letter-spacing: .12em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  max-width: 12ch;
}

@media (max-width: 1180px) {
  .gator-chip-row,
  .gator-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .case-preview.gator-preview .case-image,
  .case-overview .overview-media.gator-feature-card {
    max-width: 760px;
    margin-inline: auto;
  }
}

@media (max-width: 640px) {
  .gator-chip-row,
  .gator-metric-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .gator-chip-row span {
    min-height: 46px !important;
    font-size: .82rem !important;
  }

  .gator-metric-row .metric {
    min-height: 92px !important;
  }

  .case-preview.gator-preview .case-copy p,
  .case-overview p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }
}


/* === WAVE 21: Restore standard Gator card while keeping 28-day proof separate === */
.gator-preview .case-image,
.overview-media.gator-feature-card {
  aspect-ratio: 4 / 3 !important;
}

.gator-preview .case-image img,
.overview-media.gator-feature-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block;
}

.gator-preview .chips-4,
.gator-chip-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.gator-preview .chips-4 span,
.gator-chip-row span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  min-height: 46px !important;
  line-height: 1.15 !important;
  padding: 10px 12px !important;
}

.gator-metric-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.gator-metric-row .metric {
  min-height: 118px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.gator-metric-row .metric strong,
.gator-metric-row .metric span {
  text-align: center !important;
}

@media (max-width: 980px) {
  .gator-preview .chips-4,
  .gator-chip-row,
  .gator-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .gator-preview .chips-4,
  .gator-chip-row,
  .gator-metric-row {
    grid-template-columns: 1fr !important;
  }

  .gator-preview .chips-4 span,
  .gator-chip-row span {
    min-height: 42px !important;
  }

  .gator-metric-row .metric {
    min-height: 92px !important;
  }
}


/* === WAVE 22: Gator content-only metric update === */
.gator-preview .case-image,
.overview-media.gator-feature-card {
  aspect-ratio: 4 / 3 !important;
  background: #f8f2e8;
}

.gator-preview .case-image img,
.overview-media.gator-feature-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block;
}

.gator-chip-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.gator-chip-row span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  text-align: center !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

.gator-metric-row,
.gator-growth-row {
  display: grid !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.gator-metric-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.gator-growth-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 14px !important;
}

.gator-metric-row .metric,
.gator-growth-row .metric {
  min-height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 16px 14px !important;
}

.gator-metric-row .metric strong,
.gator-growth-row .metric strong {
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.gator-metric-row .metric span,
.gator-growth-row .metric span {
  text-align: center !important;
  line-height: 1.15 !important;
}

@media (max-width: 980px) {
  .gator-chip-row,
  .gator-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gator-growth-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .gator-growth-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .gator-chip-row,
  .gator-metric-row {
    grid-template-columns: 1fr !important;
  }

  .gator-chip-row span {
    min-height: 42px !important;
  }

  .gator-metric-row .metric,
  .gator-growth-row .metric {
    min-height: 88px !important;
  }
}