@font-face{font-family:"Oswald";src:url("fonts/oswald-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Oswald";src:url("fonts/oswald-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Oswald";src:url("fonts/oswald-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/barlow-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/barlow-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/barlow-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/barlow-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url("fonts/barlow-400-italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}

:root{--crema:#ffedc9;--crema2:#fff6e0;--tinta:#14281d;--selva:#0f2a1c;--selva2:#173c29;--ameixa:#3d1530;--lima:#c2e76b;--salmao:#f0875f;--rosa:#ea8fb4;--ouro:#ffc933;--verde:#225d38;--verde2:#4c9c2e;--amarelo:#eaea6c;--display:"Oswald",Impact,"Arial Narrow",sans-serif;--texto:"Barlow",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--crema);color:var(--tinta);font:400 18px/1.55 var(--texto);overflow-x:clip}
img{max-width:100%;height:auto}
a{color:var(--tinta)}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;margin:0 0 .4em}
h2{font-weight:700;font-size:clamp(34px,5.4vw,72px);line-height:1.02}
h3{font-weight:600;font-size:clamp(22px,2.4vw,30px);line-height:1.1;letter-spacing:.02em}
p{margin:0 0 1em}
a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--verde);outline-offset:3px}
.s-strip :focus-visible,.s-founder :focus-visible,.s-love :focus-visible{outline-color:var(--amarelo)}

/* bloco do pacote */
.pular{position:absolute;left:8px;top:-80px;background:#fff;color:var(--tinta);padding:12px 18px;z-index:100;border-radius:8px;font-weight:700}
.pular:focus{top:8px}
.rascunho{background:var(--tinta);color:var(--crema);font-size:14px;line-height:1.3;text-align:center;padding:8px 16px}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;background:#fff;padding:6px 16px;border-bottom:1px solid #d8d2c2;overflow-x:clip}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font:600 13px/1 var(--texto);color:var(--tinta);text-decoration:none;border-radius:8px}
.pacote-abas a[aria-current="page"]{background:var(--tinta);color:var(--crema)}
.pacote-abas .longo{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:var(--verde);color:var(--crema);font:600 15px/1 var(--texto);text-decoration:none;border-radius:999px}
.rodape{background:var(--tinta);color:var(--crema);text-align:center;padding:36px 24px;font-size:15px}
.rodape p{max-width:62ch;margin:0 auto 14px}
.rodape a{color:var(--amarelo)}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;background:var(--lima);color:var(--tinta)!important;font-weight:700;text-decoration:none;border-radius:999px}
.rodape-fontes{font-size:14px;color:#d6cdb4}
@media(min-width:760px){.pacote{padding:6px 28px}.pacote-abas .longo{display:inline}.pacote-abas .curto{display:none}.pacote-abas a{padding:0 14px;font-size:15px}}

/* base de seção */
.s{position:relative;overflow-x:clip;padding:clamp(48px,7vw,96px) 0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.eyebrow{font:700 14px/1.2 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--verde);margin:0 0 12px}
.lede{font-size:clamp(19px,2vw,23px);line-height:1.4;font-weight:600}
.intro{max-width:62ch;font-size:19px}
.g2,.g3{display:grid;gap:clamp(24px,5vw,72px);align-items:start}
.g2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sticky{position:sticky;top:24px;align-self:start}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--tinta);color:var(--crema);font:600 18px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:999px;border:0;cursor:pointer}
.btn-claro{background:var(--crema);color:var(--tinta)}
.btn-folha{background:var(--verde);color:var(--crema);border-radius:70% 30% 70% 30%/60% 40% 60% 40%;padding:0 44px;min-height:54px}
.ing{font-size:17px}
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}

/* 1 · canopy: hero sem grade, título central */
.s-canopy{padding:0}
.barra{margin:0;background:var(--verde);color:var(--crema);text-align:center;padding:10px 16px;font:600 20px/1.2 var(--display);letter-spacing:.02em}
.canopy-in{max-width:1200px;margin:0 auto;padding:clamp(28px,4vw,56px) 24px 0;text-align:center}
.canopy-in .eyebrow{color:var(--verde)}
.s-canopy h1{font-weight:700;font-size:clamp(40px,10.4vw,150px);line-height:.95;margin:0 0 .15em;color:#1b2e27}
.s-canopy .lede{max-width:34ch;margin:0 auto 14px}
.nota{max-width:60ch;margin:0 auto 12px;font-size:16.5px}
.packs{display:flex;justify-content:center;align-items:flex-start;margin:16px 0 8px}
.pk{width:clamp(110px,24vw,300px);height:auto;margin:0 -2.4vw;box-shadow:0 10px 24px rgba(20,40,29,.2)}
.pk-b{margin-top:clamp(18px,4vw,52px);position:relative;z-index:2}
.cta-linha{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;margin:20px 0 0}
.folha-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 54px;background:var(--tinta);color:var(--amarelo);font:600 22px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:70% 30% 70% 30%/60% 40% 60% 40%}
.link-txt{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--verde)}
.borda-selva{display:block;width:100%;max-width:2000px;height:auto;margin:-3vw auto 0;position:relative;z-index:0}

/* 2 · faixa de despensa */
.s-strip{background-color:var(--ameixa);color:var(--crema);padding:10px 0 14px}
.strip-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 8px}
.strip-t{margin:0;font-size:15px;line-height:1.3}
.pausa{min-height:44px;min-width:44px;padding:0 20px;background:var(--crema);color:var(--ameixa);font:700 15px/1 var(--texto);border:0;border-radius:999px;cursor:pointer}
.strip-view{overflow:hidden}
.strip-track{display:flex;gap:16px;width:max-content;margin:0;padding:0;list-style:none;animation:corre 46s linear infinite}
.pausado .strip-track{animation-play-state:paused}
.chip{flex:none;height:120px;padding:8px;background:var(--crema2);border-radius:12px}
.chip img{height:104px;width:auto;display:block}
.pk-chip{flex:none;height:120px}
.pk-chip img{height:120px;width:auto;display:block}
@keyframes corre{to{transform:translateX(calc(-50% - 8px))}}

/* 3 · why-jack */
.s-why{background-color:var(--crema2)}
.s-why .g2{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.postit-q{margin:24px 0 28px;padding:24px 28px;background:#ff9d73;transform:rotate(-1.2deg);box-shadow:6px 6px 0 rgba(20,40,29,.2)}
.postit-q p{margin:0;font:500 20px/1.35 var(--display);letter-spacing:.02em}
.sub-h{font:500 17px/1.3 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--verde);margin-top:-.4em}
.foto-par{margin:0}
.foto-par img{display:block;width:100%;max-width:520px;height:auto;border-radius:6px}
.foto-par figcaption{font-size:15px;margin-top:8px}
.orn-alto{display:block;width:44%;max-width:200px;height:auto;margin:18px 0 0 auto}

/* 4 · tom */
.s-tom{background-color:var(--salmao)}
.s-tom .eyebrow,.s-barb .eyebrow,.s-teri .eyebrow,.s-next .eyebrow{color:var(--tinta)}
.s-tom .g2{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pack-g{display:block;width:100%;max-width:380px;height:auto;margin:0 auto;box-shadow:0 14px 30px rgba(20,40,29,.25)}
.col-txt h3{margin-top:1.2em}

/* 5 · foundation */
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.card{display:flex;flex-direction:column;background:var(--crema2);border:3px solid var(--tinta);border-radius:18px;padding:18px;box-shadow:6px 6px 0 var(--verde)}
.card img{width:100%;height:180px;object-fit:contain;margin-bottom:12px}
.card p{font-size:16.5px}
.card h3{margin-top:0}

/* 6 · barb */
.s-barb{background-color:var(--rosa)}
.livre{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,64px);align-items:center}
.barb-fig{flex:0 0 clamp(220px,28%,340px);margin:0 auto}
.barb-fig img{display:block;width:100%;height:auto;transform:rotate(-4deg);box-shadow:0 14px 30px rgba(20,40,29,.25)}
.barb-txt{flex:1 1 320px;min-width:0}
.barb-txt .eyebrow,.barb-txt h2{text-align:right}
.barb-txt h2{font-size:clamp(44px,7vw,96px)}

/* 7 · four-trails */
.s-trails{background-color:var(--crema2)}
.s-trails .wrap>.eyebrow,.s-trails h2,.s-trails .intro{text-align:center}
.s-trails h2{font-size:clamp(34px,6vw,84px)}
.s-trails .intro{margin:0 auto}
.c-lima{background:var(--lima)}.c-rosa{background:var(--rosa)}.c-ouro{background:var(--ouro)}.c-sal{background:var(--salmao)}
.s-trails .card img{height:120px}
.usos{margin:0;padding-left:1.1em;font-weight:600;font-size:16px}

/* 8 · teri */
.s-teri{background-color:var(--ouro)}
.g3{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3.4fr);align-items:stretch}
.s-teri .sticky{align-self:start}
.col-card{background:var(--tinta);color:var(--crema);padding:28px;border-radius:20px}
.col-card h3{color:var(--amarelo);margin-top:0}

/* 9 · variety-pack */
.var-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.g3{gap:24px}
.s-variety .g3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.card-b{margin:0;background:var(--crema2);border:3px solid var(--tinta);border-radius:16px;padding:16px;text-align:center}
.card-b img{display:block;width:100%;max-width:260px;height:auto;margin:0 auto 10px}
.tabela{width:100%;max-width:640px;border-collapse:collapse;margin:32px 0}
.tabela caption{text-align:left;font:600 24px/1.2 var(--display);text-transform:uppercase;padding-bottom:8px}
.tabela th,.tabela td{padding:12px 16px;border-bottom:2px solid var(--tinta);text-align:left}
.tabela td{text-align:right;font-weight:700}
.tabela thead th{font-size:14px;letter-spacing:.12em;text-transform:uppercase}

/* 10 · founder */
.s-founder{background-color:var(--selva);color:var(--crema)}
.s-founder .eyebrow,.s-founder a{color:var(--amarelo)}
.s-founder h2{color:var(--crema)}
.postit{max-width:420px;margin:0 0 32px;padding:28px;background:#ff9d73;color:var(--tinta);transform:rotate(-3deg);box-shadow:8px 8px 0 rgba(0,0,0,.35)}
.postit p{margin:0}
.postit-t{font:700 30px/1.05 var(--display);text-transform:uppercase;margin-bottom:.5em!important}
.moldura{max-width:300px;background:var(--selva2);border-radius:16px;padding:16px}
.moldura img{display:block;width:100%;height:auto}
.linha{margin:28px 0 0;padding:0 0 0 1.3em;border-left:4px solid var(--amarelo);font-size:17px}
.linha li{margin:0 0 12px;padding-left:6px}

/* 11 · jackfruit-101 */
.s-101{background-color:var(--crema2)}
.par-plantas{display:flex;gap:12px;background:var(--selva2);padding:16px;border-radius:16px}
.par-plantas img{flex:1 1 0;min-width:0;width:50%;height:auto}
.faixa-nutri{display:block;width:100%;max-width:560px;height:auto;margin:24px 0}

/* 12 · how-to-eat */
.borda-chao{display:block;width:100%;max-width:1200px;height:auto;margin:-40px auto 24px}
.how-top{display:flex;flex-wrap:wrap;gap:40px;align-items:center;width:100%}
.how-top .foto-par{flex:1 1 360px;max-width:520px}
.how-head{flex:1 1 360px;min-width:0}
.how-head .eyebrow,.how-head h2{text-align:right}
.cols{width:100%;column-count:2;column-gap:56px}
.cols h3{break-after:avoid;margin-top:0}
.cols p{break-inside:avoid-column}

/* 13 · love-wall */
.s-love{background-color:var(--selva);color:var(--crema);padding-top:0}
.vinhas{display:block;width:100%;max-width:2000px;height:260px;object-fit:cover;object-position:top;margin:0 auto}
.s-love .wrap{padding-top:24px}
.s-love h2{text-align:center;color:var(--crema)}
.sub{text-align:center;font:600 16px/1.3 var(--texto);letter-spacing:.2em;color:var(--amarelo);margin-bottom:36px}
.g2q{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.tabua{margin:0;padding:28px 32px;background:#f48a8a;color:#3b0f2a;border-left:8px solid #b01e55;box-shadow:8px 8px 0 rgba(0,0,0,.35)}
.tabua blockquote{margin:0}
.tabua p{font:500 20px/1.3 var(--display);margin:0 0 14px}
.tabua figcaption{font:700 14px/1.2 var(--texto);letter-spacing:.2em;text-transform:uppercase}
.tabua figcaption::before{content:"— "}
.tabua .resp{font:400 16px/1.45 var(--texto);margin:16px 0 0;padding-top:12px;border-top:2px dashed #3b0f2a}
.lat{display:none}
@media(min-width:1320px){.lat{display:block;position:absolute;top:300px;width:calc((100vw - 1200px)/2 - 10px);max-width:260px;height:auto}.lat-e{left:0}.lat-d{right:0}}

/* 14 · where-to-buy */
.s-where{background-color:var(--crema2)}
.s-where{padding-top:0}
.borda-bege{display:block;width:100%;max-width:1200px;height:auto;margin:0 auto clamp(32px,5vw,64px)}
.s-where .g2{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.moldura-clara{background:#fffdf5;border:3px solid var(--tinta);border-radius:16px;padding:14px;margin-top:12px}
.moldura-clara img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.lojas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;padding:0;list-style:none}
.lojas li{background:#fff;border-left:6px solid var(--verde);padding:10px 14px}
.lojas strong{display:block;font:600 18px/1.2 var(--display);letter-spacing:.03em}
.lojas span{font-size:16px;line-height:1.35}

/* 15 · faq */
.s-faq .g2{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.faq-dl{margin:0}
.faq-dl>div{background:var(--crema2);border-left:8px solid var(--verde2);padding:16px 20px;margin-bottom:14px}
.faq-dl dt{font:600 22px/1.2 var(--display);margin-bottom:6px}
.faq-dl dd{margin:0;font-size:17px}

/* 16 · next-friend */
.s-next{background-color:var(--lima);text-align:center}
.s-next h2{font-size:clamp(34px,6.4vw,88px)}
.s-next .intro{margin:0 auto 32px}
.g2n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:stretch;text-align:left}
.moldura-alta{background:var(--selva);border-radius:16px;overflow:hidden;min-height:300px}
.moldura-alta img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}
.ideia{background:var(--crema);border-left:8px solid var(--verde2);padding:24px}
.ideia label{display:block;font-weight:700;margin-bottom:8px}
.ideia textarea{width:100%;min-height:180px;padding:12px;font:400 17px/1.4 var(--texto);color:var(--tinta);background:var(--crema2);border:2px solid var(--verde);border-radius:6px;margin-bottom:16px}
.fecho{max-width:64ch;margin:40px auto 0;font-size:17px}

/* responsivo */
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .g2,.s-why .g2,.s-tom .g2,.s-where .g2,.s-faq .g2,.g3,.s-variety .g3,.g2n,.var-intro{grid-template-columns:minmax(0,1fr)}
  .sticky{position:static}
  .cols{column-count:1}
  .g2q,.lojas{grid-template-columns:minmax(0,1fr)}
  .barb-txt .eyebrow,.barb-txt h2,.how-head .eyebrow,.how-head h2{text-align:left}
  .moldura-alta,.moldura-alta img{min-height:200px;height:200px}
  .tabua{padding:22px 20px}
}
@media(max-width:640px){.g4{grid-template-columns:minmax(0,1fr)}.barra{font-size:17px}}

@media(prefers-reduced-motion:reduce){
  .rv{transition:none}
  .com-js .rv:not(.in){opacity:1;transform:none}
  .strip-track{animation:none}
  .strip-track [aria-hidden="true"]{display:none}
  .postit-q,.postit,.barb-fig img{transform:none}
}