:root{--paper:#f1ece5;--cream:#fff4d6;--ink:#211a18;--brown:#482522;--wine:#6c1e2d;--red:#e44739;--pink:#f1b8ca;--blue:#294ccb;--yellow:#f3e75b;--sage:#bec9a8;--line:rgba(33,26,24,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.nav{height:72px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(241,236,229,.92);backdrop-filter:blur(12px)}
.wordmark{font-weight:700;letter-spacing:.03em}
.nav nav{display:flex;gap:30px;font-size:.82rem}
.nav-cta{justify-self:end;background:var(--ink);color:var(--cream);padding:12px 18px;font-size:.78rem;font-weight:700}
.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:46% 54%;position:relative;background:var(--pink)}
.hero-copy{background:var(--wine);color:var(--cream);padding:clamp(30px,6vw,90px);display:flex;flex-direction:column}
.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:700;margin:0 0 2rem}
h1{font-size:clamp(4.8rem,10vw,10.5rem);line-height:.73;letter-spacing:-.065em;margin:0;font-weight:500}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:auto;padding-top:60px;border-top:1px solid rgba(255,244,214,.5);font-size:clamp(.92rem,1.2vw,1.2rem);font-weight:600}
.hero-line{font-family:"Libre Caslon Display",serif;font-size:clamp(1.25rem,2vw,2rem);line-height:1;margin:36px 0 0}
.hero-socials{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:.68rem;font-weight:700;letter-spacing:.08em}.hero-socials a{border-bottom:1px solid rgba(255,244,214,.55);padding-bottom:4px}
.hero-image{margin:0;min-height:580px;overflow:hidden}.hero-image img{object-position:50% 68%}
.scroll-cue{position:absolute;right:0;bottom:0;background:var(--yellow);padding:20px 26px;font-size:.72rem;font-weight:700;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.scroll-cue span{padding-left:18px;font-size:1.1rem}
section{border-bottom:1px solid var(--line)}
.manifesto{padding:clamp(70px,10vw,150px) clamp(20px,6vw,96px)}
h2{font-size:clamp(3rem,7.8vw,8.4rem);line-height:.84;letter-spacing:-.055em;margin:0;font-weight:600}
h2 em{font-family:"Libre Caslon Display",serif;font-weight:400}
.manifesto-grid{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:clamp(36px,8vw,140px);align-items:end;margin-top:80px}
.manifesto figure{margin:0;aspect-ratio:4/5}.bio{max-width:680px}
.bio p,.koi-copy p,.credentials p,.elio-copy>p{font-size:clamp(1rem,1.55vw,1.35rem);line-height:1.55}
.bio .lead,.koi-copy .lead{font-size:clamp(1.55rem,2.6vw,2.65rem);line-height:1.18}
.signature{font-family:"Libre Caslon Display",serif;font-style:italic;font-size:4rem;color:var(--wine);margin-top:40px}
.numbers{background:var(--ink);color:var(--cream);padding:clamp(70px,10vw,150px) clamp(20px,6vw,96px)}
.section-head{max-width:1100px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px}
.metric{min-height:270px;padding:30px;border:1px solid var(--ink);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}
.metric strong{font-size:clamp(3rem,6vw,7rem);line-height:.8;letter-spacing:-.06em}
.metric span{font-weight:600;max-width:150px}
.metric.wine{background:var(--wine);color:var(--cream)}.metric.pink{background:var(--pink)}.metric.yellow{background:var(--yellow)}.metric.blue{background:var(--blue);color:white}
.platforms{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,244,214,.3);margin-top:70px}
.platforms>div{padding:38px 0;display:grid;grid-template-columns:1fr auto;gap:6px 20px}
.platforms>div:first-child{padding-right:50px;border-right:1px solid rgba(255,244,214,.3)}
.platforms>div:last-child{padding-left:50px}
.platforms span{font-size:.75rem;letter-spacing:.16em}.platforms strong{font-size:3rem}.platforms small{grid-column:1/-1;opacity:.65}
.audience{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow)}
.audience-copy{padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);border-right:1px solid var(--ink)}
.audience-copy p:last-child{max-width:540px;font-size:1.2rem;line-height:1.55;margin-top:50px}
.audience-stats{display:grid;grid-template-columns:1fr 1fr}
.audience-stats div{padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--ink)}
.audience-stats div:nth-child(odd){border-right:1px solid var(--ink)}
.audience-stats strong{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.06em}.audience-stats span{font-weight:600;margin-top:12px}
.universe{padding:clamp(70px,10vw,150px) clamp(20px,6vw,96px)}
.pillar-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:80px;border:1px solid var(--ink)}
.pillar{min-height:540px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}
.pillar:nth-child(odd){border-right:1px solid var(--ink)}
.pillar:nth-child(3),.pillar:nth-child(4){border-bottom:0}
.pillar>div{padding:30px;display:flex;flex-direction:column}.pillar h3{font-size:clamp(1.7rem,3vw,3.3rem);line-height:.95;margin:auto 0 25px}.pillar p{line-height:1.45}.pillar span{font-size:.72rem}
.pillar.family>div{background:var(--pink)}.pillar.movement>div{background:var(--blue);color:white}.pillar.business>div{background:var(--wine);color:var(--cream)}.pillar.lifestyle>div{background:var(--sage)}
.elio{display:grid;grid-template-columns:1fr 1fr;background:var(--pink)}
.elio-copy{padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.elio figure{margin:0;min-height:720px;background:var(--yellow);overflow:hidden}.elio figure img{object-fit:contain;object-position:center bottom}
.elio-brands{font-size:.85rem!important;font-weight:700;text-transform:uppercase;margin-top:40px}
.koi{display:grid;grid-template-columns:1.1fr .9fr;background:var(--wine);color:var(--cream)}
.koi figure{margin:0;min-height:760px}.koi-copy{padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.koi-copy h2{font-size:clamp(4rem,8vw,8rem)}
.movement-story{padding:clamp(70px,10vw,150px) clamp(20px,6vw,96px);background:var(--sage)}
.movement-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,7vw,100px);align-items:center;margin-top:80px}.movement-layout figure{margin:0;aspect-ratio:4/5}
.credentials ul{list-style:none;padding:0;margin:42px 0;border-top:1px solid var(--ink)}.credentials li{padding:17px 0;border-bottom:1px solid var(--ink);font-weight:600}
.brand-note{font-weight:700;color:var(--wine)}
.brands{padding:clamp(70px,10vw,150px) clamp(20px,6vw,96px);background:var(--cream)}
.brand-cloud{font-size:clamp(1.5rem,3vw,3.2rem);line-height:1.35;font-weight:600;margin:80px 0 50px}
.legacy-logos{height:auto;max-height:380px;object-fit:contain;mix-blend-mode:multiply}
.contact{text-align:center;padding:clamp(90px,13vw,190px) 20px;background:var(--blue);color:white}.contact h2{font-size:clamp(4rem,10vw,11rem)}.contact>p:not(.eyebrow){font-size:1.25rem;margin:45px auto;max-width:620px}
.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{padding:18px 24px;font-size:.78rem;font-weight:700;border:1px solid white}.button.primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.button.secondary{color:white}
.socials{display:flex;justify-content:center;gap:30px;margin-top:60px;font-size:.8rem;font-weight:700}
footer{padding:28px clamp(20px,4vw,64px);display:flex;justify-content:space-between;font-size:.72rem;font-weight:700}
@media(max-width:850px){
  .nav{grid-template-columns:1fr auto;height:62px}.nav nav{display:none}.nav-cta{font-size:.68rem;padding:10px 12px}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:520px;padding:36px 22px}.hero-image{min-height:60svh}.hero-image img{object-position:50% 67%}.hero-line{margin-top:28px}.roles{padding-top:40px}
  .manifesto-grid,.movement-layout{grid-template-columns:1fr;gap:36px;margin-top:48px}
  .metric-grid{grid-template-columns:1fr 1fr;margin-top:48px}.metric{min-height:200px;padding:22px}.metric strong{font-size:3.25rem}
  .platforms{grid-template-columns:1fr}.platforms>div{grid-template-columns:1fr auto}.platforms>div:first-child,.platforms>div:last-child{padding:28px 0;border-right:0}.platforms>div:first-child{border-bottom:1px solid rgba(255,244,214,.3)}
  .audience,.elio,.koi{grid-template-columns:1fr}.audience-copy{border-right:0;border-bottom:1px solid var(--ink)}.audience-stats strong{font-size:2.6rem}.audience-stats div{min-height:170px;padding:22px}
  .pillar-grid{grid-template-columns:1fr}.pillar{min-height:430px;border-right:0!important;border-bottom:1px solid var(--ink)!important}.pillar:last-child{border-bottom:0!important}.pillar h3{font-size:1.65rem}
  .elio figure,.koi figure{min-height:520px}.koi figure{order:2}
  .brand-cloud{margin-top:50px}
}
@media(max-width:480px){
  h1{font-size:5rem}.manifesto h2,.section-head h2,.audience h2,.elio h2{font-size:3.1rem}
  .metric-grid{grid-template-columns:1fr}.metric{min-height:160px}
  .pillar{grid-template-columns:1.05fr .95fr;min-height:370px}.pillar>div{padding:18px}.pillar p{font-size:.82rem}
  .audience-stats{grid-template-columns:1fr 1fr}.socials{flex-direction:column;gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}