@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#233632;--cream:#f5f0e6;--paper:#fffdf8;--sage:#9db6a5;--orange:#dc774e;--yellow:#e9bf5e;--rose:#d7a09c;--line:#d8d3c9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,253,248,.93);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid rgba(35,54,50,.08)}
.brand{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.05;letter-spacing:.02em}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50% 42% 48% 38%;background:var(--orange);color:white;font:italic 700 25px "DM Serif Display"}
nav{display:flex;align-items:center;gap:26px;font-size:14px}.button{display:inline-block;border:0;background:var(--ink);color:white;padding:15px 22px;border-radius:3px;font:600 14px "DM Sans";cursor:pointer}.button.small{padding:11px 16px}.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:680px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:80px max(7vw,30px);overflow:hidden}.hero-copy{max-width:690px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;margin-bottom:20px}.hero h1,.statement h2,.audience h2,.pillars h2,.roadmap h2,.join h2,.faq h2{font:400 clamp(48px,6.5vw,96px)/.94 "DM Serif Display";letter-spacing:-.035em;margin:0}.hero h1 em,h2 em{color:var(--orange);font-weight:400}.lead{font-size:20px;line-height:1.55;max-width:610px;margin:32px 0}.actions{display:flex;gap:24px;align-items:center}.textlink{font-weight:600}
.hero-art{height:500px;position:relative}.blob{position:absolute;border-radius:46% 54% 58% 42%}.b1{width:350px;height:350px;background:var(--sage);right:7%;top:6%;transform:rotate(18deg)}.b2{width:230px;height:230px;background:var(--yellow);left:5%;bottom:0;transform:rotate(-18deg)}.b3{width:170px;height:170px;background:var(--rose);right:0;bottom:2%}.hero-card{position:absolute;right:12%;top:25%;background:var(--paper);padding:32px 38px;transform:rotate(-3deg);box-shadow:0 20px 60px #23363220}.hero-card span{font-size:11px;letter-spacing:.2em}.hero-card strong{display:block;font:400 38px/1.05 "DM Serif Display";margin-top:10px}
.statement,.roadmap,.faq{padding:110px max(10vw,30px)}.statement{max-width:1200px;margin:auto}.statement h2,.audience h2,.pillars h2,.roadmap h2,.join h2,.faq h2{font-size:clamp(38px,5vw,68px);line-height:1.02}.statement>p:last-child,.intro{font-size:19px;line-height:1.7;max-width:760px;margin-top:35px}
.audience{background:var(--ink);color:var(--paper);padding:100px max(8vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.audience h2 em{color:var(--yellow)}.chips{display:flex;flex-wrap:wrap;align-content:center;gap:12px}.chips span{border:1px solid #ffffff55;border-radius:100px;padding:13px 18px;font-size:15px}
.pillars{padding:110px max(7vw,30px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.grid article{min-height:280px;padding:30px;background:var(--cream);border-top:5px solid var(--sage)}.grid article:nth-child(2){border-color:var(--yellow)}.grid article:nth-child(3){border-color:var(--orange)}.num{font:italic 28px "DM Serif Display";opacity:.45}.grid h3{font:400 34px "DM Serif Display";margin:45px 0 12px}.grid p{line-height:1.65}
.roadmap{background:#e9ded4}.roadmap .intro{max-width:650px}.steps{margin-top:55px;max-width:900px}.steps>div{display:flex;gap:25px;padding:25px 0;border-top:1px solid #23363240}.steps b{font:italic 30px "DM Serif Display";color:var(--orange);width:35px}.steps span{display:grid;gap:5px}.steps strong{font-size:18px}
.join{padding:100px max(8vw,30px);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:var(--yellow)}.join>div>p:last-child{font-size:18px;line-height:1.6;max-width:520px}.join h2 em{color:var(--ink)}form{background:var(--paper);padding:35px;display:grid;gap:17px;box-shadow:10px 10px 0 #233632}label{display:grid;gap:7px;font-size:13px;font-weight:600}label span{font-weight:400;opacity:.6}input,textarea{width:100%;border:1px solid var(--line);background:white;padding:13px;font:16px "DM Sans";color:var(--ink);border-radius:0}textarea{resize:vertical}.formnote{font-size:11px;line-height:1.45;opacity:.65;margin:0}
.faq{max-width:1000px;margin:auto}.faq h2{margin-bottom:45px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:600;font-size:18px;cursor:pointer}details p{line-height:1.65;max-width:800px}
footer{padding:55px max(7vw,30px);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end}footer p{opacity:.7}footer>div:last-of-type{display:flex;gap:20px;justify-content:flex-end}footer small{grid-column:1/-1;opacity:.5;border-top:1px solid #ffffff22;padding-top:25px}
.legal{max-width:850px;margin:80px auto;padding:0 25px 100px}.legal h1{font:400 58px "DM Serif Display"}.legal h2{margin-top:35px}.legal p{line-height:1.7}
@media(max-width:800px){.nav{height:72px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:360px;margin-top:30px}.b1{width:260px;height:260px}.hero-card{right:5%;top:20%}.audience,.join{grid-template-columns:1fr;gap:45px}.grid{grid-template-columns:1fr}.statement,.roadmap,.faq,.pillars,.audience,.join{padding:75px 25px}.hero h1{font-size:58px}.lead{font-size:18px}footer{grid-template-columns:1fr}footer>div:last-of-type{justify-content:flex-start}}

/* V2 refinements */
.mark{position:relative;background:transparent;overflow:visible}
.mark i{position:absolute;width:24px;height:14px;border-radius:100%;transform-origin:4px 7px}
.mark i:nth-child(1){background:var(--sage);transform:translate(8px,3px) rotate(-35deg)}
.mark i:nth-child(2){background:var(--yellow);transform:translate(20px,11px) rotate(-5deg)}
.mark i:nth-child(3){background:var(--rose);transform:translate(10px,25px) rotate(28deg)}
.mark b{z-index:2;position:relative;color:var(--ink);font:italic 700 29px "DM Serif Display"}
.creative-scene{height:100%;position:relative;isolation:isolate}
.scene-label{position:absolute;right:4%;top:0;font-size:11px;letter-spacing:.2em;line-height:1.6;z-index:4}
.scene-label strong{font-size:17px;letter-spacing:.08em}
.tool{position:absolute;z-index:4;font:32px "DM Serif Display";color:var(--ink)}
.t1{left:12%;top:19%;transform:rotate(15deg)}.t2{right:1%;top:48%;transform:rotate(-12deg)}.t3{left:21%;bottom:3%}
.hero-card i{display:block;margin-top:20px;font:italic 18px "DM Serif Display";color:var(--orange)}
.vision-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:var(--paper);padding:0 max(5vw,25px)}
.vision-band>div{padding:34px 25px;border-right:1px solid #ffffff20;display:grid;gap:4px}
.vision-band>div:last-child{border-right:0}.vision-band span{font:italic 15px "DM Serif Display";color:var(--yellow)}
.vision-band strong{font:400 25px "DM Serif Display"}.vision-band small{opacity:.65;line-height:1.45}
.statement{position:relative}.brush-note{position:absolute;right:8%;top:90px;background:var(--orange);color:white;padding:14px 20px;transform:rotate(4deg);font:italic 21px "DM Serif Display";box-shadow:5px 5px 0 var(--yellow)}
.quote-section{background:var(--sage);padding:90px 30px;text-align:center}
.quote-section p{margin:0;font:italic 400 clamp(38px,5vw,70px)/1.08 "DM Serif Display"}
.quote-section strong{font-weight:400;color:var(--paper)}
@media(max-width:800px){
 .vision-band{grid-template-columns:1fr 1fr}.vision-band>div:nth-child(2){border-right:0}
 .brush-note{position:static;display:inline-block;margin:0 0 30px}
 .scene-label{right:0}.creative-scene{height:100%}
}
@media(max-width:480px){.vision-band{grid-template-columns:1fr}.vision-band>div{border-right:0;border-bottom:1px solid #ffffff20}}

/* V3 – final selected logo */
.brand{min-width:260px}
.brand-logo{display:block;width:245px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
footer .brand-logo{width:300px;filter:none}
.signet{position:absolute;left:2%;top:4%;width:86px;height:108px;z-index:3;opacity:.95}
.signet span,.signet i{position:absolute;display:block}
.signet span:nth-child(1){left:3px;top:8px;width:20px;height:91px;border-radius:20px;background:#86a998}
.signet span:nth-child(2){left:32px;top:4px;width:47px;height:20px;border-radius:20px;transform:rotate(-43deg);transform-origin:center;background:#e3ad43}
.signet span:nth-child(3){left:31px;bottom:8px;width:48px;height:20px;border-radius:20px;transform:rotate(43deg);transform-origin:center;background:#dd8b7c}
.signet i{left:47px;top:44px;width:20px;height:20px;border-radius:50%;background:#0d3c49}
@media(max-width:800px){
 .brand{min-width:0}.brand-logo{width:210px;max-height:48px}
 footer .brand-logo{width:260px}
 .signet{transform:scale(.8);transform-origin:left top}
}

/* V4 – match approved visual */
.nav{height:92px;padding-left:6%;padding-right:6%}
.brand-logo{width:270px;max-height:70px}
.hero{padding:0;min-height:620px;grid-template-columns:.95fr 1.05fr;background:#f7f3ea}
.hero-copy{padding:80px 7vw;max-width:none}
.hero h1{font-size:clamp(60px,5.6vw,91px)}
.hero-art.photo-hero{height:620px;margin:0;position:relative;overflow:hidden;background:#d8cec0}
.photo-hero>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.photo-message{position:absolute;right:8%;top:9%;font:italic 400 clamp(35px,3.8vw,62px)/.98 "DM Serif Display";color:#173d37;transform:rotate(-2deg);text-align:center;text-shadow:0 1px #fff4}
.photo-message span{display:block;width:150px;height:5px;background:var(--orange);margin:18px auto 0;transform:rotate(-8deg)}
.feature-band{display:grid;grid-template-columns:repeat(6,1fr) 1.65fr;padding:36px 5%;gap:10px;background:#fffdf8;border-bottom:1px solid #eee7dc}
.feature{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 5px}
.feature .icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:white;font:35px Georgia,serif}
.feature .sage{background:#86a998}.feature .rose{background:#d89b96}.feature .yellow{background:#e3ad43}.feature .dark{background:#0d3c49}.feature .coral{background:#d66e4f}
.feature strong{font-size:12px;line-height:1.25}.feature small{font-size:11px;line-height:1.35;max-width:120px}
.feature-motto{border-left:1px solid #cfc8bd;margin-left:12px;padding-left:35px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:16px;letter-spacing:.23em;line-height:1.65}
.feature-motto i{width:45px;border-bottom:2px solid var(--ink);margin:14px auto 0}
@media(max-width:1000px){.feature-band{grid-template-columns:repeat(3,1fr)}.feature-motto{grid-column:1/-1;border-left:0;border-top:1px solid #ddd;padding:25px 0 0;margin:15px 0 0}.brand-logo{width:230px}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{padding:65px 25px}.hero-art.photo-hero{height:430px}.photo-message{font-size:38px}.feature-band{grid-template-columns:repeat(2,1fr);padding:30px 20px}.brand-logo{width:205px}.nav{height:76px}}

/* V5 hero correction */
.photo-hero>img{object-fit:cover;object-position:46% center}
.photo-message{display:none!important}
@media(min-width:1200px){.hero{grid-template-columns:.95fr 1.05fr}.photo-hero>img{object-position:48% center}}

/* V6 – approved hero visual */
.hero{grid-template-columns:38.1% 61.9%;min-height:636px}
.hero-copy{padding:76px 5.3vw}
.hero-art.photo-hero{height:636px}
.photo-hero>img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero h1{font-size:clamp(58px,5.4vw,86px);line-height:.96}
.lead{font-size:19px;max-width:510px}
.feature-band{padding-top:30px;padding-bottom:30px}
@media(max-width:800px){
 .hero{grid-template-columns:1fr}
 .hero-copy{padding:60px 25px}
 .hero-art.photo-hero{height:420px}
}

/* V7 – content + functional form, V6 visual language retained */
.audience p{line-height:1.7;max-width:680px}.principle{width:100%;margin:24px 0 0;padding:22px;border:1px solid #ffffff55;font-size:16px}.possibilities .decision-callout{margin-top:38px;padding:28px 32px;background:var(--ink);color:var(--paper);display:flex;gap:12px;flex-direction:column}.decision-callout strong{font:400 28px "DM Serif Display"}.decision-callout span{font-size:17px}.founder{padding:100px max(8vw,30px);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:var(--cream)}.founder h2,.unfinished h2{font:400 clamp(48px,6.5vw,86px)/.94 "DM Serif Display";letter-spacing:-.035em;margin:0}.founder h2 em,.unfinished h2 em{color:var(--orange);font-weight:400}.founder-copy{font-size:17px;line-height:1.75}.founder-copy p:first-child{margin-top:0}.founder-line{font:italic 400 28px/1.25 "DM Serif Display";color:var(--orange);border-top:1px solid var(--line);padding-top:25px}.unfinished{padding:100px max(8vw,30px);background:var(--paper)}.unfinished>p:not(.kicker){max-width:850px;font-size:18px;line-height:1.7}.steps.six b{width:52px}.form-section-title{font:700 12px "DM Sans";text-transform:uppercase;letter-spacing:.16em;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}.form-section-title:first-child{margin-top:0;padding-top:0;border-top:0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}fieldset{border:1px solid var(--line);padding:16px;margin:0}legend{padding:0 7px;font-size:13px;font-weight:600}legend span{font-weight:400;opacity:.6}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-grid label,.radio-list label{display:flex;grid-template-columns:none;align-items:flex-start;gap:8px;font-weight:400;line-height:1.4}.check-grid input,.radio-list input,.consent input{width:auto;margin-top:2px}.radio-list{display:grid;gap:10px}.consent{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;font-weight:400;line-height:1.45}.consent span{opacity:1}.consent em{opacity:.65}.consent a{text-decoration:underline}.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.formnote{min-height:16px}.formnote.error{color:#9b2f25;opacity:1;font-weight:600}.form-success{background:var(--paper);padding:42px;box-shadow:10px 10px 0 #233632;align-self:start}.form-success h3{font:400 42px/1.05 "DM Serif Display";margin:0 0 20px}.form-success p{line-height:1.65}.legal a{text-decoration:underline}.legal .back{display:inline-block;margin-bottom:30px;font-weight:600}.legal ul{line-height:1.7}.legal-note{background:var(--cream);padding:18px 22px;border-left:4px solid var(--orange)}
@media(max-width:800px){.founder{grid-template-columns:1fr;gap:40px;padding:75px 25px}.unfinished{padding:75px 25px}.form-two,.check-grid{grid-template-columns:1fr}.decision-callout strong{font-size:24px}}