:root{--warm:#faf8f5;--ink:#2e3131;--muted:#6a625a;--stone:#d9d2c8;--bronze:#8b725b;--card:#f3efea;--deep:#333735}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--warm);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased} img{width:100%;height:100%;display:block;object-fit:cover} h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:400;margin:0} .wrap{max-width:1180px;margin:auto;padding:0 6vw} section{padding:96px 0} .eyebrow{font-size:11px;line-height:1.45;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin-bottom:20px} .head h2{font-size:clamp(34px,4.5vw,58px);line-height:1.11;letter-spacing:-.01em} .head p{max-width:680px;font-size:16px;line-height:1.78;color:var(--muted);margin:22px 0 0} .rule{height:1px;background:var(--stone)}
.hero{min-height:100vh;display:grid;grid-template-columns:1.06fr .94fr} .hero-photo{position:relative;min-height:620px} .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,13,.32),rgba(15,15,13,0) 55%)} .hero-logo{position:absolute;left:34px;top:30px;z-index:2;display:flex;gap:12px;align-items:center;color:white;letter-spacing:.2em;text-transform:uppercase;font-size:11px} .hero-logo img{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);padding:3px;object-fit:contain} .hero-body{display:flex;flex-direction:column;justify-content:center;padding:8vw 7vw} .hero-body h1{font-size:clamp(45px,6vw,78px);line-height:1.08;letter-spacing:-.015em;margin-bottom:30px} .hero-body .lead{font-size:18px;line-height:1.78;max-width:600px;color:#3b3e3e} .hero-body .tag{margin-top:36px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:23px;line-height:1.4;color:var(--bronze)} .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;padding-top:30px;border-top:1px solid var(--stone)} .hero-stats .n{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:500;line-height:1} .hero-stats .l{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze);margin-top:8px;line-height:1.45}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px} .metric{background:var(--card);border-radius:14px;padding:28px 22px;min-height:152px} .metric .n{font-family:'Cormorant Garamond',serif;font-size:43px;font-weight:500;line-height:1.08} .metric .l{font-size:11px;line-height:1.45;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze);margin-top:10px} .metric .s{font-size:13px;color:var(--muted);line-height:1.55;margin-top:7px}
.audience{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center} .aud-photo{min-height:520px;border-radius:16px;overflow:hidden} .aud-list{margin-top:36px;border-top:1px solid var(--stone)} .aud-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--stone);padding:18px 0} .aud-row strong{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:500} .aud-row span{font-size:14px;color:var(--muted);text-align:right;align-self:center} .traits{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} .traits span{border:1px solid var(--stone);padding:9px 14px;border-radius:999px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.proof{background:var(--deep);color:white} .proof .eyebrow{color:var(--stone)} .proof .head p{color:#d3cec8} .proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:45px} .proof-card{background:rgba(255,255,255,.07);padding:30px;border-radius:14px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between} .proof-card .big{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:500;line-height:1.05} .proof-card h3{font-size:24px;line-height:1.28;margin-top:20px} .proof-card p{font-size:14px;line-height:1.72;color:#d3cec8;margin:14px 0 0}
.case{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center} .case-photo{border-radius:16px;overflow:hidden;min-height:520px} .case-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px} .kpi{padding:18px;border:1px solid var(--stone);border-radius:12px} .kpi .n{font-family:'Cormorant Garamond',serif;font-size:31px;font-weight:500;line-height:1.08} .kpi .l{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.11em;color:var(--bronze);margin-top:8px} .case-note{margin-top:22px;font-size:15px;line-height:1.65;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px} .work{padding:28px 22px;background:var(--card);border-radius:14px} .work h3{font-size:24px;line-height:1.28;margin-bottom:14px} .work p{font-size:14px;line-height:1.65;color:var(--muted);margin:0} .portfolio-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:42px;height:360px} .portfolio-strip div{overflow:hidden;border-radius:14px}
.opps{background:#f0ebe4} .opp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px} .opp{border-top:1px solid #bfb5aa;padding:20px 0} .opp h3{font-size:24px;line-height:1.25;margin-bottom:10px} .opp p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.final{position:relative;min-height:72vh;display:flex;align-items:center;color:white;overflow:hidden} .final>img{position:absolute;inset:0} .final:after{content:'';position:absolute;inset:0;background:rgba(20,20,18,.58)} .final-content{position:relative;z-index:2;width:100%;padding:70px 6vw;max-width:1180px;margin:auto} .final h2{font-size:clamp(42px,6vw,76px);line-height:1.1;letter-spacing:-.01em;max-width:800px} .final p{font-size:17px;line-height:1.72;max-width:650px;color:#eee9e3;margin-top:22px} .contact{margin-top:38px;padding-top:28px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap} .contact a{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)} .contact .right{text-align:right;line-height:1.8;font-size:14px}
footer{padding:28px;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media(max-width:880px){section{padding:72px 0} .hero{grid-template-columns:1fr} .hero-photo{min-height:0;aspect-ratio:4/3} .hero-body{padding:58px 8vw 70px} .metric-grid{grid-template-columns:1fr 1fr} .audience,.case{grid-template-columns:1fr} .aud-photo,.case-photo{min-height:380px} .proof-grid,.work-grid{grid-template-columns:1fr 1fr} .portfolio-strip{height:auto;grid-template-columns:1fr 1fr} .portfolio-strip div:first-child{grid-column:1/-1;aspect-ratio:16/9} .portfolio-strip div:not(:first-child){aspect-ratio:4/3} }
@media(max-width:520px){section{padding:64px 0}.wrap{padding-left:8vw;padding-right:8vw}.hero-body{padding:54px 8vw 66px}.hero-body h1{font-size:clamp(40px,12vw,54px);line-height:1.1}.head h2{font-size:clamp(34px,10vw,44px);line-height:1.12}.eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:18px}.hero-stats,.metric-grid,.case-kpis{grid-template-columns:1fr 1fr}.proof-grid,.work-grid,.opp-grid{grid-template-columns:1fr} .hero-stats .n{font-size:31px} .metric .n{font-size:36px} .proof-card{min-height:0;padding:26px} .case-kpis{grid-template-columns:1fr 1fr} .contact .right{text-align:left} }

@media(max-width:520px){
  .metric{padding:24px 18px;min-height:0}
  .metric .s{font-size:13.5px;line-height:1.6}
  .proof-card .big{font-size:44px}
  .proof-card h3,.work h3,.opp h3{font-size:25px}
  .work{padding:26px 22px}
  .work p,.opp p{font-size:14.5px;line-height:1.7}
  .aud-row{padding:20px 0;align-items:center}
  .aud-row strong{font-size:27px;line-height:1.1}
  .aud-row span{line-height:1.5}
  .traits{gap:9px}
  .traits span{font-size:10.5px;line-height:1.35}
  .portfolio-strip{grid-template-columns:1fr}
  .portfolio-strip div:first-child{grid-column:auto}
  .portfolio-strip div,.portfolio-strip div:first-child,.portfolio-strip div:not(:first-child){aspect-ratio:4/3}
  .final-content{padding:68px 8vw}
  .final h2{font-size:clamp(40px,11vw,52px);line-height:1.1}
}


/* ===== 8/13/26 DESKTOP SPACING + YTD PERFORMANCE PASS ===== */
h1,h2,h3{ text-wrap:balance; }
.metric-foot,.source-note,.hero-source{font-size:11.5px;line-height:1.65;color:var(--muted);}
.hero-source{margin-top:16px;letter-spacing:.04em;}
.metric-foot{margin-top:22px;max-width:860px;}
.source-note{margin-top:10px;font-size:11px;}

@media (min-width:881px){
  section{padding-top:110px;padding-bottom:110px;}
  section.wrap{padding-top:110px;padding-bottom:110px;}
  .eyebrow{margin-bottom:24px;line-height:1.55;}
  .head h2{font-size:clamp(34px,4.1vw,54px);line-height:1.14;letter-spacing:-.008em;}
  .head p{margin-top:26px;line-height:1.82;}
  .metric-grid{margin-top:52px;}
  .proof-grid{margin-top:52px;}
  .work-grid{margin-top:50px;}
  .portfolio-strip{margin-top:48px;}
  .opp-grid{margin-top:46px;}
  .case{grid-template-columns:.94fr 1.06fr;gap:68px;align-items:center;}
  .case .head h2{font-size:clamp(36px,3.6vw,50px);line-height:1.14;}
  .case-photo{min-height:0;aspect-ratio:640/982;max-height:690px;}
  .case-photo img{object-position:center top;}
  .case-kpis{margin-top:34px;gap:14px;}
  .kpi{padding:20px;}
  .case-note{margin-top:24px;line-height:1.72;}
  .work h3,.opp h3{line-height:1.32;}
  .final h2{line-height:1.13;}
}

@media (max-width:880px){
  section.wrap{padding-top:72px;padding-bottom:72px;}
  .metric-foot{margin-top:20px;}
  .case-photo{aspect-ratio:640/982;min-height:0;max-height:650px;}
  .case-photo img{object-position:center top;}
}
@media (max-width:520px){
  section.wrap{padding-top:64px;padding-bottom:64px;}
  .hero-source{font-size:11px;line-height:1.55;}
  .metric-foot,.source-note{font-size:11.5px;line-height:1.65;}
}