@font-face{font-family:"Hanken Grotesk";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/hanken-grotesk-400.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/hanken-grotesk-500.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/hanken-grotesk-700.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/playfair-display-500.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/playfair-display-700.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/dm-mono-400.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/dm-mono-500.woff2) format("woff2")}

:root{--ink:#111;--paper:#fff;--warm:#f5f3f0;--terra:#c9776a;--mute:#555;--serif:"Playfair Display",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--pad:clamp(16px,2.5vw,36px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans)}
img{display:block;max-width:100%;height:auto}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p,dl,dd,figure{margin:0}
a{color:inherit}
section{overflow-x:clip}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:var(--pad)}
:focus-visible{outline:3px solid #4e85e6;outline-offset:3px}

/* bloco do pacote */
.pular{position:absolute;left:8px;top:-60px;z-index:50;background:#fff;color:#111;padding:12px 16px;min-height:44px;border-radius:8px;text-decoration:none}
.pular:focus{top:8px}
.rascunho{background:#f5e9b8;color:#111;font:500 13px/1.4 var(--mono);text-align:center;padding:8px 16px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111;color:#fff;padding:6px var(--pad)}
.pacote-abas{display:flex;gap:4px;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:40px;color:#fff;text-decoration:none;font:500 14px/1 var(--sans)}
.pacote-abas a:hover{background:#2b2b2b}
.pacote-abas a[aria-current=page]{background:#fff;color:#111}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:40px;background:#fff;color:#111;text-decoration:none;font:700 14px/1 var(--sans)}
.chat:hover{background:#e8e8e8}
.rodape{background:#111;color:#fff;padding:36px var(--pad);display:grid;gap:12px}
.rodape p{max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:700}
.rodape-fontes{font:400 13px/1.4 var(--mono);color:#d0d0d0}

/* tipografia da marca */
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}
h2{font-size:clamp(28px,3.4vw,46px);line-height:1.12}
h3{font-size:22px;line-height:1.2}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.mono-note{font:400 13px/1.5 var(--mono);color:var(--mute)}
.num{display:block;font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--mute);margin-bottom:8px}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:40px;background:#111;color:#fff;text-decoration:none;font:500 15px/1 var(--sans)}
.pill:hover{background:#333}
.pill-light{background:#fff;color:#111}
.pill-light:hover{background:#e8e8e8}
.underlined{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:3px;color:#444}

/* revelação */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){.rv{transition:none}.com-js .rv:not(.in){opacity:1;transform:none}}

/* 1 hero */
.hero{position:relative;min-height:820px;display:grid}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:1440px;margin:0 auto;padding:48px var(--pad)}
.hero-copy{align-self:center;max-width:440px;padding-left:clamp(0px,6vw,80px)}
.hero h1{font-size:clamp(32px,3.6vw,52px);line-height:1.08;margin-bottom:14px}
.hero-sub{font-size:18px;margin-bottom:26px}
.hero-chips{align-self:end;justify-self:end;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.hero-chips li{background:#fff;color:#111;padding:12px 18px;border-radius:40px;font:500 14px/1 var(--sans)}

/* 2 manifesto */
.necessary{padding:72px 0 64px}
.necessary h2{max-width:20ch;margin-bottom:28px}
.necessary-text{columns:2;column-gap:56px;max-width:1000px;margin-bottom:44px}
.necessary-text p{break-inside:avoid;margin-bottom:16px}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.strip img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--warm)}
.strip span{display:block;margin-top:8px;font:400 12px/1.4 var(--mono);color:var(--mute)}

/* 3 lista */
.packing{padding:96px 0 80px}
.packing-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.packing-index{position:sticky;top:24px;align-self:start}
.packing-index h2{font-size:clamp(34px,4.4vw,64px);margin-bottom:20px}
.packing-index p{margin-bottom:14px;max-width:44ch}
.packing-items li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;border-top:1px solid #111;padding:24px 0}
.packing-items img{width:170px;aspect-ratio:4/5;object-fit:cover;background:var(--warm)}
.packing-items h3{margin-bottom:4px}
.variant{font:500 13px/1.4 var(--mono);color:var(--mute);margin-bottom:10px}

/* 4 prateleira */
.shelf{padding:56px 0 64px}
.shelf-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #111;padding-bottom:10px}
.shelf-head h2{font-family:var(--sans);font-size:22px;font-weight:500}
.shelf-intro{margin:16px 0 24px;columns:2;column-gap:56px}
.rail{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}
.rail ul{display:flex;gap:14px;width:max-content}
.card{flex:0 0 260px;background:var(--warm);scroll-snap-align:start}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.card p{padding:12px 14px 16px;font-size:14px}
.card strong{display:block;font-weight:500}
.card span{color:var(--mute)}

/* 5 sets */
.sets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background-color:#111;color:#fff;min-height:640px}
.sets-photo{position:relative;min-height:320px}
.sets-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sets-copy{padding:clamp(28px,4.5vw,64px);display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:flex-start}
.sets .eyebrow{color:#d4d4d4;margin:0}
.sets h2{max-width:16ch}
.sets p{color:#e6e6e6;max-width:52ch}
.kits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}
.kits img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--warm)}
.kits span{display:block;margin-top:6px;font:400 12px/1.35 var(--mono);color:#e0e0e0}

/* 6 contagens */
.counts{background-color:var(--terra);color:#111;padding:56px 0}
.counts .wrap{text-align:right}
.counts .eyebrow{color:#111}
.counts h2{margin-bottom:18px;font-size:clamp(32px,5vw,72px);line-height:1.05}
.counts-note{margin:0 0 32px;columns:2;column-gap:56px;text-align:left}
.count-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px;text-align:left}
.count-list li{border-top:1px solid #111;padding-top:10px}
.count-list b{display:block;font:500 clamp(28px,3.2vw,44px)/1.1 var(--serif)}
.count-list span{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}

/* 7 limpo, eficaz */
.clean{padding:88px 0}
.clean-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,3.5vw,48px)}
.clean-col h2{font-size:clamp(40px,5vw,72px);margin-bottom:18px}
.clean-col p{margin-bottom:14px}
.clean-photo{position:relative;min-height:420px}
.clean-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 8 aromas */
.scents{padding:80px 0 72px}
.scents-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:32px}
.scents h2{max-width:18ch}
.scents-intro{max-width:62ch}
.scent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}
.scent-grid img{width:100%;aspect-ratio:920/1080;object-fit:cover;background:var(--warm)}
.scent-grid figcaption{padding-top:10px}
.scent-grid strong{display:block;font:500 22px/1.2 var(--serif)}
.scent-grid span{font:400 12px/1.4 var(--mono);color:var(--mute)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chips li{border:1px solid #111;border-radius:40px;padding:10px 18px;font:500 14px/1 var(--sans)}
.scents-note{max-width:100ch;color:#333}

/* 9 pele */
.skin figure{position:relative;margin:0}
.skin img{width:100%;max-width:2000px;margin:0 auto;height:clamp(320px,44vw,640px);object-fit:cover}
.skin-chip{position:absolute;left:var(--pad);bottom:24px;background:#111;color:#fff;padding:12px 20px;border-radius:40px;font:500 14px/1.2 var(--sans)}

/* 10 valores */
.values{background-color:#000;color:#fff;padding:56px 0 44px}
.value-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center}
.glyph{display:block;font:500 clamp(44px,5vw,64px)/1 var(--serif);margin-bottom:14px}
.value-list p{font-size:15px}
.values-note{margin-top:32px;text-align:center;font:400 13px/1.5 var(--mono);color:#d0d0d0}

/* 11 assinatura */
.subscribe{padding:96px 0}
.subscribe-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px)}
.subscribe-photos{position:relative;min-height:520px}
.subscribe-photos img{position:absolute;left:0;width:100%;height:calc(50% - 7px);object-fit:cover;background:var(--warm)}
.subscribe-photos img:first-child{top:0}
.subscribe-photos img:last-child{bottom:0}
.subscribe-copy h2{font-size:clamp(34px,4.2vw,60px);margin-bottom:18px}
.subscribe-copy>p{margin-bottom:16px;max-width:62ch}
.benefits{margin:20px 0 24px}
.benefits li{border-top:1px solid #111;padding:16px 0}
.benefits h3{margin-bottom:4px}

/* 12 envio */
.ships{padding:72px 0 80px}
.ships h2{max-width:20ch;margin-bottom:32px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.steps li{border-top:2px solid #111;padding-top:16px}
.steps h3{margin-bottom:8px}

/* 13 perguntas */
.faq{padding:80px 0 96px;background-color:transparent}
.faq h2{max-width:22ch;margin-bottom:36px}
.faq-list{columns:2;column-gap:64px}
.faq-list>div{break-inside:avoid;border-top:1px solid #111;padding:16px 0 12px;margin-bottom:12px}
.faq dt{font:500 21px/1.25 var(--serif);margin-bottom:8px}
.faq dd{color:#333}

/* 14 folha de contato */
.sheet{padding:72px 0 80px}
.sheet h2{margin-bottom:10px}
.sheet-intro{margin-bottom:28px}
.sheet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sheet-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--warm)}
.sheet-grid figcaption{margin-top:8px;font:400 12px/1.35 var(--mono);color:var(--mute)}

/* 15 fecho */
.care{padding:56px 0;border-top:1px solid #111}
.care-wrap{text-align:right;display:flex;flex-direction:column;gap:24px}
.care h2{font-size:clamp(34px,6vw,84px);line-height:1.05;text-align:right}
.care-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;text-align:left}
.care-foot p{max-width:52ch}

@media (max-width:1100px){
  .count-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .necessary-text{columns:1}
  .strip,.scent-grid,.value-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packing-grid,.subscribe-grid,.sets,.clean-grid{grid-template-columns:minmax(0,1fr)}
  .packing-index{position:static}
  .sets-photo{min-height:300px}
  .clean-photo{min-height:340px;order:2}
  .clean-col:last-child{order:3}
  .subscribe-photos{min-height:300px}
  .subscribe-photos img{width:calc(50% - 7px);height:100%}
  .subscribe-photos img:first-child{top:0;left:0}
  .subscribe-photos img:last-child{top:0;bottom:auto;left:auto;right:0}
  .faq-list{columns:1}
  .count-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hero{min-height:0;display:flex;flex-direction:column}
  .hero-bg{position:static;order:2;height:340px;object-position:80% center}
  .hero-grid{order:1;display:flex;flex-direction:column;gap:20px;background:var(--warm);padding:36px var(--pad)}
  .hero-copy{padding-left:0}
  .hero-chips{justify-self:start;justify-content:flex-start}
  .packing-items li{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .packing-items img{width:96px}
  .card{flex-basis:220px}
  .steps{grid-template-columns:minmax(0,1fr)}
  .pacote{flex-wrap:wrap;justify-content:center}
  .pacote-abas{flex:1 1 100%;justify-content:space-between;flex-wrap:nowrap}
  .pacote-abas a{padding:0 7px;font-size:13px}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .chat{flex:1 1 100%}
  .counts .wrap,.care-wrap{text-align:left;align-items:flex-start}
  .counts-note{margin-left:0}
  .shelf-intro,.counts-note{columns:1}
  .scents-head{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:24px}
  .hero-chips{flex-direction:column;align-items:flex-start}
  .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .chips li{text-align:center;padding:12px 10px}
}

/* nitidez: largura limitada ao tamanho natural da foto (orquestrador, sem modelo) */
img[src$="lifestyle-12-cdn-shop-files-desktop-50x50-1-jpg.webp"]{max-width:1400px!important;max-height:1195px!important;margin-left:auto;margin-right:auto}