
:root{
  --cream:#f5efe6;
  --paper:#fbf8f2;
  --ink:#141713;
  --green:#6f7e62;
  --deepgreen:#203427;
  --rose:#9D3159;
  --line:rgba(20,23,19,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Syne",sans-serif}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.wrap{width:min(1220px,calc(100% - 48px));margin:auto}
.header{
  height:78px;padding:0 clamp(24px,5vw,70px);display:grid;
  grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);
  background:rgba(251,248,242,.95);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)
}
.logo,.header nav,.header button,.button,.micro,.section-head span,.sister-title span,.name span,.join span{
  font-family:"Plus Jakarta Sans",sans-serif;letter-spacing:.16em
}
.logo{font-size:13px;font-weight:600}
.header nav{display:flex;gap:28px;font-size:10px}
.header button{justify-self:end;border:0;background:none;font-size:10px;cursor:pointer}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;min-height:760px;padding:70px 0}
.micro{font-size:10px;margin-bottom:22px}
.hero h1,.section-head h2,.sister-title h2,.name h2,.join h2,.manifesto h2,.duality h2{
  font-family:"Prata",serif;font-weight:400;margin:0
}
.hero h1{font-size:clamp(72px,8vw,120px);line-height:.88;letter-spacing:-.04em}
.hero-copy p{font-family:"Plus Jakarta Sans";font-size:16px;line-height:1.75;max-width:570px;margin:28px 0 30px;color:#44473f}
.button{display:inline-flex;padding:16px 24px;background:var(--green);color:white;font-size:11px;font-weight:600}
.hero-art{position:relative;height:640px}
.hero-photo{position:absolute;left:11%;top:7%;width:75%;height:82%;border:1px solid var(--line)}
.botanical{position:absolute;object-fit:contain;z-index:3;pointer-events:none}
.carnation{width:31%;height:31%;left:-2%;top:-1%}
.bougainvillea{width:34%;height:34%;right:-2%;bottom:-4%}
.eucalyptus{width:23%;height:23%;right:3%;top:1%;opacity:.9}
.corner-words{position:absolute;right:-3%;top:22%;display:flex;flex-direction:column;font-family:"Prata";font-size:18px;line-height:1.25;z-index:4}
.manifesto{display:grid;grid-template-columns:1.1fr .9fr;min-height:700px;background:var(--rose);color:white}
.manifesto-photo{min-height:700px}
.manifesto-copy{padding:75px;display:flex;flex-direction:column;justify-content:center}
.manifesto h2{font-size:clamp(58px,6vw,88px);line-height:.98}
.editorial-stack{margin-top:40px;display:grid;gap:4px}
.editorial-stack span,.quote span{font-family:"Prata";font-size:clamp(34px,4vw,58px);line-height:1.04}
.beliefs{padding:115px 0}
.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;margin-bottom:58px}
.section-head span,.sister-title span,.name span,.join span{font-size:10px}
.section-head h2{font-size:clamp(48px,5vw,74px);line-height:1}
.belief-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.belief-grid article{padding:28px 22px;border-right:1px solid var(--line)}
.belief-grid article:last-child{border-right:0}
.belief-grid b{font:500 10px "Plus Jakarta Sans";letter-spacing:.14em}
.belief-grid h3{font-family:"Prata";font-weight:400;font-size:30px}
.belief-grid p{font:14px/1.65 "Plus Jakarta Sans";color:#54584f}
.duality{display:grid;grid-template-columns:1fr 1fr}
.half{min-height:610px;position:relative;overflow:hidden;padding:58px;display:flex;align-items:flex-end}
.half img{position:absolute;inset:0;opacity:.64}
.half div{position:relative;z-index:2}
.half small{font:600 10px "Plus Jakarta Sans";letter-spacing:.17em}
.half h2{font-size:52px;margin-top:10px;max-width:430px}
.soft{background:#dfe6db}
.bold{background:#d8aabc}
.sister{padding:115px 0}
.sister-title{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;margin-bottom:55px}
.sister-title h2{font-size:clamp(50px,5.7vw,82px);line-height:.98}
.sister-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}
.sister-grid img{height:630px}
.sister-copy p{font:16px/1.8 "Plus Jakarta Sans";color:#464a42}
.sister-copy strong{font-family:"Prata";display:block;font-size:34px;font-weight:400;margin-top:24px}
.quote-strip{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--cream)}
.texture{overflow:hidden}.texture img{object-fit:cover}
.quote{display:flex;flex-direction:column;justify-content:center;padding:70px}
.name{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:110px 0}
.name h2{font-size:72px;margin-top:18px}
.name p{font:17px/1.85 "Plus Jakarta Sans";max-width:680px;color:#474b43}
.join{background:var(--deepgreen);color:white;padding:110px 24px;text-align:center}
.join-inner{max-width:850px;margin:auto}
.join h2{font-size:clamp(58px,6vw,90px);margin:20px 0}
.join p{font:16px/1.7 "Plus Jakarta Sans";max-width:650px;margin:0 auto 28px;color:rgba(255,255,255,.8)}
.button.light{background:#849276}
footer{padding:28px 5vw;display:flex;justify-content:space-between;font:600 10px "Plus Jakarta Sans";letter-spacing:.14em;border-top:1px solid var(--line)}
@media(max-width:900px){
  .header{grid-template-columns:1fr auto}.header nav{display:none}
  .hero,.section-head,.sister-title,.sister-grid,.name,.manifesto,.quote-strip{grid-template-columns:1fr}
  .hero{gap:20px}.hero-art{height:560px}
  .belief-grid{grid-template-columns:1fr 1fr}.belief-grid article:nth-child(2){border-right:0}
  .duality{grid-template-columns:1fr}.manifesto-photo{min-height:500px}.manifesto-copy{padding:55px 28px}
}
@media(max-width:600px){
  .wrap{width:min(100% - 28px,1220px)}
  .hero{padding:48px 0}.hero h1{font-size:58px}.hero-art{height:460px}
  .corner-words{font-size:14px;right:0}
  .belief-grid{grid-template-columns:1fr}.belief-grid article{border-right:0;border-bottom:1px solid var(--line)}
  .half{min-height:460px;padding:30px}.half h2{font-size:40px}
  .sister-grid img{height:480px}.quote{padding:46px 24px}.name h2{font-size:54px}
  footer{flex-direction:column;gap:8px}
}

.questionnaire{position:fixed;inset:0;z-index:1000;background:rgba(16,23,18,.58);display:none;align-items:center;justify-content:center;padding:24px}
.questionnaire.open{display:flex}.q-shell{width:min(980px,100%);max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line);padding:34px}
.q-top{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}
.q-kicker{font:600 10px "Plus Jakarta Sans";letter-spacing:.16em}.q-top h2{font:400 clamp(34px,4vw,56px)/1.02 "Prata";margin:12px 0 10px}
.q-top p{font:15px/1.7 "Plus Jakarta Sans";color:#555a50;margin:0}.q-close{border:0;background:none;font-size:34px;cursor:pointer}
.q-lang{display:flex;gap:8px;padding-top:20px}.q-lang button{border:1px solid var(--line);background:transparent;padding:9px 13px;font:600 10px "Plus Jakarta Sans";letter-spacing:.12em;cursor:pointer}
.q-lang button.active{background:var(--deepgreen);color:white;border-color:var(--deepgreen)}.q-step{display:none;padding:28px 0 10px}.q-step.active{display:block}
.q-step h3{font:400 clamp(30px,3vw,44px)/1.05 "Prata";margin:0 0 8px}.q-help{font:13px/1.6 "Plus Jakarta Sans";color:#6b7066;margin:0 0 22px}
.q-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.q-option{position:relative}.q-option input{position:absolute;opacity:0;pointer-events:none}
.q-option label{display:block;border:1px solid var(--line);padding:16px 18px;cursor:pointer;font:14px/1.45 "Plus Jakarta Sans";background:white}
.q-option input:checked+label{border-color:var(--green);background:#eef2eb}.q-fields{display:grid;gap:12px}
.q-fields input,.q-fields textarea{width:100%;border:1px solid var(--line);background:white;padding:14px 15px;font:14px "Plus Jakarta Sans";color:var(--ink)}
.q-fields textarea{min-height:120px;resize:vertical}.q-nav{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--line);margin-top:12px}
.q-secondary{border:0;background:none;font:600 11px "Plus Jakarta Sans";letter-spacing:.12em;cursor:pointer}
.q-success{text-align:center;padding:70px 20px}.q-success h3{font:400 58px "Prata";margin:0 0 14px}.q-success p{font:16px/1.7 "Plus Jakarta Sans";color:#4f554b}
@media(max-width:700px){.q-shell{padding:22px 18px}.q-options{grid-template-columns:1fr}.q-top h2{font-size:36px}}

.energy-panel h2{
  font-family:"Prata",serif;
  font-size:clamp(34px,4.4vw,64px);
  line-height:1.08;
  max-width:700px;
  text-transform:none;
}
.energy-panel small{display:block;margin-bottom:16px}
.privacy-consent{
  display:flex;gap:10px;align-items:flex-start;margin:28px 0 0;
  font:12px/1.55 "Plus Jakarta Sans";color:#5c6258
}
.privacy-consent input{margin-top:3px}
.privacy-consent a{text-decoration:underline}

.site-lang{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:7px;
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:10px;
  letter-spacing:.14em;
}
.site-lang button{
  border:0;
  background:transparent;
  padding:6px 2px;
  font:600 10px "Plus Jakarta Sans",sans-serif;
  letter-spacing:.14em;
  color:#8a8e86;
  cursor:pointer;
}
.site-lang button.active{
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:4px;
}
.site-lang span{color:#aaa99f}

/* Questionnaire state safeguards */
[hidden]{display:none!important;}
.q-nav .button[hidden], .privacy-consent[hidden]{display:none!important;}
