/* Skin at Peace · Batch Dated: a vida de 60 dias de um lote */
@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:'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:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/geist-400.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/geist-500.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/geist-700.woff2) format('woff2')}

:root{
  /* primitivos medidos no CSS da marca */
  --navy:#0b254c;
  --sky:#8dc0ff;
  --sky-deep:#64a9ff;
  --navy-lift:#1850a5;
  --tint:#eef1f5;
  --card:#eef2f8;
  --canvas:#ebf4ff;
  --hairline:#d6cfc4;
  --white:#fff;
  /* papéis */
  --tx:var(--navy);
  --tx-soft:#4d6890;
  --acao:var(--navy);
  --sobre-escuro:#fff;
  --serif:'Instrument Serif','Iowan Old Style','Times New Roman',serif;
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--white);color:var(--tx);font:400 16px/1.6 var(--sans)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.02em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a,button{touch-action:manipulation}
a{color:inherit}
::selection{background-color:var(--sky);color:var(--navy)}
:focus-visible{outline:2px solid #3d87e8;outline-offset:3px;border-radius:2px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- casca do pacote ---------- */
.pular{position:absolute;left:12px;top:8px;z-index:20;padding:10px 16px;background-color:var(--navy);color:#fff;border-radius:999px;font:700 13px/1 var(--sans);transform:translateY(-200%)}
.pular:focus{transform:none}
.rascunho{padding:8px 16px;background-color:var(--navy);color:#fff;font:500 12px/1.4 var(--sans);letter-spacing:.02em;text-align:center}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:0 24px;background-color:var(--white);border-bottom:1px solid var(--hairline)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:54px;padding:0 14px;color:var(--navy);font:500 14px/1 var(--sans);text-decoration:none;transition:background-color .16s ease}
.pacote-abas a[aria-current="page"]{font-weight:700;box-shadow:inset 0 -2px 0 var(--navy)}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:999px;background-color:var(--navy);color:#fff;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .16s ease}
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:hover{background-color:var(--tint)}
  .chat:hover{background-color:var(--navy-lift)}
}
.rodape{padding:28px max(20px,calc((100% - 1328px) / 2)) 40px;background-color:var(--navy);color:rgba(255,255,255,.82);border-top:1px solid rgba(141,192,255,.28);font:400 13px/1.6 var(--sans)}
.rodape p{max-width:70ch}
.rodape p + p{margin-top:14px}
.rodape-chat{display:inline-flex;align-items:center;height:40px;padding:0 20px;border:1px solid var(--sky);border-radius:999px;color:#fff;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.rodape-fontes{color:#b8c6dc;font-size:12px}

/* ---------- peças compartilhadas ---------- */
main{
  position:relative;
  --sheet:min(1328px,100% - 112px);
  --col:calc((var(--sheet) - 264px) / 12);
  --from2:calc(var(--col) + 24px);
  --rule-x:calc((100% - var(--sheet)) / 2 + var(--col) / 2);
}
main > section{position:relative;overflow-x:clip}
/* a régua de datas: um fio na coluna 1, do marquee até a faixa final */
main > section::before{content:"";position:absolute;left:var(--rule-x);top:0;bottom:0;width:1px;background-color:var(--rule-c,var(--hairline));z-index:1;pointer-events:none}
#batch-dated-hero::before,#this-weeks-batch::before{content:none}

.batch-sheet{width:var(--sheet);margin-inline:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.ship-week__in,.in-the-box__in,.one-more__in{width:calc(var(--sheet) - var(--from2));margin-left:calc((100% - var(--sheet)) / 2 + var(--from2))}

.dated-mark{position:absolute;left:var(--rule-x);top:104px;z-index:2;transform:translateX(-50%);padding:10px 0;background-color:var(--sec-bg,var(--white));color:var(--mark-c,var(--navy));font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.dated-mark--second{top:148px}

.dated-rule{position:absolute;left:var(--rule-x);top:902px;bottom:var(--rule-end,460px);width:0;z-index:3;pointer-events:none}
.dated-rule__cursor{position:sticky;top:50vh;width:0;height:1px}
.dated-rule__dot{position:absolute;left:-5px;top:-5px;width:11px;height:11px;border-radius:50%;background-color:var(--sky);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--navy)}
.dated-rule__day{position:absolute;right:16px;top:-12px;display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid var(--sky);border-radius:999px;background-color:var(--navy);color:#fff;font:700 10px/1 var(--sans);letter-spacing:.1em;white-space:nowrap;font-variant-numeric:tabular-nums}
.sem-js .dated-rule{display:none}

.cap{font:700 12px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-soft)}
.cap--sky{color:var(--sky)}
.cap--white{color:#fff}

.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,transform .16s var(--ease-out)}
.pill:active{transform:scale(.97)}
.pill--sky{background-color:var(--sky);color:var(--navy)}
.pill--navy{background-color:var(--navy);color:#fff}
.pill--white{background-color:#fff;color:var(--navy)}
.under{color:var(--navy);font:700 14px/1.2 var(--sans);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color .16s ease}
.under--light{color:#fff}
@media (hover:hover) and (pointer:fine){
  .pill--sky:hover{background-color:var(--sky-deep)}
  .pill--navy:hover{background-color:var(--navy-lift)}
  .pill--white:hover{background-color:var(--canvas)}
  .under:hover{text-decoration-color:var(--sky-deep)}
}

/* selo de lote */
.batch-seal{position:relative;width:160px;height:160px;border-radius:50%;background-color:var(--navy);color:var(--sky)}
.batch-seal__ring{position:absolute;inset:0;width:100%;height:100%}
.batch-seal__edge{fill:none;stroke:rgba(141,192,255,.45);stroke-width:1}
.batch-seal__type{fill:var(--sky);font:700 10.5px var(--sans)}
.batch-seal__type--navy{fill:var(--navy);font-size:9px}
.batch-seal__spin{transform-box:view-box;transform-origin:center;animation:seal-turn 30s linear infinite}
.batch-seal__dates{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.batch-seal__k{font:700 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.batch-seal__v{margin:3px 0 7px;font:400 18px/1 var(--serif);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.batch-seal__v:last-child{margin-bottom:0}
.batch-pill{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 14px;border:1px solid rgba(141,192,255,.55);border-radius:999px;background-color:var(--navy);color:#fff;font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.batch-pill--line{background-color:transparent}
.batch-pill__dot{width:6px;height:6px;border-radius:50%;background-color:var(--sky)}
@keyframes seal-turn{to{transform:rotate(360deg)}}

/* faixas em movimento */
.marquee{display:flex;width:max-content}
.run-pause{position:absolute;right:16px;top:50%;z-index:3;width:40px;height:40px;margin-top:-20px;padding:0;border:1px solid var(--hairline);border-radius:50%;background-color:#fff;color:var(--navy);cursor:pointer;transition:transform .16s var(--ease-out)}
.run-pause:active{transform:scale(.94)}
.run-pause__icon{display:block;width:10px;height:12px;margin:0 auto;border-left:3px solid currentColor;border-right:3px solid currentColor}
.run-pause[aria-pressed="true"] .run-pause__icon{width:0;height:0;margin-left:16px;border-left:10px solid currentColor;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent}
.motion-paused .marquee,.motion-paused .batch-seal__spin{animation-play-state:paused}

/* carrosséis */
.reel-ctl{display:flex;align-items:center;justify-content:center;gap:24px}
.reel-ctl__btn{flex:none;width:44px;height:44px;padding:0 0 3px;border:1px solid var(--navy);border-radius:50%;background-color:transparent;color:var(--navy);font:400 24px/1 var(--sans);cursor:pointer;transition:background-color .16s ease,transform .16s var(--ease-out)}
.reel-ctl__btn:active{transform:scale(.94)}
.reel-ctl__btn[disabled]{opacity:.32;cursor:default}
.reel-ctl__bar{position:relative;flex:1;height:2px;background-color:rgba(11,37,76,.16)}
.reel-ctl__fill{position:absolute;left:0;top:-1px;width:20%;height:4px;background-color:var(--navy);transform:translateX(calc(var(--reel-p,0) * 400%));transition:transform .3s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.reel-ctl__btn:not([disabled]):hover{background-color:var(--canvas)}}

/* ---------- 1 · abertura ---------- */
.fresh-open{display:flex;flex-direction:column;height:850px;background-color:var(--navy);color:#fff}
.fresh-open__photo{position:absolute;inset:0}
.fresh-open__photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.fresh-open__photo::after{content:"";position:absolute;inset:0;background-color:rgba(11,37,76,.5)}
.fresh-open__bar{position:relative;z-index:1;display:grid;place-items:center;height:46px;background-color:var(--canvas);color:var(--navy);font:500 11px/1 var(--sans);letter-spacing:.14em}
.fresh-open__head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:var(--sheet);margin:10px auto 0;min-height:46px}
.fresh-open__logo{margin-left:-14px}
.fresh-open__logo img{width:auto;height:68px}
.fresh-open__shop{display:inline-flex;align-items:center;min-height:44px;color:#fff;font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.fresh-open__sheet{position:relative;z-index:1;align-items:end;margin-top:auto;padding-bottom:120px}
.fresh-open__copy{grid-column:1 / span 7}
.fresh-open__copy h1{margin:14px 0 18px;font-size:72px;line-height:1;letter-spacing:-1.44px}
.fresh-open__ask{max-width:30em;font-size:18px;line-height:1.5;color:rgba(255,255,255,.92)}
.fresh-open__go{display:flex;align-items:center;gap:28px;margin-top:30px}
.fresh-open__seal{grid-column:10 / -1;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:14px}
@keyframes open-in{from{opacity:0;transform:translateY(18px)}}
.com-js .fresh-open__copy > *{animation:open-in .9s var(--ease-out) both;animation-delay:calc(120ms + var(--i,0) * 90ms)}
.com-js .fresh-open__seal{animation:open-in .9s var(--ease-out) .55s both}

/* ---------- 2 · faixa de confiança ---------- */
.trust-run{display:flex;align-items:center;height:103px}
.trust-run__window{width:100%;overflow:hidden}
.trust-run__track{animation:run-thirds 40s linear infinite}
.trust-run__set{display:flex;flex:none;margin:0;padding:0;list-style:none}
.trust-run__set li{position:relative;padding:0 64px;font:400 14px/1 var(--sans);letter-spacing:.05em;white-space:nowrap}
.trust-run__set strong{font-weight:700}
.trust-run__set li::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background-color:var(--sky)}
@keyframes run-thirds{to{transform:translateX(-33.3333%)}}
@keyframes run-quarters{to{transform:translateX(-25%)}}
@media (hover:hover) and (pointer:fine){.trust-run__window:hover .marquee,.press-run__window:hover .marquee{animation-play-state:paused}}

/* ---------- 3 · DAY 0 ---------- */
.lab-day{--sec-bg:var(--tint);padding:104px 0 112px;background-color:var(--tint)}
.lab-day__story{grid-column:2 / span 5;display:flex;flex-direction:column}
.lab-day__story h2{margin:12px 0 22px;font-size:44px;line-height:1.06}
.lab-day__bench{width:min(420px,100%);aspect-ratio:1;margin:36px 0 0;border-radius:4px;overflow:hidden}
.lab-day__bench img{width:100%;height:100%;object-fit:cover}
.lab-day__record{grid-column:8 / -1;align-self:start;position:sticky;top:32px;padding:32px 32px 30px;background-color:#fff;border:1px solid var(--hairline);border-radius:4px}
.lab-day__qc{margin-top:14px;font-size:15px;line-height:1.6}
.record-rows{width:100%;margin:22px 0 24px;border-collapse:collapse}
.record-rows th,.record-rows td{padding:13px 0;border-top:1px solid var(--hairline)}
.record-rows tr:last-child th,.record-rows tr:last-child td{border-bottom:1px solid var(--hairline)}
.record-rows th{font:400 24px/1.15 var(--serif);letter-spacing:-.01em;text-align:left}
.record-rows td{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-align:right;color:var(--tx-soft);white-space:nowrap}
.lab-day__place{font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.lab-day__grown{margin-top:8px;font-size:14px;line-height:1.6;color:var(--tx-soft)}

/* ---------- 4 · premissa ---------- */
.no-shelf{--sec-bg:var(--navy);--rule-c:rgba(141,192,255,.3);padding:96px 0 100px;background-color:var(--navy);color:#fff;text-align:center}
.no-shelf__in{width:var(--sheet);margin-inline:auto}
.no-shelf__dash{display:block;width:40px;height:2px;margin:18px auto 26px;background-color:var(--sky)}
.no-shelf h2{font-size:43px;line-height:1.08}
.no-shelf__why{max-width:620px;margin:26px auto 0}
.no-shelf__why p{line-height:1.7;color:rgba(255,255,255,.9)}
.no-shelf__why p + p{margin-top:16px}
.no-shelf__line{display:block;width:min(1000px,100%);height:1px;margin:52px auto 44px;background-color:rgba(141,192,255,.4)}
.no-shelf__sixty{display:flex;align-items:center;justify-content:center;gap:44px;max-width:1000px;margin-inline:auto;text-align:left}
.no-shelf__num{flex:none;font:400 80px/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.no-shelf__ans{max-width:620px}
.no-shelf__ans p + p{margin-top:8px;color:rgba(255,255,255,.9)}

/* ---------- 5 · WEEK 1 ---------- */
.ship-week{padding:44px 0;border-bottom:1px solid var(--hairline)}
.ship-week .dated-mark{top:50%;transform:translate(-50%,-50%)}
.ship-week__in{display:flex;align-items:center;gap:32px}
.ship-week__label{flex:none;width:132px}
.ship-week__row{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ship-week__item{padding:4px 24px;border-left:1px solid var(--hairline);font-size:15px;line-height:1.5}
.ship-week__item b{font:400 28px/1 var(--serif);letter-spacing:-.02em;white-space:nowrap}

/* ---------- 6 · produtos ---------- */
.in-the-box{padding:96px 0 104px}
.in-the-box__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.in-the-box__head h2{margin-top:10px;font-size:42px;line-height:1.06}
.in-the-box__reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.formula{position:relative;display:flex;flex-direction:column;background-color:var(--card);border:1px solid var(--hairline);border-radius:4px;overflow:hidden}
.formula__no{position:absolute;left:16px;top:14px;z-index:1;font:700 11px/1 var(--sans);letter-spacing:.1em}
.formula__shot{margin:0;aspect-ratio:4 / 5;overflow:hidden}
.formula__shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}
.formula__body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
.formula__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.formula__top h3{font-size:28px;line-height:1.1}
.formula__price{font:700 16px/1 var(--sans);white-space:nowrap;font-variant-numeric:tabular-nums}
.formula__line{margin:8px 0 12px;font:italic 400 18px/1.25 var(--serif);color:var(--tx-soft)}
.formula__about{margin-bottom:16px;font-size:14px;line-height:1.55}
.formula__size,.formula__rated,.formula__seals{padding:10px 0;border-top:1px solid var(--hairline);font:500 12px/1.4 var(--sans);font-variant-numeric:tabular-nums}
.formula__seals{font-weight:700;font-size:11px;line-height:1.75;letter-spacing:.08em;text-transform:uppercase}
.formula__seals span{white-space:nowrap}
.formula__seals span:not(:last-child)::after{content:" ·";color:var(--tx-soft)}
.formula__add{align-self:flex-start;margin-top:auto;padding-top:14px}
@media (hover:hover) and (pointer:fine){.formula:hover .formula__shot img{transform:scale(1.03)}}
.full-system{display:flex;align-items:center;gap:24px;margin-top:24px;padding:12px 28px 12px 12px;background-color:var(--card);border:1px solid var(--hairline);border-radius:4px}
.full-system__shot{flex:none;width:96px;height:96px;object-fit:cover;border-radius:2px}
.full-system__what{flex:1}
.full-system__what h3{font-size:28px;line-height:1.1}
.full-system__what p{margin-top:4px;font-size:14px;color:var(--tx-soft)}
.full-system__price{font:700 20px/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- 7 · DAY 1 ---------- */
.first-use{--sec-bg:var(--navy);--mark-c:var(--sky);--rule-c:rgba(255,255,255,.42);background-color:var(--navy);color:#fff}
.first-use .dated-mark{padding:10px 8px;border-radius:999px}
.first-use__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:828px}
.first-use__photo{position:relative;overflow:hidden}
.first-use__photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.first-use__photo::after{content:"";position:absolute;inset:0;background-color:rgba(11,37,76,.66)}
.first-use__over{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 40px 0 calc((100vw - min(1328px,100vw - 112px)) / 2 + (min(1328px,100vw - 112px) - 264px) / 12 + 24px)}
.first-use__over h2{margin:14px 0 30px;font-size:clamp(56px,5.5vw,80px);line-height:1}
.first-use__panel{align-self:center;padding:88px max(56px,calc((100vw - 1328px) / 2)) 88px 64px}
.first-use__title{margin:12px 0 34px;max-width:13em;font-size:42px;line-height:1.08}
.first-use__steps{margin:0;padding:0;list-style:none}
.first-use__steps li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:16px;padding:24px 0;border-top:1px solid rgba(141,192,255,.3)}
.first-use__no{font:400 26px/1.1 var(--serif);color:var(--sky);font-variant-numeric:tabular-nums}
.first-use__do h4{margin-bottom:6px;font-size:24px;line-height:1.15}
.first-use__do p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.86)}
.first-use__do .first-use__fine{margin-top:8px;color:rgba(255,255,255,.74)}
.first-use__fine b{margin-right:6px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
.first-use__thumbs{display:flex;gap:8px;align-self:start}
.first-use__thumbs img{width:88px;height:88px;object-fit:cover;border-radius:4px}

/* ---------- 8 · 1–3 WEEKS ---------- */
.adjusting{padding:104px 0 112px;border-bottom:1px solid var(--hairline)}
.adjusting__lead{grid-column:2 / span 4;align-self:start;position:sticky;top:32px}
.adjusting__oil{width:min(380px,100%);aspect-ratio:1;margin:0 0 30px;padding:20px;background-color:var(--card);border:1px solid var(--hairline);border-radius:4px}
.adjusting__oil img{width:100%;height:100%;object-fit:contain}
.adjusting__lead h2{margin-top:12px;font-size:42px;line-height:1.06}
.adjusting__paces{grid-column:7 / -1}
.adjusting__pace{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:24px;padding:28px 0;border-top:1px solid var(--hairline)}
.adjusting__pace h3{font-size:28px;line-height:1.1}
.adjusting__note{padding-top:28px;border-top:1px solid var(--hairline);font:italic 400 22px/1.35 var(--serif)}
.adjusting__cloth{margin-top:20px;font-size:14px;line-height:1.6;color:var(--tx-soft)}

/* ---------- 9 · quem faz o lote ---------- */
.who-batches{padding:104px 0 112px}
.who-batches__letter{grid-column:2 / span 5}
.who-batches__letter h2{margin:12px 0 26px;font-size:44px;line-height:1.06}
.who-batches__lede{max-width:34em;font-size:18px;line-height:1.55;color:var(--tx-soft)}
.who-batches__lede + .who-batches__lede{margin-top:16px}
.who-batches__origin{margin-top:36px;padding-top:32px;border-top:1px solid var(--hairline)}
.who-batches__quote{margin:24px 0 0;padding-left:24px;border-left:1px solid var(--sky)}
.who-batches__quote p + p{margin-top:14px}
.who-batches__quote .who-batches__clarity{margin-top:26px;font:italic 400 32px/1.18 var(--serif);letter-spacing:-.01em}
.who-batches__signed{margin-top:8px;font:700 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.who-batches__quote + .who-batches__signed{margin-top:30px}
.who-batches__more{margin-top:30px}
.who-batches__faces{grid-column:8 / -1;align-self:start;position:sticky;top:32px}
.who-batches__rod{margin:0;aspect-ratio:1}
.who-batches__rod img{width:100%;height:100%;object-fit:cover}
.who-batches__pair{position:relative;width:280px;aspect-ratio:4 / 5;margin:-36px 0 0 -80px;border-radius:4px;overflow:hidden}
.who-batches__pair img{width:100%;height:100%;object-fit:cover;object-position:center 20%}

/* ---------- 10 · DAY 21 / DAY 30 ---------- */
.over-time{--sec-bg:var(--tint);padding:96px 0 104px;background-color:var(--tint);text-align:center}
.over-time h2{width:var(--sheet);margin:0 auto 48px;font-size:52px;line-height:1.04}
.over-time__thin{color:var(--tx-soft)}
.over-time__reel{position:relative;z-index:2;display:flex;gap:48px;padding:6px calc(50% - 302px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.over-time__reel::-webkit-scrollbar,.one-more__reel::-webkit-scrollbar,.in-the-box__reel::-webkit-scrollbar,.ship-week__row::-webkit-scrollbar{display:none}
.pair{flex:0 0 604px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;background-color:#fff;border:1px solid var(--hairline);border-radius:4px;scroll-snap-align:center;text-align:left}
.pair figure{margin:0}
.pair figcaption{margin-bottom:8px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.pair figure img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:2px}
.pair--named{grid-template-columns:361px minmax(0,1fr);align-items:center;gap:20px}
.pair__madison{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.pair__said{margin:0}
.pair__said p{font:400 21px/1.22 var(--serif);letter-spacing:-.01em}
.pair__said footer{margin-top:16px;font:700 11px/1.5 var(--sans);letter-spacing:.1em;color:var(--tx-soft)}
.over-time .reel-ctl{width:min(560px,100% - 40px);margin:30px auto 0}
.over-time__when{display:flex;justify-content:center;gap:12px;margin-top:38px}
.over-time__when span{padding:9px 14px;border:1px solid var(--hairline);border-radius:999px;background-color:#fff;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.over-time__cycle{max-width:680px;margin:28px auto 0;padding-inline:20px}
.over-time__cycle p + p{margin-top:8px}

/* ---------- 11 · vozes ---------- */
.voices{--sec-bg:var(--navy);--rule-c:rgba(141,192,255,.3);padding:72px 0 80px;background-color:var(--navy);color:#fff}
.voices__in{width:var(--sheet);margin-inline:auto;text-align:center}
.voices h2{margin:8px 0 40px;font-size:42px;line-height:1.08}
.voices__three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-left:calc((100% - 264px) / 12 + 24px);text-align:left}
.voice{display:flex;flex-direction:column;margin:0;padding:28px;border:1px solid rgba(141,192,255,.3);border-radius:4px}
.voice__stars{margin-bottom:16px;font-size:14px;line-height:1;letter-spacing:5px;color:var(--sky)}
.voice blockquote{margin:0 0 24px;font:400 24px/1.2 var(--serif);letter-spacing:-.01em}
.voice figcaption{margin-top:auto;font:700 12px/1 var(--sans);letter-spacing:.1em;color:var(--sky)}

/* ---------- 12 · imprensa ---------- */
.press-run{display:flex;align-items:center;height:185px;border-bottom:1px solid var(--hairline)}
.press-run__label{flex:none;width:132px;margin-left:calc((100% - var(--sheet)) / 2 + var(--from2))}
.press-run__window{flex:1;min-width:0;margin-right:72px;overflow:hidden}
.press-run__track{animation:run-quarters 48s linear infinite}
.press-run__set{display:flex;flex:none;align-items:center;margin:0;padding:0;list-style:none}
.press-run__set li{padding:0 44px}
.press-run__set img{width:auto;height:40px;max-width:none}

/* ---------- 13 · DAY 30 ---------- */
.new-box{padding:72px 0;border-bottom:1px solid var(--hairline)}
.new-box .dated-mark{top:50%;transform:translate(-50%,-50%)}
.new-box__card{grid-column:2 / -1;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;column-gap:40px;padding:20px 40px 20px 20px;background-color:var(--card);border:1px solid var(--hairline);border-radius:4px}
.new-box__shot{width:180px;height:180px;object-fit:cover;border-radius:2px}
.new-box__q{margin-bottom:10px;font-size:15px;color:var(--tx-soft)}
.new-box__a{font:400 28px/1.18 var(--serif);letter-spacing:-.015em}
.new-box__terms ul{margin:0 0 18px;padding:0;list-style:none}
.new-box__terms li{padding:9px 0;border-bottom:1px solid var(--hairline);font:700 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}

/* ---------- 14 · DAY 60 ---------- */
.use-by{--sec-bg:var(--tint);padding:104px 0 112px;background-color:var(--tint)}
.use-by__sixty{grid-column:2 / span 3;align-self:start;position:sticky;top:32px;text-align:center}
.use-by__dial{position:relative;width:min(280px,100%);aspect-ratio:1;margin-inline:auto}
.use-by__dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.use-by__track{fill:none;stroke:var(--hairline);stroke-width:1}
.use-by__close{fill:none;stroke:var(--navy);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:0}
.com-js .use-by__close{stroke-dashoffset:calc(100 - var(--batch-p,0) * 100);transition:stroke-dashoffset .2s linear}
.use-by__num{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:10px;font:400 160px/1 var(--serif);letter-spacing:-.04em}
.use-by__cap{margin-top:18px}
.use-by__label{grid-column:6 / -1;margin:0}
.use-by__row{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:28px;padding:24px 0;border-top:1px solid var(--hairline)}
.use-by__row:last-child{border-bottom:1px solid var(--hairline)}
.use-by__row dt{padding-top:4px;font:700 12px/1.45 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.use-by__row dd{margin:0}
.use-by__row--foot dd{color:var(--tx-soft)}

/* ---------- 15 · avulsos ---------- */
.one-more{padding:96px 0 88px}
.one-more h2{margin:10px 0 38px;font-size:42px;line-height:1.06}
.one-more__reel{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.blade{flex:0 0 100%;display:grid;grid-template-columns:557px minmax(0,1fr);align-items:center;column-gap:48px;scroll-snap-align:start}
.blade__card{display:flex;flex-direction:column;justify-content:space-between;height:538px;padding:28px;background-color:var(--navy);color:#fff;border-radius:4px}
.blade__card img{align-self:center;width:310px;height:388px;object-fit:cover;border-radius:2px}
.blade__card h3{font-size:28px;line-height:1.1}
.blade__stars{font-size:16px;line-height:1;letter-spacing:5px}
.blade__said blockquote{margin:18px 0 20px;font:400 32px/1.16 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.blade__about{max-width:34em;margin-bottom:26px;font-size:15px;line-height:1.6}
.blade__who{margin-bottom:16px;font:700 12px/1 var(--sans);letter-spacing:.1em;color:var(--tx-soft)}
.reel-ctl--dashes{justify-content:flex-end;margin-top:28px}
.reel-ctl__dashes{display:flex;gap:8px;margin-inline:auto}
.reel-ctl__dashes i{width:20px;height:3px;border-radius:2px;background-color:rgba(11,37,76,.16);transition:background-color .2s ease}
.reel-ctl__dashes i.on{background-color:var(--navy)}
.reel-ctl__arrows{display:flex;gap:10px}

/* ---------- 16 · chamada final ---------- */
.last-call{background-color:var(--sky)}
.last-call__band{align-items:center;min-height:240px;padding-block:48px}
.last-call__seal{grid-column:2 / span 1;position:relative;width:88px;height:88px}
.last-call__star{fill:none;stroke:var(--navy);stroke-width:1.2;stroke-linecap:round}
.last-call__offer{grid-column:3 / span 6}
.last-call__offer h2{font-size:32px;line-height:1.1}
.last-call__offer p{margin-top:6px;font-size:14px}
.last-call__go{grid-column:9 / -1;justify-self:end}
.last-call__sign{padding:64px 0;background-color:var(--navy);color:#fff}
.last-call__sign-in{display:flex;align-items:center;gap:40px;width:calc(var(--sheet) - var(--from2));margin-left:calc((100% - var(--sheet)) / 2 + var(--from2))}
.last-call__sign-in img{flex:none;width:auto;height:80px;margin-left:-16px}
.last-call__world{flex:1;font:400 28px/1.15 var(--serif);letter-spacing:-.015em}

/* ---------- revelação ao rolar (só com JS) ---------- */
.com-js .rv{transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),clip-path 1s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv-rise:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 0 100% 0)}
.com-js .rv-line:not(.in){transform:scaleX(0)}

/* ---------- até 1023 px: a régua vira etiqueta de data no topo de cada seção ---------- */
@media (max-width:1023px){
  main{--sheet:calc(100% - 40px)}
  main > section::before{content:none}
  .dated-rule{display:none}
  .batch-sheet{display:block}
  .ship-week__in,.in-the-box__in,.one-more__in,.last-call__sign-in{width:var(--sheet);margin-inline:auto}
  .dated-mark,.ship-week .dated-mark,.new-box .dated-mark,.first-use .dated-mark{position:static;transform:none;display:inline-block;margin:0 0 22px 20px;padding:7px 12px;border:1px solid currentColor;border-radius:999px;background-color:transparent}
  .dated-mark--second{margin-left:6px}

  .pacote{flex-wrap:wrap;padding:6px 12px}
  .pacote-abas a{min-height:44px;padding:0 10px}

  .fresh-open{height:760px}
  .fresh-open__head{margin-top:8px}
  .fresh-open__logo img{height:54px}
  .fresh-open__photo::after{background-color:rgba(11,37,76,.6)}
  .fresh-open__sheet{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:44px}
  .fresh-open__copy h1{margin:10px 0 14px;font-size:44px;letter-spacing:-.88px}
  .fresh-open__ask{font-size:16px}
  .fresh-open__go{flex-direction:column;align-items:flex-start;gap:18px;margin-top:22px}
  .fresh-open__seal{order:-1;flex-direction:row;gap:12px}
  .batch-seal{width:120px;height:120px}
  .batch-seal__k{font-size:7.5px}
  .batch-seal__v{margin:2px 0 5px;font-size:14px}

  .trust-run{height:70px}
  .trust-run__set li{padding:0 30px;font-size:13px}
  .run-pause{right:10px}

  .lab-day,.adjusting,.who-batches,.use-by{padding:56px 0 64px}
  .lab-day__story h2,.who-batches__letter h2{font-size:34px}
  .lab-day__story .cap{order:1}
  .lab-day__story h2{order:2;margin-bottom:20px}
  .lab-day__bench{order:3;width:100%;margin:0 0 22px}
  .lab-day__how{order:4}
  .lab-day__record{position:static;margin-top:32px;padding:24px 20px}

  .no-shelf{padding:56px 0 64px}
  .no-shelf h2{font-size:30px}
  .no-shelf__line{margin:36px auto 30px}
  .no-shelf__sixty{flex-direction:column;align-items:flex-start;gap:12px}
  .no-shelf__num{font-size:56px}

  .ship-week{padding:26px 0 30px}
  .ship-week__in{display:block}
  .ship-week__label{width:auto;margin-bottom:14px}
  .ship-week__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px}
  .ship-week__item{flex:0 0 72%;padding:2px 18px;scroll-snap-align:start}

  .in-the-box{padding:56px 0 64px}
  .in-the-box__head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}
  .in-the-box__head h2,.adjusting__lead h2,.one-more h2{font-size:34px}
  .in-the-box__reel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;padding-right:20px}
  .formula{flex:0 0 78%;scroll-snap-align:start}
  .full-system{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px}
  .full-system__price,.full-system .pill{grid-column:1 / -1}

  .first-use .dated-mark{position:absolute;left:20px;top:18px;margin:0;border-color:var(--sky);background-color:var(--navy)}
  .first-use__split{grid-template-columns:minmax(0,1fr);min-height:0}
  .first-use__photo{height:480px}
  .first-use__over{padding:0 20px}
  .first-use__over h2{margin:12px 0 24px;font-size:46px}
  .first-use__panel{padding:48px 20px 56px}
  .first-use__title{font-size:32px}
  .first-use__steps li{grid-template-columns:40px minmax(0,1fr)}
  .first-use__thumbs{grid-column:2;margin-top:14px}

  .adjusting__lead{position:static}
  .adjusting__oil{width:260px;margin-bottom:24px}
  .adjusting__paces{margin-top:32px}
  .adjusting__pace{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:22px 0}

  .who-batches .batch-sheet{display:flex;flex-direction:column}
  .who-batches__faces{display:contents}
  .who-batches__rod{order:-1;margin-bottom:28px}
  .who-batches__pair{order:3;width:220px;margin:36px 0 0}
  .who-batches__quote .who-batches__clarity{font-size:26px}

  .over-time{padding:56px 0 64px}
  .over-time h2{margin-bottom:28px;font-size:34px}
  .over-time__reel{align-items:flex-start;gap:12px;padding:6px 20px}
  .pair{flex:0 0 calc(100% - 28px)}
  .pair--named{grid-template-columns:128px minmax(0,1fr);align-items:start;gap:14px}
  .pair__said p{font-size:16px}
  .pair__said footer{margin-top:10px;font-size:10px}
  .over-time__when{margin-top:28px}

  .voices{padding:56px 0 64px}
  .voices h2{margin-bottom:28px;font-size:32px}
  .voices__three{grid-template-columns:minmax(0,1fr);gap:16px;margin-left:0}
  .voice{padding:24px 22px}

  .press-run{height:120px}
  .press-run__label{width:86px;margin-left:20px}
  .press-run__window{margin-right:60px}
  .press-run__set li{padding:0 22px}
  .press-run__set img{height:30px}

  .new-box{padding:48px 0 56px}
  .new-box__card{grid-template-columns:minmax(0,1fr);row-gap:20px;padding:16px 16px 22px}
  .new-box__shot{width:100%;height:auto;aspect-ratio:16 / 10}
  .new-box__a{font-size:24px}
  .new-box__terms .pill{width:100%}

  .use-by__sixty{position:static;display:flex;align-items:center;gap:18px;margin-bottom:28px;text-align:left}
  .use-by__dial{width:140px;margin:0}
  .use-by__num{padding-bottom:6px;font-size:84px}
  .use-by__cap{margin-top:0}
  .use-by__row{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:20px 0}

  .one-more{padding:56px 0 60px}
  .one-more h2{margin-bottom:26px}
  .blade{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .blade__card{height:auto;gap:18px;padding:22px}
  .blade__card img{width:210px;height:263px}
  .blade__said blockquote{font-size:24px}
  .blade__said .pill{width:100%}

  .last-call__band{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-height:320px;padding-block:44px}
  .last-call__offer h2{font-size:30px}
  .last-call__sign{padding:44px 0}
  .last-call__sign-in{flex-direction:column;align-items:flex-start;gap:20px}
  .last-call__sign-in img{height:64px}
  .last-call__world{font-size:26px}
  .rodape{padding:26px 20px 36px}
}

/* ---------- movimento reduzido: só opacidade ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv{transition:opacity .4s ease;transition-delay:0s}
  .com-js .rv-rise:not(.in){transform:none}
  .com-js .rv-wipe:not(.in){clip-path:none;opacity:0}
  .com-js .rv-line:not(.in){transform:none;opacity:0}
  .marquee,.batch-seal__spin{animation:none}
  .com-js .fresh-open__copy > *,.com-js .fresh-open__seal{animation:none}
  .com-js .use-by__close{transition:none}
  .reel-ctl__fill,.formula__shot img,.pill,.run-pause,.reel-ctl__btn{transition:none}
}