@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-400.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-500.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-600.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-700.woff2) format('woff2')}

:root{
  --creme:#fefdf7;
  --tx:#2b2410;
  --tx-suave:#4a4128;
  --oliva:#7a6c05;
  --ouro:#b4990d;
  --marrom:#2a2008;
  --acc:#c23f12;
  --on-acc:#fefdf7;
  --linha:rgba(43,36,16,.18);
  --max:1280px;
  --ease:cubic-bezier(.23,1,.32,1);
  --stem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 56'%3E%3Cpath d='M32 56V2' stroke='black' stroke-width='2' fill='none'/%3E%3Cellipse cx='19' cy='38' rx='14' ry='7' transform='rotate(-40 19 38)'/%3E%3Cellipse cx='45' cy='38' rx='14' ry='7' transform='rotate(40 45 38)'/%3E%3Cellipse cx='20' cy='18' rx='12' ry='6' transform='rotate(-40 20 18)'/%3E%3Cellipse cx='44' cy='18' rx='12' ry='6' transform='rotate(40 44 18)'/%3E%3C/svg%3E");
}
html[data-cw="yellow"]{--acc:#e2b300;--on-acc:#2b2410}
html[data-cw="brown"]{--acc:#4a2f1b;--on-acc:#fefdf7}
html[data-cw="navy"]{--acc:#1f2f5c;--on-acc:#fefdf7}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--creme);color:var(--tx);font-family:'Montserrat',system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.65;touch-action:manipulation}
::selection{background:var(--oliva);color:var(--creme)}
:focus-visible{outline:2px solid var(--oliva);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-weight:500;line-height:1.15;margin:0 0 .6em;text-wrap:balance}
h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);letter-spacing:-.005em}
h3{font-size:1.0625rem;line-height:1.35}
p{margin:0 0 1em;max-width:68ch;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:from-font}
section{overflow-x:clip;background-color:var(--creme);position:relative}
section[id]{scroll-margin-top:64px}

/* === bloco do pacote === */
.pular{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:.7rem 1rem;z-index:100}
.pular:focus{left:8px;top:8px}
.rascunho{background-color:var(--marrom);color:#fefdf7;text-align:center;font-size:.75rem;line-height:1.4;padding:.45rem 1rem;letter-spacing:.02em}
.pacote{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;background-color:var(--creme);border-bottom:1px solid var(--linha);padding:.5rem clamp(.75rem,3vw,2rem)}
.pacote-abas{display:flex;gap:.25rem;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;font-size:.8125rem;font-weight:500;text-decoration:none;color:var(--tx);border-bottom:2px solid transparent;transition:border-color .15s ease,color .15s ease}
.pacote-abas a[aria-current="page"]{border-bottom-color:var(--oliva);font-weight:700}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;background-color:var(--oliva);color:var(--creme);font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s ease,transform .15s var(--ease)}
.chat:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.chat:hover{background-color:var(--marrom)}.pacote-abas a:hover{border-bottom-color:var(--ouro)}}
@media(max-width:860px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 .55rem;font-size:.75rem}}
.rodape{background-color:var(--oliva);color:var(--creme);padding:2.5rem clamp(1rem,4vw,3rem);font-size:.8125rem;text-align:center}
.rodape p{margin:0 auto .8rem;max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 1.4rem;background-color:var(--creme);color:var(--marrom);font-weight:600;text-decoration:none}
.rodape-fontes{color:#fefdf7;font-size:.75rem}

/* === peças comuns === */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.6rem;background-color:var(--oliva);color:var(--creme);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease,transform .15s var(--ease)}
.botao:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.botao:hover{background-color:var(--marrom)}}
.titulo-centro{text-align:center}
.centro{text-align:center;margin-inline:auto}
.preco{font-size:.8125rem;font-weight:500;margin:0;font-variant-numeric:tabular-nums}
.preco span{color:var(--tx-suave)}
.ficha{display:grid;gap:.4rem;margin:0 0 1.2rem;padding-left:0}
.ficha li{padding-left:1.1rem;position:relative;font-size:.9375rem}
.ficha li::before{content:"";position:absolute;left:0;top:.62em;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--acc)}
.nota{font-weight:600}
.faixa-stem{height:56px;background-color:var(--acc);-webkit-mask:var(--stem) repeat-x center/56px 56px;mask:var(--stem) repeat-x center/56px 56px;transition:background-color .5s ease}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* === 1 queen-of-prints === */
.queen{min-height:100svh;background-color:var(--marrom);color:#fefdf7;display:flex;flex-direction:column;justify-content:space-between;text-align:center;isolation:isolate}
.queen-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.queen::before{content:"";position:absolute;inset:0;background-color:rgba(20,14,4,.55);z-index:-1}
.queen-topo{padding:clamp(3rem,10vh,6rem) 1.5rem 0}
.queen-tag{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;margin:0 auto .8rem}
.queen h1{font-size:clamp(2.2rem,1.4rem + 4vw,4.2rem);font-weight:400;letter-spacing:.01em;margin-bottom:.3em}
.queen-sub{margin:0 auto;font-size:1.0625rem}
.queen-pe{padding:0 1.5rem clamp(2.5rem,8vh,5rem);max-width:760px;margin-inline:auto}
.queen-h2{font-size:1.5rem}
.queen-pe p{margin-inline:auto;font-size:.9375rem}
.queen .botao{background-color:var(--creme);color:var(--marrom)}
@media(hover:hover) and (pointer:fine){.queen .botao:hover{background-color:#e9e3c8}}

/* === 2 nightwear === */
.vitrine{padding:clamp(3rem,7vw,5.5rem) clamp(1rem,3vw,2rem)}
.vitrine-in{max-width:var(--max);margin-inline:auto}
.vitrine-aviso{text-align:center;margin:-.2rem auto 2rem;font-size:.8125rem;color:var(--tx-suave)}
.prateleira{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;margin-bottom:2.5rem}
.peca img{width:100%;aspect-ratio:4/5;object-fit:cover;background-color:#f1ece0;margin-bottom:.7rem}
.peca h3{font-size:.75rem;font-weight:400;margin:0 0 .25rem;text-align:center;text-wrap:balance}
.peca .preco{text-align:center;font-size:.75rem}
@media(max-width:1100px){.prateleira{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.prateleira{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}

/* === 3 nova-room === */
.nova{padding:0 0 clamp(3rem,7vw,6rem);background-color:#f4efe1}
.nova-in{max-width:1440px;margin-inline:auto}
.colagem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.colagem li:nth-child(even){margin-top:3rem}
.colagem li:nth-child(odd){margin-bottom:-3rem}
.colagem img{width:100%;aspect-ratio:4/5;object-fit:cover}
.nova-texto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);padding:clamp(4rem,7vw,6rem) clamp(1rem,3vw,2rem) 0;max-width:var(--max);margin-inline:auto}
.nova-texto h2{font-size:1.75rem}
.nova-texto p{font-size:.9375rem}
@media(max-width:1000px){.nova-texto{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.colagem{grid-template-columns:repeat(2,minmax(0,1fr))}.colagem li:nth-child(odd){margin-bottom:0}.colagem li:nth-child(even){margin-top:0}}

/* === 4 maeve-making === */
.faixa-foto{min-height:72svh;background-color:var(--marrom);color:#fefdf7;display:flex;align-items:flex-end;isolation:isolate}
.faixa-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.faixa-foto::before{content:"";position:absolute;inset:0;background-color:rgba(20,14,4,.35);z-index:-1}
.painel{padding:clamp(1.5rem,4vw,3.5rem);max-width:560px;background-color:rgba(20,14,4,.62)}
.painel h2{font-size:1.75rem}
.painel .botao{background-color:var(--creme);color:var(--marrom)}

/* === 5 maeve-and-bob === */
.malha{padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem)}
.malha-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.malha-foto{position:sticky;top:90px;margin:0}
.malha-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.livro{border-top:2px solid var(--tx);margin:0 0 2rem}
.livro li,.cardapio li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--linha);font-size:.9375rem}
.livro b,.cardapio b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.duo img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media(max-width:860px){.malha-in{grid-template-columns:minmax(0,1fr)}.malha-foto{position:static}.malha-foto img{aspect-ratio:1/1;object-position:top}}

/* === 6 hosting-ready === */
.mesa{padding:clamp(3rem,7vw,5.5rem) clamp(1rem,3vw,2rem);background-color:#f4efe1}
.mesa-in{max-width:1100px;margin-inline:auto}
.mesa-sub{font-size:.9375rem;margin-bottom:2.5rem}
.cardapio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:clamp(1.5rem,5vw,4rem);border-top:2px solid var(--tx)}
.cardapio li:nth-child(n+6){border-top:0}
.mesa-foto{margin:3rem auto 0;max-width:630px}
.mesa-foto img{width:100%}
.mesa-foto figcaption{font-size:.8125rem;color:var(--tx-suave);margin-top:.6rem}
@media(max-width:700px){.cardapio{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-template-rows:none}}

/* === 7 pattern-lessons === */
.licoes{padding-bottom:clamp(3rem,7vw,6rem)}
.licoes-in{max-width:var(--max);margin:clamp(2.5rem,5vw,4rem) auto 0;padding-inline:clamp(1rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.licoes-lado{position:sticky;top:90px}
.licoes-lado img{margin-top:1.2rem;width:100%;max-width:740px}
.licoes-corpo article{padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--linha)}
.licoes-corpo article:last-child{border-bottom:0}
@media(max-width:860px){.licoes-in{grid-template-columns:minmax(0,1fr)}.licoes-lado{position:static}}

/* === 8 stem-colourway === */
.colorway{background-color:#c23f12;background-color:var(--acc);color:var(--on-acc);padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem);transition:background-color .5s ease,color .5s ease}
.colorway-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.colorway-texto p{font-size:.9375rem}
.estampas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.estampas li{background-color:var(--creme);color:var(--tx)}
.estampas img{width:100%;aspect-ratio:1/1;object-fit:cover}
.estampas p{font-size:.75rem;margin:0;padding:.6rem .7rem;max-width:none}
.seletor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1.5rem 0 .6rem;max-width:520px}
.amostra{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .6rem;border:1.5px solid currentColor;background-color:transparent;color:inherit;font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,transform .15s var(--ease)}
.amostra i{display:block;width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--creme);flex:none}
.amostra[aria-pressed="true"]{background-color:var(--creme);color:var(--tx)}
.amostra:active{transform:scale(.97)}
.seletor-leitura{font-size:.8125rem;margin-bottom:1.6rem}
.especificacao{grid-column:1/-1;width:100%;border-collapse:collapse;background-color:var(--creme);color:var(--tx);font-size:.875rem;margin-top:1rem}
.especificacao caption{caption-side:top;text-align:left;padding:.8rem 1rem;font-weight:600;background-color:var(--creme);color:var(--tx);border-bottom:2px solid var(--tx)}
.especificacao th,.especificacao td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--linha);vertical-align:top;font-weight:400}
.especificacao thead th,.especificacao tbody th{font-weight:600}
@media(max-width:860px){.colorway-in{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.seletor{grid-template-columns:repeat(2,minmax(0,1fr))}.especificacao th,.especificacao td{padding:.6rem .5rem;font-size:.75rem}}

/* === 9 wool-and-cushions === */
.la{padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem)}
.la-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.la-texto{position:sticky;top:90px}
.la-texto p{font-size:.9375rem}
.mantas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.mantas li:nth-child(2){margin-top:3rem}
.mantas li:nth-child(3){margin-top:6rem}
.mantas img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:.6rem;background-color:#f1ece0}
.mantas h3{font-size:.8125rem;font-weight:400;margin-bottom:.2rem}
.almofadas{max-width:var(--max);margin:clamp(3rem,6vw,5rem) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.almofadas img{width:100%;aspect-ratio:1/1;object-fit:cover}
.almofadas p{font-size:.8125rem;margin:.5rem 0 0}
@media(max-width:960px){.la-in{grid-template-columns:minmax(0,1fr)}.la-texto{position:static}.almofadas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mantas{grid-template-columns:minmax(0,1fr)}.mantas li:nth-child(n){margin-top:0}}

/* === 10 softie-bags === */
.bolsas{padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem);background-color:#f4efe1}
.bolsas-in{max-width:var(--max);margin-inline:auto}
.bolsas-topo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin-bottom:3rem}
.bolsas-topo img{width:100%;max-width:690px;aspect-ratio:3/2;object-fit:cover}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:3.5rem}
.tiles li{position:relative;overflow:hidden;background-color:var(--marrom)}
.tiles img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tiles span{position:absolute;inset:auto 0 0 0;padding:1.2rem .8rem .7rem;text-align:center;color:#fefdf7;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background-color:rgba(20,14,4,.6)}
.comparar{width:100%;border-collapse:collapse;background-color:var(--creme);font-size:.9375rem}
.comparar caption{text-align:left;font-weight:600;padding:.8rem 1rem;border-bottom:2px solid var(--tx)}
.comparar th,.comparar td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha);font-weight:400}
.comparar thead th,.comparar tbody th{font-weight:600}
.comparar tbody th{width:14%}
.leitura{margin:2rem 0 3rem}
.chaveiros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.chaveiros li{background-color:var(--creme);padding:1.5rem;border:1px solid var(--linha)}
.chaveiros p{font-size:.875rem;margin-bottom:.4rem}
@media(max-width:860px){.bolsas-topo{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:minmax(0,1fr)}.chaveiros{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.comparar th,.comparar td{padding:.6rem .5rem;font-size:.75rem}.comparar tbody th{width:20%}}

/* === 11 out-of-this-world === */
.cosmos{background-color:var(--marrom);color:#fefdf7;padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem)}
.cosmos-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.cosmos h2{font-size:clamp(2.4rem,1.2rem + 5vw,5rem);font-weight:600;line-height:1;letter-spacing:-.01em}
.cosmos-lead{font-size:1.25rem}
.cosmos img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cosmos-pe{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);border-top:1px solid rgba(254,253,247,.35);padding-top:2rem}
.cosmos-pe p{font-size:.9375rem;margin:0}
@media(max-width:860px){.cosmos-in{grid-template-columns:minmax(0,1fr)}.cosmos-pe{grid-template-columns:minmax(0,1fr)}}

/* === 12 about-orla === */
.orla{padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem)}
.orla-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.linha-tempo{position:sticky;top:90px;margin:0;max-width:420px}
.linha-tempo img{width:100%;max-height:calc(100svh - 190px);object-fit:contain;object-position:top;background-color:var(--creme)}
.linha-tempo figcaption{font-size:.8125rem;margin-top:.7rem;color:var(--tx-suave)}
.orla-texto h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.75rem)}
.retrato{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1.5rem;align-items:start;margin-bottom:1.5rem}
.moldura{background-color:#f4efe1;border:1px solid var(--linha);padding:.6rem}
.retrato img{width:100%;object-fit:contain}
.orla blockquote{margin:1.5rem 0 2rem;padding:.3rem 0 .3rem 1.4rem;border-left:4px solid var(--acc);font-size:1.0625rem;transition:border-color .5s ease}
.orla-retrato2{width:100%;max-width:650px;margin-top:1.5rem}
@media(max-width:860px){.orla-in{grid-template-columns:minmax(0,1fr)}.linha-tempo{position:static;max-width:320px}.retrato{grid-template-columns:minmax(0,1fr)}.retrato img{max-width:260px}}

/* === 13 planet === */
.planeta{background-color:var(--oliva);color:var(--creme);padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem)}
.planeta-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.registro{border-top:1px solid rgba(254,253,247,.5)}
.registro li{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(254,253,247,.35)}
.registro .fig{font-size:1.25rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.registro p{margin:0;font-size:.9375rem}
.planeta-foto{position:sticky;top:90px;margin:0}
.planeta-foto img{width:100%;max-width:651px}
.planeta-foto figcaption{font-size:.875rem;margin-top:1rem}
@media(max-width:860px){.planeta-in{grid-template-columns:minmax(0,1fr)}.planeta-foto{position:static}}
@media(max-width:520px){.registro li{grid-template-columns:minmax(0,1fr);gap:.2rem}}

/* === 14 made-by-hand === */
.mao{padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2rem);background-color:#f4efe1}
.mao-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);align-items:start}
.mao-col img{width:100%;max-width:660px;aspect-ratio:3/2;object-fit:cover;margin-bottom:1.5rem}
.mao-col p{font-size:.9375rem}
@media(max-width:860px){.mao-in{grid-template-columns:minmax(0,1fr)}}

/* === 15 journal === */
.diario{padding-bottom:clamp(3rem,6vw,5rem)}
.diario-in{max-width:960px;margin:clamp(2rem,4vw,3rem) auto 0;padding-inline:clamp(1rem,3vw,2rem)}
.diario-topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem;margin-bottom:1.5rem}
.diario-topo h2,.diario-topo p{margin:0}
.indice{border-top:2px solid var(--tx)}
.indice li{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--linha);align-items:baseline}
.indice time{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--tx-suave)}
.indice a{font-size:1.0625rem;text-decoration:none}
@media(hover:hover) and (pointer:fine){.indice a:hover{text-decoration:underline}}
@media(max-width:520px){.indice li{grid-template-columns:minmax(0,1fr);gap:.2rem}}

/* === 16 rewards-and-delivery === */
.pontos{background-color:#f4efe1;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3vw,2rem)}
.pontos-in{max-width:var(--max);margin-inline:auto;text-align:center}
.pontos-frete{font-size:1.5rem;font-weight:500;margin:0 auto 1.5rem}
.pontos-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}
.pontos-trio li{border:1px solid var(--tx);padding:1.2rem}
.pontos-trio h2{font-size:1.0625rem;font-weight:600;margin-bottom:.2rem}
.pontos-trio p{margin:0 auto;font-size:.9375rem}
.pontos-nota{font-size:.8125rem;color:var(--tx-suave);margin:0 auto .4rem}
@media(max-width:700px){.pontos-trio{grid-template-columns:minmax(0,1fr)}}

/* === 17 questions === */
.perguntas{padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem)}
.perguntas-in{max-width:900px;margin-inline:auto}
.perguntas-lista{border-top:2px solid var(--tx)}
details{border-bottom:1px solid var(--linha)}
summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:500;position:relative;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.3rem;top:.8rem;font-size:1.4rem;line-height:1;color:var(--acc);transition:transform .2s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{font-size:.9375rem;margin-bottom:.7rem}
details>p:last-child{margin-bottom:1.2rem}

/* === 18 stay-in-the-know === */
.fecho{background-color:var(--marrom);color:#fefdf7;padding-top:clamp(3rem,6vw,5rem)}
.fecho-in{max-width:760px;margin-inline:auto;padding:0 clamp(1rem,3vw,2rem) 2.5rem;text-align:center}
.fecho p{margin-inline:auto}
.fecho .botao{background-color:var(--creme);color:var(--marrom)}
.fecho-insta{margin-top:2rem}
.fecho-marca{font-size:.8125rem}
.insta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.insta img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:700px){.insta{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* === revelação: estado escondido só sob .com-js === */
.com-js .rv{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
.com-js img.rv-wipe{transition:clip-path 1.1s var(--ease),opacity .6s ease}
.com-js img.rv-wipe:not(.in){clip-path:inset(0 0 100% 0);transform:none;opacity:1}
.com-js img.rv-wipe.in{clip-path:inset(0 0 0 0)}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv,.com-js img.rv-wipe{transition:opacity .3s ease;transition-delay:0s}
  .com-js .rv:not(.in){transform:none}
  .com-js img.rv-wipe:not(.in){clip-path:none;opacity:0}
  .faixa-stem,.colorway,.orla blockquote{transition:none}
}