/* Pela: concept landing page. Ciclo de vida de uma planta: campo, estúdio, mão, composto. */
@font-face{font-family:"Lora";src:url("fonts/lora-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-500.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format('woff2')}

:root{
  --ink:#26373c; --teal:#405960; --sage:#617c55; --moss:#4a6340; --sage-m:#aabfa1; --field:#c9d8be;
  --mist:#ecf2f3; --powder:#cfe0e5; --blush:#f4dcd7; --gingham:#d5e3f5; --peri:#676986; --coral:#bc5548; --coral-d:#a64539;
  --tx:#4c4c4c; --on-dark:#ffffff; --on-dark-2:#e4ecee;
  --max:1200px; --ease:cubic-bezier(.23,1,.32,1);
  --serif:"Lora",Georgia,serif; --sans:"Poppins",system-ui,sans-serif;
  --seam:104px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--mist);color:var(--tx);font:400 16px/1.6 var(--sans);touch-action:manipulation;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--sage);color:#fff}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}

/* ===== pacote: pular, rascunho, menu, rodapé ===== */
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-weight:500;text-decoration:none;transition:top .2s var(--ease)}
.pular:focus{top:12px}
.rascunho{background:var(--ink);color:#fff;font:500 13px/1.4 var(--sans);text-align:center;padding:8px 16px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #d3dedf;padding:8px 20px}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:var(--ink);font:500 14px/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background-color .2s var(--ease),color .2s var(--ease)}
.pacote-abas a[aria-current="page"]{background:var(--ink);color:#fff}
@media (hover:hover) and (pointer:fine){.pacote-abas a:not([aria-current]):hover{background:var(--mist)}}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--teal);color:#fff;font:500 14px/1 var(--sans);text-decoration:none;white-space:nowrap;transition:transform .15s var(--ease),background-color .2s var(--ease)}
.chat:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.chat:hover{background:var(--ink)}}
@media (max-width:860px){
  .pacote{flex-wrap:wrap;padding:8px 12px}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 10px}
}
.rodape{background:var(--ink);color:var(--on-dark);padding:40px 24px 48px;text-align:center;display:grid;gap:10px;justify-items:center}
.rodape p{max-width:70ch;font-size:14px;color:var(--on-dark)}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:#fff;color:var(--ink);font-weight:500;text-decoration:none}
.rodape-fontes{color:#d6e1e3;font-size:13px}

/* ===== seções: base e costura ===== */
main section{position:relative;background-color:var(--c);overflow-x:clip;padding:clamp(52px,5.4vw,72px) 24px clamp(96px,8vw,120px)}
main section::after{content:"";position:absolute;inset:auto 0 0;height:var(--seam);background:linear-gradient(to bottom in oklab,var(--c),var(--n));pointer-events:none}
.field{position:relative;z-index:1;max-width:var(--max);margin-inline:auto}
.head{display:grid;justify-items:center;gap:14px;margin-bottom:clamp(24px,3vw,36px);text-align:center}
main h2{font:500 clamp(28px,3.3vw,46px)/1.12 var(--serif);letter-spacing:-.012em;color:var(--ink);text-wrap:balance;max-width:24ch}
main h3{font:600 16px/1.4 var(--sans);color:var(--ink)}
.lead{max-width:68ch;font-size:clamp(15px,1.25vw,17px);line-height:1.6;text-wrap:pretty}
.s-dark{color:var(--on-dark)}
.s-dark h2,.s-dark h3{color:var(--on-dark)}
.s-dark .lead,.s-dark p{color:var(--on-dark)}
.coda{max-width:62ch;margin:28px auto 0;text-align:center;font-size:15px;text-wrap:pretty}
p{text-wrap:pretty}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--teal);color:#fff;border:2px solid var(--teal);font:500 15px/1.2 var(--sans);text-decoration:none;text-align:center;transition:transform .15s var(--ease),background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn:active{transform:scale(.97)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-on-dark{background:#fff;color:var(--ink);border-color:#fff}
.btn-line-dark{background:transparent;color:#fff;border-color:#fff}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--ink);border-color:var(--ink)}
  .btn-line:hover{background:var(--ink);color:#fff}
  .btn-on-dark:hover{background:var(--mist);border-color:var(--mist);color:var(--ink)}
  .btn-line-dark:hover{background:#fff;color:var(--ink)}
}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* fotos */
.ph{overflow:hidden;border-radius:18px;background:#d9e3e5;box-shadow:0 1px 2px rgba(38,55,60,.12),0 8px 24px rgba(38,55,60,.1)}
.ph img{width:100%;height:100%;object-fit:cover}
img{outline:1px solid rgba(0,0,0,.08);outline-offset:-1px}
.ph-sq{aspect-ratio:4/5;max-height:480px}
.ph-band{aspect-ratio:16/5;max-height:240px}
.ph-wide{aspect-ratio:16/9;max-height:240px}
.ph-tall{aspect-ratio:4/5;max-height:440px}
.ph-stage{aspect-ratio:auto;height:clamp(240px,24vw,330px)}

/* ===== 1 hero-bloom ===== */
.s-hero{padding-top:clamp(32px,3.6vw,48px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.hero-copy{display:grid;gap:18px;justify-items:start}
.kicker{font:500 15px/1.4 var(--sans);color:#3d5b33}
.s-hero h1{font:500 clamp(38px,4.5vw,64px)/1.06 var(--serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.hero-sub{max-width:46ch;font-size:17px}
.seals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:6px}
.seals li{border-left:3px solid var(--sage);padding:2px 0 2px 12px;font:500 14px/1.35 var(--sans);color:var(--ink)}
.trio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:14px;height:min(540px,60vh);min-height:420px}
.trio .ph{border-radius:22px}
.ph-a{grid-row:1/3}
@media (max-width:860px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .trio{height:380px;min-height:0}
  .seals{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== 2 ocean-ledger ===== */
.ocean-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.ocean-copy{display:grid;gap:14px;text-align:center}
.ocean-copy p{font-size:16px}
.tallies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tally{border:1.5px solid var(--sage-m);border-radius:18px;padding:18px 20px;display:grid;gap:4px;align-content:center;text-align:center;background:#2d4147}
.tally-big,.tally-wide{grid-column:1/-1}
.tally-pre,.tally-post{font-size:14px;line-height:1.4;color:var(--on-dark-2)}
.tally-num{font:500 clamp(34px,4vw,52px)/1.05 var(--serif);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.tally-big .tally-num{font-size:clamp(40px,5.4vw,72px)}
@media (max-width:860px){.ocean-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.tallies{grid-template-columns:minmax(0,1fr)}}

/* ===== 3 flax-field ===== */
.flax-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:clamp(20px,3vw,40px);align-items:start}
.flax-text{display:grid;gap:14px;font-size:15px;text-align:left}
.founder-quote{background:#fff;border-radius:18px;padding:24px;display:grid;gap:14px;box-shadow:0 1px 2px rgba(38,55,60,.12),0 8px 24px rgba(38,55,60,.1)}
.founder-quote p{font:500 18px/1.45 var(--serif);color:var(--ink)}
.founder-quote footer{font:500 14px/1.4 var(--sans);color:#3d5b33}
.rule{display:block;height:3px;width:56px;background:var(--coral);border-radius:3px;transform-origin:left}
@media (max-width:980px){.flax-grid{grid-template-columns:minmax(0,1fr)}.ph-tall{aspect-ratio:16/9;max-height:260px}}

/* ===== 4 flaxstic-lab ===== */
.lab-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3.4vw,48px);align-items:start}
.lab-text{display:grid;gap:12px;font-size:14.5px;line-height:1.55}
.lab-text h3{font:500 19px/1.25 var(--serif)}
.specks{background:var(--mist);border-radius:16px;padding:18px 20px;display:grid;gap:6px}
@media (max-width:860px){.lab-grid{grid-template-columns:minmax(0,1fr)}.lab-grid .ph-sq{aspect-ratio:4/3}}

/* ===== 5 greenwash-check ===== */
.s-teal .lead{font-size:clamp(14.5px,1.1vw,15.5px);max-width:104ch}
#greenwash-check{padding-top:clamp(44px,4.4vw,60px)}
#greenwash-check .head{gap:10px;margin-bottom:22px}
.lead-2{font-weight:500}
.proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.proofs li{background:#34505a;border:1.5px solid #6a8a93;border-radius:16px;padding:14px 16px}
.proofs p{font-size:13.5px;line-height:1.45;color:#fff}
@media (max-width:980px){.proofs{grid-template-columns:minmax(0,1fr)}}

/* ===== 6 kelowna-studio ===== */
.kss-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.kss-cards article{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(38,55,60,.12),0 6px 18px rgba(38,55,60,.08)}
.kss-cards p{font-size:14.5px;line-height:1.55}
@media (max-width:980px){.kss-cards{grid-template-columns:minmax(0,1fr)}}

/* ===== 7 seed-to-soil (caule) ===== */
.s-moss .lead{font-size:clamp(15px,1.2vw,16.5px)}
.cycle{display:grid;gap:22px}
.stem{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:8px}
.stem-track{position:absolute;left:12.5%;right:12.5%;top:27px;height:4px;border-radius:4px;background:#7f9873}
.stem-fill{display:block;height:100%;width:100%;background:#fff;border-radius:4px;transform-origin:left;transform:scaleX(calc(var(--k,0)/3));transition:transform .8s var(--ease)}
.stem button{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;background:none;border:0;padding:0;color:var(--on-dark-2);font:500 14px/1.2 var(--sans);cursor:pointer;min-height:44px;transition:color .2s var(--ease)}
.stem button svg{width:56px;height:56px;padding:12px;border-radius:50%;background:var(--moss);border:3px solid #7f9873;fill:#7f9873;stroke:#7f9873;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:background-color .3s var(--ease),border-color .3s var(--ease),fill .3s var(--ease),stroke .3s var(--ease),transform .3s var(--ease)}
.stem button svg .line{fill:none}
.stem button.done svg{border-color:#fff;fill:#fff;stroke:#fff}
.stem button[aria-selected="true"]{color:#fff}
.stem button[aria-selected="true"] svg{background:#fff;border-color:#fff;fill:var(--moss);stroke:var(--moss);transform:scale(1.12)}
@media (hover:hover) and (pointer:fine){.stem button:hover{color:#fff}}
.sem-js .stem{display:none}
.stage{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(18px,3vw,40px);align-items:center;background:#3c5334;border-radius:20px;padding:clamp(16px,2vw,24px)}
.stage-text{display:grid;gap:10px}
.stage-text h3{font:500 clamp(20px,2vw,26px)/1.2 var(--serif)}
.stage-text p{font-size:15px;line-height:1.55}
.com-js .stage[hidden]{display:none}
.com-js .stage.vai{animation:aparece .5s var(--ease)}
@keyframes aparece{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sem-js .stage{margin-bottom:16px}
@media (max-width:860px){.stage{grid-template-columns:minmax(0,1fr)}.ph-stage{height:auto;aspect-ratio:16/10;max-height:240px}.stem button{font-size:12.5px}.stem button svg{width:48px;height:48px;padding:10px}.stem-track{top:23px}}

/* ===== 8 impact-ledger ===== */
.gifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gifts li{background:#fff;border-radius:14px;padding:14px 16px;display:grid;gap:6px;align-content:start;box-shadow:0 1px 2px rgba(38,55,60,.1)}
.gifts strong{font:500 24px/1.1 var(--serif);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.gifts span{font-size:13.5px;line-height:1.45}
@media (max-width:980px){.gifts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.gifts{grid-template-columns:minmax(0,1fr)}}

/* ===== 9 bloom-prints ===== */
.rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rack figure{display:grid;gap:8px;text-align:center}
.rack img{aspect-ratio:5/4;object-fit:cover;object-position:50% 38%;border-radius:16px;box-shadow:0 1px 2px rgba(38,55,60,.12),0 8px 20px rgba(38,55,60,.1)}
.rack figcaption{font:500 14px/1.3 var(--sans);color:var(--ink)}
@media (max-width:980px){.rack{grid-template-columns:repeat(2,minmax(0,1fr))}.rack img{aspect-ratio:1/1}}

/* ===== 10 pie-lover ===== */
#pie-lover .lead{max-width:100ch}
#pie-lover{padding-top:clamp(44px,4.4vw,60px)}
.pie-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;align-items:stretch}
.pie-notes p{background:#fff;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.5}
.pie-notes .pie-price{display:grid;gap:2px;align-content:center;justify-items:center;background:var(--ink);color:#fff}
.pie-price strong{font:500 26px/1.1 var(--serif);color:#fff;white-space:nowrap}
.pie-price span{font-size:14px;color:var(--on-dark-2)}
.pies{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.pies a{display:grid;gap:6px;text-decoration:none;background:#fff;border-radius:14px;padding:8px 8px 10px;text-align:center;box-shadow:0 1px 2px rgba(38,55,60,.12);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.pies img{aspect-ratio:1/1;object-fit:contain;border-radius:10px}
.pies span{font:500 12px/1.25 var(--sans);color:var(--ink);min-height:30px;display:grid;align-items:center}
@media (hover:hover) and (pointer:fine){.pies a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(38,55,60,.18)}}
@media (max-width:980px){.pie-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.pies{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.pies{grid-template-columns:repeat(2,minmax(0,1fr))}.pie-notes{grid-template-columns:minmax(0,1fr)}}

/* ===== 11 atelier ===== */
.atelier-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3.4vw,48px);align-items:center}
.atelier-text{display:grid;gap:20px}
.atelier-text p{font-size:16px;line-height:1.65}
.logo-card{background:#fff;border-radius:18px;padding:20px 28px;display:grid;place-items:center;max-width:520px}
.logo-card img{width:100%;height:auto;object-fit:contain;outline:0}
@media (max-width:860px){.atelier-grid{grid-template-columns:minmax(0,1fr)}.atelier-grid .ph-sq{aspect-ratio:4/3}}

/* ===== 12 find-model ===== */
.model-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,3.4vw,48px);align-items:start}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pills button{min-height:44px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}
.pills button:active{transform:scale(.97)}
.pills button[aria-selected="true"]{background:var(--ink);color:#fff}
.chips{display:grid;gap:8px;margin-bottom:18px}
.chips-8{grid-template-columns:repeat(4,minmax(0,1fr))}
.chips-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.chips-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.chips li{background:#fff;border-radius:12px;padding:12px 10px;text-align:center;font:500 14px/1.3 var(--sans);color:var(--ink);box-shadow:0 1px 2px rgba(38,55,60,.1)}
.model-panel h3{font:500 20px/1.25 var(--serif);margin-bottom:8px}
.steps{display:grid;gap:6px;padding-left:22px;list-style:decimal;font-size:15px}
.steps li::marker{color:var(--coral-d);font-weight:600}
.com-js .model-panel[hidden]{display:none}
.com-js .model-panel.vai{animation:aparece .45s var(--ease)}
.sem-js .model-panel{margin-bottom:20px}
.sem-js .pills{display:none}
@media (max-width:860px){.model-grid{grid-template-columns:minmax(0,1fr)}.model-grid>.ph{max-height:260px;aspect-ratio:16/9}.chips-8{grid-template-columns:repeat(2,minmax(0,1fr))}.chips-6{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== 13 pocket-kit ===== */
.kit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.kit li{background:#fff;border-radius:16px;padding:10px 10px 14px;display:grid;gap:6px;align-content:start;text-align:center;box-shadow:0 1px 2px rgba(38,55,60,.12)}
.kit .ph{aspect-ratio:3/4;box-shadow:none;border-radius:10px}
.kit h3{font:600 14px/1.3 var(--sans)}
.kit p{font-size:13.5px;line-height:1.4}
@media (max-width:980px){.kit{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.kit{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== 14 drop-line ===== */
.drop-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3.4vw,48px);align-items:center}
.drop-grid .ph-band{aspect-ratio:4/5;max-height:420px}
.drop-facts{display:grid;gap:14px;font-size:15.5px;line-height:1.55}
.guarantee{display:grid;gap:8px;background:#fff;color:var(--ink);border-radius:16px;padding:18px 20px}
.s-dark .guarantee h3{color:var(--ink);font:500 22px/1.2 var(--serif)}
.s-dark .guarantee p{color:var(--tx)}
@media (max-width:860px){.drop-grid{grid-template-columns:minmax(0,1fr)}.drop-grid .ph-band{aspect-ratio:16/9;max-height:240px}}

/* ===== 15 how-to ===== */
.guide{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3.4vw,48px);align-items:center}
.guide-text{display:grid;gap:12px}
.guide-text h3{font:500 clamp(20px,2vw,26px)/1.2 var(--serif)}
.guide-text ol{display:grid;gap:8px;padding-left:22px;list-style:decimal;font-size:15px;line-height:1.5}
.guide-text li::marker{color:var(--coral-d);font-weight:600}
.note{background:var(--mist);border-radius:12px;padding:12px 14px;font-size:14px}
.guides .pills{justify-content:center}
.guides .ph-sq{max-height:380px}
.com-js .guide[hidden]{display:none}
.com-js .guide.vai{animation:aparece .45s var(--ease)}
.sem-js .guide{margin-bottom:24px}
.sem-js .guides .pills{display:none}
@media (max-width:860px){.guide{grid-template-columns:minmax(0,1fr)}.guide .ph-sq{aspect-ratio:16/10;max-height:240px}}

/* ===== 16 proof-voices ===== */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.voices blockquote{background:#fff;border-radius:18px;padding:24px 22px;display:grid;gap:14px;align-content:start;box-shadow:0 1px 2px rgba(38,55,60,.12),0 8px 22px rgba(38,55,60,.08)}
.voices blockquote::before{content:"“";font:500 56px/.6 var(--serif);color:var(--coral-d);height:26px}
.voices p{font-size:15px;line-height:1.6}
.voices footer{font:600 14px/1.3 var(--sans);color:var(--ink)}
@media (max-width:980px){.voices{grid-template-columns:minmax(0,1fr)}}

/* ===== 17 offer-ladder ===== */
.ladder{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3.4vw,48px);align-items:end}
.rungs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.rung{background:#fff;color:var(--ink);border-radius:18px;padding:22px 22px 26px;display:grid;gap:10px;align-content:start}
.rung h3{font:500 22px/1.2 var(--serif);color:var(--ink)}
.s-dark .rung h3{color:var(--ink)}
.s-dark .rung p{color:var(--tx);font-size:16px}
.rung-1{min-height:150px}
.rung-2{min-height:250px}
@media (max-width:860px){.ladder{grid-template-columns:minmax(0,1fr)}.ladder .ph-sq{aspect-ratio:16/9;max-height:240px}.rungs{grid-template-columns:minmax(0,1fr)}.rung-1,.rung-2{min-height:0}}

/* ===== 18 faq ===== */
.asks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.asks article{background:#fff;border-radius:16px;padding:18px 20px;display:grid;gap:8px;align-content:start;box-shadow:0 1px 2px rgba(38,55,60,.1)}
.asks h3{font:500 18px/1.25 var(--serif)}
.asks p,.asks li{font-size:14px;line-height:1.5}
.asks ul{display:grid;gap:4px;padding-left:18px;list-style:disc}
@media (max-width:980px){.asks{grid-template-columns:minmax(0,1fr)}}

/* ===== 19 back-to-earth ===== */
.earth-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,56px);align-items:center}
.earth-text{display:grid;gap:14px;font-size:16px}
.letter{border-left:3px solid #fff;padding-left:16px;display:grid;gap:4px}
.s-teal .letter h3{font:500 22px/1.2 var(--serif)}
.logo-card-lg{justify-self:center;width:100%;padding:36px 32px}
@media (max-width:860px){.earth-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== revelação ===== */
.com-js .rv{--d:calc(min(var(--i,0),4)*60ms);transition:opacity .7s var(--ease) var(--d),transform .7s var(--ease) var(--d),clip-path .9s var(--ease) var(--d)}
.com-js .rv:not(.in){transition-duration:.32s;transition-delay:0s}
.com-js .rv-rise:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv-pop:not(.in){opacity:0;transform:translateY(14px) scale(.96)}
@media (max-width:560px){.pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pills button{padding:0 4px;font-size:12.5px;line-height:1.2}}
.com-js .rv-wipe:not(.in){opacity:0;clip-path:inset(0 0 100% 0 round 18px)}
.com-js .rv-wipe.in{clip-path:inset(0 0 0 0 round 18px)}
.com-js .rv-draw:not(.in){transform:scaleX(0)}
.rv-draw{transition:transform .9s var(--ease) .2s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv,.com-js .rv:not(.in){transition:opacity .3s linear;transition-delay:0s}
  .com-js .rv-rise:not(.in),.com-js .rv-pop:not(.in),.com-js .rv-wipe:not(.in),.com-js .rv-draw:not(.in){transform:none;clip-path:none}
  .com-js .rv-wipe.in{clip-path:none}
  .stem-fill{transition:none}
  .com-js .stage.vai,.com-js .model-panel.vai,.com-js .guide.vai{animation:none}
}