:root{
  --ink:#17110d;--soft:#62544c;--brown-950:#21110b;--brown-900:#2b160f;
  --brown-800:#3a241c;--brown-700:#56301f;--brown-600:#744129;
  --cognac:#b65e3c;--caramel:#d89a6a;--sand:#d8c2a8;--sand2:#eadbca;
  --ivory:#f7f3ea;--cream:#fffaf2;--line:rgba(58,36,28,.11);
  --sans:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;--shell:1360px;--gutter:clamp(20px,4vw,72px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.shell{width:min(100%,var(--shell));margin:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(84px,8vw,136px)}.eyebrow,.kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.eyebrow{color:#e7c4aa}.kicker{color:#8b7061}
em{font-family:var(--serif);font-weight:400}
.logo{width:112px;max-height:44px;overflow:hidden}.logo img{width:112px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}
.case-hero{position:relative;overflow:hidden;color:var(--cream);background:linear-gradient(145deg,#1f0e09,#351c13 48%,#70402a)}
.case-hero:before{content:"";position:absolute;width:820px;height:820px;right:-330px;top:-430px;border-radius:50%;background:radial-gradient(circle,rgba(216,154,106,.45),rgba(154,87,56,.22) 42%,transparent 69%)}
.hero-inner{position:relative;padding-block:clamp(68px,7vw,108px) clamp(52px,6vw,86px)}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px;color:rgba(255,250,242,.55);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:clamp(38px,6vw,88px);align-items:end}
.hero-copy h1{margin:0;font-size:clamp(58px,7vw,106px);line-height:.89;letter-spacing:-.065em}.hero-copy h1 em{color:#edcab0}.hero-copy p{max-width:820px;margin:26px 0 0;color:rgba(255,250,242,.76);font-size:clamp(17px,1.35vw,21px)}
.client-card{padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.client-card h3{margin:0 0 18px;font-size:30px;letter-spacing:-.05em}.client-card dl{display:grid;gap:12px;margin:0}.client-card dl div{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.client-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,250,242,.48)}.client-card dd{margin:4px 0 0;font-size:13px;font-weight:650}
.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.hero-metric{padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.045)}.hero-metric strong{display:block;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.06em}.hero-metric span{display:block;margin-top:8px;color:rgba(255,250,242,.62);font-size:11px}
.visual-placeholder{display:grid;place-items:center;min-height:430px;padding:34px;border-radius:28px;border:1px dashed rgba(58,36,28,.22);background:linear-gradient(145deg,#f0e4d7,#dfc5ad);color:#775f51;text-align:center}.visual-placeholder.dark{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,#2a160f,#5a3422);color:#f2dfd0}.visual-placeholder strong{display:block;font-size:22px;letter-spacing:-.03em}.visual-placeholder span{display:block;margin-top:8px;max-width:560px;font-size:13px;opacity:.75}
.statement{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(40px,7vw,100px)}.statement h2,.section-head h2,.impact-copy h2,.final-cta h2{margin:0;font-size:clamp(46px,5vw,78px);line-height:.97;letter-spacing:-.055em}.statement p,.section-head>p,.impact-copy p{color:var(--soft);font-size:18px;line-height:1.7}
.problem{color:var(--cream);background:linear-gradient(150deg,#21110b,#3a241c 60%,#704029)}.problem-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px}.problem-num{font-family:var(--serif);font-size:clamp(110px,15vw,200px);line-height:.8;color:#d49a72;opacity:.58}.problem h2{margin:0;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.055em}.problem p{max-width:800px;color:rgba(255,250,242,.7);font-size:18px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:42px}.section-head>p{max-width:500px;margin:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,250,242,.85)}.card h3{margin:0 0 10px;font-size:28px;letter-spacing:-.045em;line-height:1.05}.card p{margin:0;color:var(--soft);font-size:15px;line-height:1.65}.card small{display:block;margin-bottom:14px;color:#9d725c;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}
.strategy-band{background:linear-gradient(180deg,#efe2d5,#f7f3ea)}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillar{padding:26px;border-radius:24px;background:rgba(255,250,242,.88);border:1px solid var(--line)}.pillar span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brown-700),var(--cognac));color:#fff;font-size:11px;font-weight:800}.pillar h3{margin:16px 0 10px;font-size:25px;letter-spacing:-.045em}.pillar p{margin:0;color:var(--soft);font-size:14px}
.timeline{display:grid;gap:14px}.step{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fffaf2}.step b{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9d725c}.step h3{margin:0 0 7px;font-size:24px}.step p{margin:0;color:var(--soft)}
.content-system{color:var(--cream);background:linear-gradient(145deg,#21110b,#3d251b 55%,#78462f)}.content-system .section-head>p{color:rgba(255,250,242,.68)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.content-card{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.05)}.content-card h3{margin:0 0 9px;font-size:25px}.content-card p{margin:0;color:rgba(255,250,242,.68);font-size:14px}.content-card small{display:block;margin-bottom:12px;color:#ddb18f;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.team-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role{padding:18px;border-radius:18px;background:#f0e2d3;border:1px solid var(--line)}.role strong{display:block}.role span{display:block;margin-top:5px;color:var(--soft);font-size:12px}
.result-band{position:relative;overflow:hidden;background:linear-gradient(145deg,#f6ecdf,#e4c6aa 55%,#d6a67f)}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.result-card{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:26px;background:rgba(255,250,242,.78)}.result-card strong{display:block;font-size:clamp(38px,5vw,62px);letter-spacing:-.07em;line-height:1}.result-card span{display:block;margin-top:12px;color:var(--soft);font-size:13px}.result-card.dark{color:var(--cream);background:linear-gradient(145deg,var(--brown-950),var(--brown-700))}.result-card.dark span{color:rgba(255,250,242,.7)}
.impact{color:var(--cream);background:linear-gradient(150deg,#21110b,#3a241c 50%,#8c4f33)}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.impact-copy p{color:rgba(255,250,242,.7)}.quote{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.055)}.quote strong{display:block;font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.05em}.quote p{margin:14px 0 0;color:rgba(255,250,242,.65)}
.photo-map{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.photo-map .visual-placeholder:nth-child(1){grid-column:span 7}.photo-map .visual-placeholder:nth-child(2){grid-column:span 5}.photo-map .visual-placeholder:nth-child(3){grid-column:span 4}.photo-map .visual-placeholder:nth-child(4){grid-column:span 8}.photo-map .visual-placeholder:nth-child(5){grid-column:span 6}.photo-map .visual-placeholder:nth-child(6){grid-column:span 6}
.final-cta{position:relative;overflow:hidden;color:var(--cream);background:linear-gradient(145deg,#2b160f,#56301f 46%,#9a5738)}.cta-inner{text-align:center;padding-block:clamp(92px,10vw,148px)}.final-cta h2{max-width:1000px;margin:auto}.final-cta p{max-width:650px;margin:22px auto 0;color:rgba(255,250,242,.72);font-size:18px}.cta-actions{margin-top:28px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 19px;border-radius:999px;font-size:14px;font-weight:800}.button.light{color:var(--brown-950);background:linear-gradient(135deg,#f0d3ba,#d89a6a 50%,#b65e3c)}.button.outline{color:#fff;border:1px solid rgba(255,255,255,.2)}

.client-brand{display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}
.client-brand img{width:min(210px,72%);height:92px;object-fit:contain;object-position:left center;background:#fff;border-radius:18px;padding:10px 14px}
.media-frame{margin-top:34px;border-radius:28px;overflow:hidden;background:#eadbca;border:1px solid var(--line)}
.media-frame img{width:100%;height:auto;display:block}
.media-contained{padding:18px;background:linear-gradient(145deg,#eadbca,#f7f3ea)}
.media-contained img{max-height:820px;object-fit:contain;margin:auto;border-radius:18px}
.media-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.media-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.media-grid-2 figure,.media-grid-3 figure,.photo-map figure{margin:0;border-radius:24px;overflow:hidden;background:#eadbca;border:1px solid var(--line)}
.media-grid-2 img,.media-grid-3 img{width:100%;height:100%;object-fit:cover;display:block}
.media-grid-2.contain img,.media-grid-3.contain img{object-fit:contain;background:#efe4d8}
.media-grid-2 figure{min-height:360px}.media-grid-3 figure{min-height:320px}
.media-grid-2 figure img{aspect-ratio:4/5}.media-grid-3 figure img{aspect-ratio:3/4}
.wide-media img{aspect-ratio:16/9;object-fit:cover}
.logo-media{display:grid;grid-template-columns:.42fr 1.58fr;gap:18px;align-items:stretch;margin-top:34px}
.logo-panel{display:grid;place-items:center;border-radius:24px;background:#fff;border:1px solid var(--line);padding:24px}
.logo-panel img{max-width:270px;width:100%;height:auto}
.founder-media{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;margin-top:34px;align-items:stretch}
.founder-media figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#eadbca}
.founder-media img{width:100%;height:100%;object-fit:cover;display:block}
.founder-media figure:first-child img{aspect-ratio:4/5}.founder-media figure:last-child img{aspect-ratio:16/10}
.photo-map figure:nth-child(1){grid-column:span 5}
.photo-map figure:nth-child(2){grid-column:span 7}
.photo-map figure:nth-child(3){grid-column:span 4}
.photo-map figure:nth-child(4){grid-column:span 4}
.photo-map figure:nth-child(5){grid-column:span 4}
.photo-map figure:nth-child(6){grid-column:span 6}
.photo-map figure:nth-child(7){grid-column:span 6}
.photo-map figure img{width:100%;height:100%;min-height:330px;max-height:560px;object-fit:cover;display:block}
.photo-map figure.contain img{object-fit:contain;background:#eee2d4}
.final-cta .footer-lockup{margin:34px auto 0;display:flex;flex-direction:column;align-items:center;gap:10px}
.final-cta .footer-lockup img{width:116px;height:78px;object-fit:contain;filter:brightness(0) invert(1)}
.final-cta .footer-lockup span{font-size:12px;color:rgba(255,250,242,.58);letter-spacing:.04em}
@media(max-width:980px){
  .logo-media,.founder-media{grid-template-columns:1fr}
  .media-grid-3{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){.logo{width:96px;max-height:38px}.logo img{width:96px;height:38px}
  .media-grid-2,.media-grid-3{grid-template-columns:1fr}
  .media-grid-2 figure,.media-grid-3 figure{min-height:0}
  .media-grid-2 img,.media-grid-3 img{height:auto;aspect-ratio:auto}
  .photo-map figure{grid-column:auto!important}
  .photo-map figure img{height:auto;min-height:0;max-height:none;object-fit:contain}
}

@media(max-width:980px){.hero-grid,.statement,.problem-grid,.team-grid,.impact-grid{grid-template-columns:1fr}.hero-metrics,.result-grid{grid-template-columns:repeat(2,1fr)}.pillar-grid,.content-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.section{padding-block:72px}.logo{width:96px}.hero-copy h1{font-size:clamp(52px,15vw,70px)}.hero-metrics{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.grid-2,.grid-3,.pillar-grid,.content-grid,.roles,.result-grid{grid-template-columns:1fr}.step{grid-template-columns:1fr}.photo-map{grid-template-columns:1fr}.photo-map .visual-placeholder{grid-column:auto!important;min-height:280px}.cta-actions{display:grid}.button{width:100%;justify-content:center}}
.logo{width:168px;max-height:none;overflow:visible}
.logo img{width:100%;height:auto;max-height:none;object-fit:contain;filter:none}

/* GREEN FIT visual refinements */
.client-brand{margin-bottom:22px}
.client-brand img{width:min(350px,100%);height:150px;object-fit:contain;object-position:left center;background:#fff;border-radius:18px;padding:8px 10px}
.hero-feature{margin-top:34px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#eadbca}
.hero-feature img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center center}
.relationship-gallery{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:34px}
.relationship-gallery figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#eadbca}
.relationship-gallery img{width:100%;height:100%;display:block;object-fit:cover}
.relationship-gallery figure:first-child img{aspect-ratio:4/5}
.relationship-gallery figure:last-child img{aspect-ratio:4/3;object-position:center 45%}
.creator-system-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:34px;align-items:stretch}
.creator-system-gallery figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#eadbca}
.creator-system-gallery img{width:100%;height:100%;display:block;object-fit:cover}
.creator-system-gallery figure:first-child img{aspect-ratio:5/4}
.creator-system-gallery figure:last-child img{aspect-ratio:4/5}
@media(max-width:980px){
  .relationship-gallery,.creator-system-gallery{grid-template-columns:1fr}
}
@media(max-width:640px){.logo{width:145px}
  .client-brand img{height:120px;width:min(310px,100%)}
  .relationship-gallery img,.creator-system-gallery img{height:auto;aspect-ratio:auto!important;object-fit:contain}
}
.logo{
  width:104px;
  max-height:42px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.logo img{
  width:104px;
  height:42px;
  object-fit:contain;
  filter:brightness(0) invert(1) !important;
  opacity:.96;
}
@media(max-width:640px){
  .logo{width:96px;max-height:38px}
  .logo img{width:96px;height:38px}
}

.final-photo-map{grid-template-columns:.7fr 1.15fr 1fr}
@media(max-width:900px){.final-photo-map{grid-template-columns:1fr}}

/* Final Green Fit polish: compact 3x2 photo wall + smaller locked footer */
.final-photo-map{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important}
.final-photo-map figure{grid-column:auto !important;min-height:0 !important;height:300px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;border-radius:20px !important;background:#efe4d8 !important;border:1px solid var(--line) !important}
.final-photo-map figure img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;display:block !important}
@media(max-width:900px){.final-photo-map{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.final-photo-map figure{height:260px !important}}
@media(max-width:560px){.final-photo-map{grid-template-columns:1fr !important}.final-photo-map figure{height:auto !important;max-height:none !important}.final-photo-map figure img{height:auto !important;max-height:420px !important}}