/* Olive & Piper: concept landing. Linguagem da home real: página branca, respiro entre blocos, canto de 10 px,
   pílulas em caixa alta, serifada leve nos títulos, duas faixas azuis no fim. Sem degradê. */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-400-italic.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/hanken-grotesk-500.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/hanken-grotesk-600.woff2) format('woff2')}

:root{
  /* primitivos medidos no CSS e na home da marca */
  --white:#ffffff; --ink-222:#222222; --grey-5c:#5c5c5c; --grey-44:#444444;
  --purple-4e:#4e2c8f; --purple-3c:#3c226f;
  --line-e8:#e8e8e1; --dim-f5:#f5f5f5; --grey-ea:#eaeaea; --foot-f1:#f1f1f1;
  --sky-de:#dee6f2; --blue-93:#93afd6; --olive-45:#454a35;
  --gold-swatch:#f1cd92; --silver-swatch:#dcdcdc;
  /* papéis */
  --paper:var(--white); --tx:var(--ink-222); --tx-soft:var(--grey-5c); --tx-mid:var(--grey-44);
  --acao:var(--purple-4e); --acao-hover:var(--purple-3c); --sobre-escuro:var(--white);
  --fio:var(--line-e8);
  --serif:'Instrument Serif','Times New Roman',serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --canto:10px; --margem:40px; --max:1360px;
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:16px;-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--paper);color:var(--tx);font-family:var(--sans);font-size:15px;line-height:1.6}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit;touch-action:manipulation}
button,label{touch-action:manipulation}
::selection{background-color:var(--acao);color:var(--sobre-escuro)}
:focus-visible{outline:2px solid var(--acao);outline-offset:3px}
.so-leitor{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

main section{overflow-x:clip}
section > .sheet{max-width:calc(var(--max) + 2 * var(--margem));margin-inline:auto;padding-inline:var(--margem)}

/* ---------- casca do pacote ---------- */
.pular{position:absolute;inset-block-start:8px;inset-inline-start:8px;z-index:20;padding:10px 16px;border-radius:50px;background-color:var(--tx);color:var(--sobre-escuro);font-size:13px;text-decoration:none;transform:translateY(-300%)}
.pular:focus{transform:translateY(0)}
.rascunho{padding:8px 16px;background-color:var(--dim-f5);color:var(--tx);font-size:12.5px;text-align:center}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--margem);background-color:var(--paper);border-block-end:1px solid var(--fio)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:50px;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
.pacote-abas a[aria-current="page"]{background-color:var(--grey-ea)}
.pacote-abas .curto{display:none}
.chat,.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:50px;background-color:var(--acao);color:var(--sobre-escuro);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
.rodape{padding:36px var(--margem) 44px;background-color:var(--paper);color:var(--tx-soft);font-size:13px;text-align:center}
.rodape p + p{margin-block-start:14px}
.rodape-fontes{color:var(--tx-soft);font-size:12px}

/* ---------- pílulas (botão da marca: raio 50 px, caixa alta) ---------- */
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border:1px solid transparent;border-radius:50px;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.pill:active{transform:scale(.97)}
.pill-gray{background-color:var(--grey-ea);color:#000000}
.pill-ghost{border-color:var(--sobre-escuro);color:var(--sobre-escuro)}
.pill-purple{background-color:var(--acao);color:var(--sobre-escuro)}
.pill-line{background-color:var(--paper);border-color:#cfcfc6;color:var(--tx);font-weight:500}

/* ---------- peças de texto que se repetem ---------- */
.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.shelf-head h2{font-size:clamp(30px,2.8vw,40px);line-height:1.1}
.price{font-size:13px;font-variant-numeric:tabular-nums}
.spec{margin-block-start:12px;padding-block-start:10px;border-block-start:1px solid var(--fio);color:var(--tx-soft);font-size:13px;line-height:1.75;font-variant-numeric:tabular-nums}

/* ---------- 1 · the-occasion ---------- */
.shipline{padding:9px 16px;background-color:var(--acao);color:var(--sobre-escuro);font-size:12px;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.wordmark{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px 18px;text-transform:uppercase}
.wordmark-name{color:var(--acao);font-size:24px;letter-spacing:.2em;line-height:1.1}
.wordmark-tag{color:var(--tx-soft);font-size:11.5px;font-weight:500;letter-spacing:.18em}
.banner{position:relative}
.banner-photo{width:100%}
.banner-words{position:absolute;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;padding:24px;color:var(--sobre-escuro);text-align:center}
.banner-words h1{font-size:clamp(44px,4.6vw,88px);line-height:1}
.banner-go{display:flex;flex-direction:column;align-items:center;gap:12px;margin-block-start:clamp(18px,2vw,32px)}

/* ---------- 2 · looking-for ---------- */
.looking{padding-block:76px 72px;text-align:center}
.looking h2{font-size:clamp(34px,3.4vw,50px);line-height:1.05}
.looking-switch{display:inline-flex;gap:6px;margin-block-start:28px;padding:6px;border:1px solid var(--fio);border-radius:60px}
.choice{position:relative;display:block;cursor:pointer}
.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:50px;background:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}
.choice span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:50px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.choice input:checked + span{background-color:var(--acao);color:var(--sobre-escuro)}
.choice input:focus-visible + span{outline:2px solid var(--acao);outline-offset:3px}
.looking-hint{margin-block-start:14px;color:var(--tx-soft);font-size:13px}
.looking-answers{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 64px;max-width:1000px;margin:40px auto 0}
.answer{flex:1 1 320px;max-width:420px;font-size:16px}
.answer a{display:block;width:fit-content;margin:10px auto 0;padding-block:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-underline-offset:4px}
.answer[data-for="both"]{flex-basis:100%;max-width:none;font-family:var(--serif);font-size:clamp(26px,2.6vw,38px);line-height:1.15;text-wrap:balance}
main[data-looking="wedding"] .answer:not([data-for="wedding"]),
main[data-looking="everyday"] .answer:not([data-for="everyday"]){display:none}
main[data-looking="wedding"] .answer[data-for="wedding"],
main[data-looking="everyday"] .answer[data-for="everyday"]{flex-basis:100%;max-width:none;font-family:var(--serif);font-size:clamp(26px,2.6vw,38px);line-height:1.15;text-wrap:balance}
main[data-looking="wedding"] .answer[data-for="wedding"] a,
main[data-looking="everyday"] .answer[data-for="everyday"] a{margin-block-start:16px;font-family:var(--sans)}

/* ---------- 3 · tuesday ---------- */
.tuesday{padding-block:24px 96px}
.tuesday-lead{max-width:640px;margin-block-start:18px}
.tuesday-first{margin-block-end:10px;font-family:var(--serif);font-size:26px;font-style:italic;line-height:1.2}
.chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-block-start:44px}
.chapter{text-align:center}
.chapter-frame{aspect-ratio:1000/689;border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.chapter-frame img{width:100%;height:100%;object-fit:cover}
.chapter h3{margin-block-start:22px;font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.1}
.chapter p{margin-block:6px 16px}

/* ---------- 4 · organic-metals ---------- */
.metals{padding-block:16px 96px}
.shelf-note{max-width:680px;margin-block-start:16px}
.rail{display:flex;gap:22px;margin-block-start:36px;padding-block-end:20px;padding-inline:max(var(--margem),calc((100% - var(--max)) / 2));overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--margem);scrollbar-width:thin;scrollbar-color:#cfcfc6 transparent}
.piece{flex:0 0 300px;scroll-snap-align:start}
.piece-shot{position:relative;aspect-ratio:3/4;border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.piece-shot > img:first-child{width:100%;height:100%;object-fit:cover}
.piece-worn{position:absolute;inset-block-end:10px;inset-inline-end:10px;width:36%;aspect-ratio:3/4;object-fit:cover;border:3px solid var(--paper);border-radius:8px;box-shadow:0 1px 2px rgba(34,34,34,.08),0 8px 20px rgba(34,34,34,.12)}
.piece h3,.find h3,.entry h3{font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}
.piece h3{margin-block-start:14px}
.piece h3 a,.find h3 a,.entry h3 a{display:inline-block;padding-block:4px;text-decoration:none}
.piece-says{margin-block-start:10px;color:var(--tx-mid);font-size:14px;line-height:1.55}

/* ---------- 5 · demi-fine ---------- */
.tiles{padding-block:8px 100px;text-align:center}
.tiles-title{font-size:clamp(30px,2.6vw,38px);line-height:1.1}
.tiles-lead{max-width:760px;margin:14px auto 0}
.tile-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-block-start:40px}
.tile-frame{aspect-ratio:3/4;border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.tile-frame img{width:100%;height:100%;object-fit:cover}
.tile h3{margin-block-start:14px;font-size:15px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.tile h3 a{display:inline-block;padding-block:6px;text-underline-offset:4px}
.tile p{margin-block-start:4px;color:var(--tx-mid);font-size:14px;line-height:1.55}

/* ---------- 6 · modern-vintage ---------- */
.vintage{padding-block:8px 104px}
.finds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 22px;margin-block-start:36px}
.find > img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--canto);background-color:var(--dim-f5)}
.find-text{display:flex;flex-direction:column;margin-block-start:14px}
.find-text h3{order:-2}
.find-text .price{order:-1}
.find-line{margin-block:14px 10px;font-family:var(--serif);font-size:25px;line-height:1.12;text-wrap:balance}
.find-text > p:not(.price):not(.find-line){color:var(--tx-mid);font-size:14px;line-height:1.55}

/* ---------- 7 · gold-or-silver ---------- */
.undertone{padding-block:16px 96px;text-align:center}
.undertone h2{max-width:780px;margin-inline:auto;font-size:clamp(28px,2.6vw,38px);line-height:1.1}
.undertone-lead{max-width:560px;margin:14px auto 0}
.veins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1080px;margin:44px auto 0}
.veins p{max-width:34ch;margin:16px auto 0}
.swatch{display:inline-block;width:30px;height:30px;border:3px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--tx)}
.swatch-gold{background-color:var(--gold-swatch)}
.swatch-silver{background-color:var(--silver-swatch)}
.swatch-pair{display:inline-flex;gap:8px}
.undertone-end{margin-block-start:40px;font-family:var(--serif);font-size:28px;font-style:italic;line-height:1.2}

/* ---------- 8 · again-and-again ---------- */
.again{padding-block:40px 110px}
.again h2{max-width:15ch;font-size:clamp(40px,5vw,76px);line-height:1}
.again-rule{display:block;width:120px;height:1px;margin-block:32px 28px;background-color:var(--tx);transform-origin:left}
.again-note{max-width:520px;font-size:16px}
.again-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,96px);align-items:start}
.again-in > *{grid-column:1}
.again-photo{grid-column:2;grid-row:1 / span 4;align-self:stretch;margin:0}
.again-frame{height:100%;min-height:560px;max-height:760px;border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.again-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-block-start:48px}
.voice p{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.22}
.voice footer{margin-block-start:14px;color:var(--tx-soft);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

/* ---------- 9 · i-do ---------- */
.ido{padding-block:24px 100px}
.ido-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start;margin-block-start:32px}
.ido-photo{position:sticky;inset-block-start:24px}
.ido-frame{aspect-ratio:920/721;border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.ido-frame img{width:100%;height:100%;object-fit:cover}
.ido-photo figcaption{margin-block-start:10px;color:var(--tx-soft);font-size:12px}
.ido-lead{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.22}
.ido-part{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 24px;margin-block-start:28px;padding-block-start:24px;border-block-start:1px solid var(--fio)}
.ido-part h3{grid-row:span 2;font-family:var(--serif);font-size:24px;font-style:italic;font-weight:400;line-height:1.15}
.ido-part p{grid-column:2}
.ido-end{margin-block-start:28px;padding-block-start:24px;border-block-start:1px solid var(--fio)}

/* ---------- 10 · best-sellers ---------- */
.sellers{padding-block:8px 96px}
.ledger{margin-block-start:28px}
.entry{position:relative;display:grid;grid-template-columns:330px minmax(0,1.35fr) minmax(0,.75fr);gap:48px;align-items:start;padding-block:28px}
.entry-rule{position:absolute;inset-block-start:0;inset-inline:0;height:1px;background-color:var(--fio);transform-origin:left}
.entry-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.entry-pair img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;background-color:var(--dim-f5)}
.entry-text p:not(.price){max-width:54ch;margin-block-start:10px}
.entry-also{color:var(--tx-soft);font-size:13.5px}
.entry .spec{margin-block-start:0;padding-block-start:0;border-block-start:0}

/* ---------- 11 · bridesmaids ---------- */
.girls{padding-block:40px 100px}
.girls h2{font-size:clamp(30px,2.8vw,42px);line-height:1.08;text-align:center}
.girls-lead{max-width:560px;margin:14px auto 0;text-align:center}
.ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 80px;max-width:1160px;margin:52px auto 0;counter-reset:idea}
.idea{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;counter-increment:idea}
.idea::before{content:counter(idea);grid-row:span 2;color:var(--acao);font-family:var(--serif);font-size:52px;line-height:.9}
.idea h3{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.idea p{grid-column:2;margin-block-start:8px}

/* ---------- 12 · thank-you ---------- */
.thanks{padding-block:8px 110px}
.thanks-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:88px;align-items:start}
.thanks-when h2{margin-block-end:14px;font-size:clamp(28px,2.6vw,38px);line-height:1.1}
.moments{margin-block-start:20px}
.moments li{padding-block:14px;border-block-start:1px solid var(--fio)}
.thanks-rule{padding-block-start:16px;border-block-start:1px solid var(--fio);font-weight:500}
.ask{position:relative;padding-block:26px}
.ask-rule{position:absolute;inset-block-start:0;inset-inline:0;height:1px;background-color:var(--fio);transform-origin:left}
.ask dt{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.15}
.ask dd{max-width:62ch;margin-block-start:10px}

/* ---------- 13 · details ---------- */
.details{padding-block:16px 100px}
.details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center}
.details-frame{border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.details-frame img{width:100%}
.details-text{text-align:center}
.details-text h2{font-size:clamp(32px,3vw,44px);line-height:1.05}
.details-text p{max-width:46ch;margin:16px auto 0}
.details-text .details-last{font-family:var(--serif);font-size:25px;font-style:italic;line-height:1.2}

/* ---------- 14 · the-beginning ---------- */
.beginning{padding-block:8px 104px}
.beginning-frame{max-width:1000px;margin-inline:auto;aspect-ratio:1026/681;border-radius:var(--canto);overflow:hidden;background-color:var(--dim-f5)}
.beginning-frame img{width:100%;height:100%;object-fit:cover}
.beginning h2{margin-block-start:44px;font-size:clamp(34px,3.2vw,48px);line-height:1.05;text-align:center}
.letter{max-width:1000px;margin:28px auto 0;columns:2;column-gap:64px;font-size:15.5px;line-height:1.7}
.letter p{break-inside:avoid}
.letter p + p{margin-block-start:14px}
.letter .letter-sign{font-family:var(--serif);font-size:30px;font-style:italic;line-height:1.2}
.beginning-go{margin-block-start:32px;text-align:center}

/* ---------- 15 · tarnish ---------- */
.tarnish{padding-block:8px 100px}
.doubts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}
.doubt h2,.doubt h3{font-family:var(--serif);font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-.01em;line-height:1.05;text-wrap:balance}
.doubt p{max-width:56ch;margin-block-start:16px}
.tarnish-rule{display:block;height:1px;margin-block:56px 36px;background-color:var(--fio);transform-origin:left}
.ways-title{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-block-start:24px;counter-reset:way}
.ways li{counter-increment:way}
.ways li::before{content:counter(way);display:block;color:var(--acao);font-family:var(--serif);font-size:44px;line-height:1}
.ways h4{margin-block:8px 6px;font-size:15px;font-weight:600}
.ways p{color:var(--tx-mid);font-size:14.5px}
.ways p + p{margin-block-start:10px}

/* ---------- 16 · quick-shipping ---------- */
.shipping{padding-block:8px 100px}
.perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;text-align:center}
.perk svg{margin-inline:auto;fill:none;stroke:var(--tx);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.perk h3{margin-block:10px 8px;font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.15}
.perk p{max-width:30ch;margin-inline:auto;font-size:14px}
.timelines{max-width:1000px;margin:80px auto 0}
.timelines h2{font-size:clamp(26px,2.4vw,34px);line-height:1.1;text-align:center}
.timelines table{width:100%;margin-block-start:22px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.timelines th,.timelines td{padding:14px 12px;border-block-end:1px solid var(--fio);text-align:start;vertical-align:top}
.timelines thead th{color:var(--tx-soft);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.timelines tbody th{font-weight:600}
.fineprint{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block-start:28px;color:var(--tx-soft);font-size:13.5px}

/* ---------- 17 · olive-it (faixa azul-clara da home) ---------- */
.oliveit{padding-block:80px 84px;background-color:var(--sky-de);text-align:center}
.oliveit h2{font-size:clamp(40px,4.2vw,62px);line-height:1}
.oliveit-big{max-width:920px;margin:26px auto 0;font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.25}
.oliveit-small{max-width:600px;margin:22px auto 0}

/* ---------- 18 · press (tira azul da home) ---------- */
.press{position:relative;background-color:var(--blue-93)}
.press-strip{display:flex;height:84px;overflow:hidden}
.press-run{display:flex;flex:none;align-items:center;gap:64px;padding-inline-end:64px;animation:press-run 60s linear infinite}
.press-run li{font-size:15px;font-weight:600;letter-spacing:.16em;white-space:nowrap}
.press.is-paused .press-run{animation-play-state:paused}
.press-pause{position:absolute;inset-block-start:50%;inset-inline-end:16px;min-width:76px;min-height:44px;padding:0 16px;border:0;border-radius:50px;background-color:var(--paper);color:var(--tx);font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transform:translateY(-50%)}
.sem-js .press-pause{display:none}
@keyframes press-run{to{transform:translateX(-100%)}}

/* ---------- 19 · enjoy (cinza do rodapé da marca) ---------- */
.enjoy{padding-block:84px;background-color:var(--foot-f1)}
.enjoy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center}
.enjoy-mark{width:200px;padding:12px 18px;border:1px solid var(--fio);border-radius:var(--canto);background-color:var(--paper)}
.enjoy-mark img{width:100%}
.enjoy h2{margin-block:28px 10px;font-size:clamp(42px,4.4vw,64px);line-height:1;text-transform:uppercase}
.enjoy-text > p{font-size:16px}
.enjoy-go{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:24px}
.enjoy-text > .enjoy-ship{margin-block-start:22px;color:var(--tx-soft);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.enjoy-frame{max-width:520px;margin-inline:auto;aspect-ratio:694/652;border:1px solid var(--fio);border-radius:var(--canto);overflow:hidden;background-color:var(--paper)}
.enjoy-frame img{width:100%;height:100%;object-fit:contain}

/* ---------- hover só com ponteiro fino ---------- */
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:hover{background-color:var(--dim-f5)}
  .chat:hover,.rodape-chat:hover,.pill-purple:hover{background-color:var(--acao-hover)}
  .pill-gray:hover{background-color:var(--paper)}
  .pill-ghost:hover{background-color:var(--sobre-escuro);color:var(--tx)}
  .pill-line:hover{border-color:var(--tx)}
  .choice:hover input:not(:checked) + span{background-color:var(--dim-f5)}
  .piece h3 a:hover,.find h3 a:hover,.entry h3 a:hover{text-decoration:underline;text-underline-offset:4px}
  .press-pause:hover{background-color:var(--dim-f5)}
}

/* ---------- movimento: estado inicial só sob .com-js ---------- */
.com-js .occasion h1{animation:occasion-rise 1s var(--ease-out) both}
@keyframes occasion-rise{from{opacity:0;transform:translateY(18px)}}
.com-js .rv-up{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv-up:not(.in){opacity:0;transform:translateY(18px)}
.com-js .rv-fade{transition:opacity .9s ease;transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv-fade:not(.in){opacity:0}
.com-js .rv-wipe{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease-in-out);transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 0 100% 0)}
.com-js .rv-side{transition:transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms)}
.com-js .rv-side:not(.in){transform:translateX(56px)}
.com-js .rv-zoom img{transition:transform 1.3s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv-zoom:not(.in) img{transform:scale(1.09)}
.com-js .rv-rule{transition:transform 1s var(--ease-in-out)}
.com-js .rv-rule:not(.in){transform:scaleX(0)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){
  .com-js .occasion h1{animation:none}
  .com-js .rv:not(.in),.com-js .rv-zoom:not(.in) img{transform:none;clip-path:none}
  .com-js .rv-wipe,.com-js .rv-side,.com-js .rv-rule,.com-js .rv-zoom img{transition:none}
  .press-run{animation:none}
  .press-strip{overflow-x:auto}
  .press-again,.press-pause{display:none}
}

/* ---------- telas menores ---------- */
@media (max-width:1100px){
  .finds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entry{grid-template-columns:260px minmax(0,1fr);gap:28px 32px}
  .entry .spec{grid-column:2}
  .details-grid{gap:32px}
  .ido-grid,.thanks-grid{gap:48px}
  .doubts{gap:48px}
}
@media (max-width:860px){
  .again-in{grid-template-columns:minmax(0,1fr)}
  .again-photo{grid-column:1;grid-row:auto;order:5;margin-block-start:40px}
  .again-frame{min-height:0;max-height:none;aspect-ratio:4/5}
  .pacote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px}
  .pacote-abas{display:contents}
  .pacote-abas a,.chat{justify-content:center;min-height:44px;padding:0 6px;font-size:12.5px;letter-spacing:0;text-transform:none}
  .ido-grid,.thanks-grid,.doubts,.enjoy-grid{grid-template-columns:minmax(0,1fr)}
  .ido-photo{position:static}
  .ideas{grid-template-columns:minmax(0,1fr)}
  .ways,.veins,.fineprint{grid-template-columns:minmax(0,1fr);gap:28px}
  .perks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .letter{columns:1}
  .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"t t" "a b";gap:28px 14px;align-items:start}
  .details-text{grid-area:t}
  .details-a{grid-area:a}
  .details-b{grid-area:b}
  .details-frame{aspect-ratio:3/4}
  .details-frame img{height:100%;object-fit:cover}
  .enjoy-grid{gap:40px}
}
@media (max-width:700px){
  :root{--margem:17px}
  .wordmark-name{font-size:20px}
  .banner{display:flex;flex-direction:column-reverse}
  .banner-words{position:static;width:100%;padding:30px 17px 28px;background-color:var(--olive-45)}
  .banner-words h1{font-size:44px}
  .banner-photo{aspect-ratio:780/610;object-fit:cover;object-position:bottom}
  .shelf-head{flex-wrap:wrap}
  .looking{padding-block:56px}
  .looking-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:30px}
  .choice:last-child{grid-column:1 / -1}
  .choice span{padding:0 8px;font-size:12px;letter-spacing:.05em}
  .looking-answers{margin-block-start:30px}
  .tuesday,.metals,.ido,.sellers{padding-block-end:72px}
  .chapters{grid-template-columns:minmax(0,1fr);gap:36px;margin-block-start:32px}
  .shelf-head .pill{min-height:44px;padding:0 16px;font-size:12px}
  .piece{flex-basis:248px}
  .tiles{padding-block-end:72px}
  .tile-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;margin-block-start:28px}
  .vintage{padding-block-end:76px}
  .finds{grid-template-columns:minmax(0,1fr);gap:34px}
  .find{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start}
  .find-text{margin-block-start:0}
  .find-line{font-size:22px}
  .undertone{padding-block-end:72px}
  .again{padding-block:24px 80px}
  .voices{grid-template-columns:minmax(0,1fr);gap:32px;margin-block-start:36px}
  .ido-part{grid-template-columns:minmax(0,1fr)}
  .ido-part h3{grid-row:auto}
  .ido-part p{grid-column:1}
  .entry{grid-template-columns:minmax(0,1fr);gap:18px}
  .entry .spec{grid-column:1}
  .girls{padding-block:24px 76px}
  .ideas{gap:30px;margin-block-start:36px}
  .idea{grid-template-columns:44px minmax(0,1fr)}
  .idea::before{font-size:44px}
  .thanks,.details,.beginning,.tarnish,.shipping{padding-block-end:76px}
  .beginning h2{margin-block-start:32px}
  .tarnish-rule{margin-block:40px 28px}
  .perks{gap:32px 14px}
  .timelines{margin-block-start:56px}
  .timelines table{font-size:13px}
  .timelines th,.timelines td{padding:12px 6px}
  .timelines thead th{font-size:11.5px;letter-spacing:.04em}
  .oliveit{padding-block:60px 64px}
  .press-strip{height:72px}
  .press-pause{inset-inline-end:10px}
  .enjoy{padding-block:60px}
  .enjoy-go .pill{flex:1 1 100%}
  .rodape{padding-inline:17px}
}