@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-garamond-300.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url(fonts/cormorant-garamond-300-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-400-italic.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-condensed-700.woff2) format('woff2')}

:root{--ink:#000;--paper:#fff;--cream:#f5f2ec;--mist:#f8f8f8;--tan:#e0ded8;--wine:#2b1216;--rose:#f6e3e6;--pink:#ff2e92;--coral:#ff5742;
--disp:'Cormorant Garamond',Georgia,serif;--body:'Inter',system-ui,sans-serif;--cond:'Roboto Condensed','Arial Narrow',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font-family:var(--body);font-size:16px;line-height:1.6}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}

/* pacote */
.pular{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:12px 16px;z-index:50}
.pular:focus{left:8px;top:8px}
.rascunho{background:#fff;color:#000;border-bottom:1px solid #000;text-align:center;font-size:13px;padding:8px 12px;line-height:1.4}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#000;color:#fff;padding:6px 12px}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:#fff;text-decoration:none;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.pacote-abas a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--pink)}
.pacote-abas .longo{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#fff;color:#000;text-decoration:none;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;border-radius:2px}
@media(min-width:760px){.pacote{padding:6px 24px}.pacote-abas .longo{display:inline}.pacote-abas .curto{display:none}.pacote-abas a{padding:0 16px}}
.rodape{background:#111;color:#e6e6e6;padding:40px 24px;text-align:center;font-size:14px}
.rodape p+p{margin-top:10px}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;background:#fff;color:#000;text-decoration:none;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:2px}
.rodape-fontes{color:#c4c4c4;font-size:13px}

/* base das seções */
section{position:relative;overflow-x:clip}
.wrap{max-width:1320px;margin:0 auto;padding:56px 20px}
@media(min-width:760px){.wrap{padding:84px 32px}}
h2{font-family:var(--disp);font-weight:300;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.005em;margin-bottom:20px}
h3{font-family:var(--disp);font-weight:400;font-size:1.55rem;line-height:1.15;margin-bottom:8px}
p+p{margin-top:14px}
.mile{display:inline-block;background:#000;color:#fff;font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;margin-bottom:18px;border-radius:2px}
.eyebrow{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:#333;margin-bottom:10px}
.small{font-size:14px;color:#333}
.head{max-width:760px;margin-bottom:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;margin-top:20px;background:#000;color:#fff;border:1px solid #000;border-radius:2px;font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.btn:hover{background:#333}
.btn-inv{background:#fff;color:#000;border-color:#fff}.btn-inv:hover{background:#e6e6e6}
.btn-line{background:transparent;color:#fff;border-color:#fff}.btn-line:hover{background:#222}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn-row .btn{margin-top:12px}
.lnk{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}

.two{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.sticky{align-self:start}
@media(min-width:960px){.two{gap:56px}.sticky{position:sticky;top:24px}}
.fill{position:relative;aspect-ratio:4/5;overflow:hidden}
.fill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:960px){.fill{aspect-ratio:auto;min-height:420px}.fill.fixed{aspect-ratio:4/5;min-height:0}.fill.fixed.sq{aspect-ratio:1}}
.fill.fixed{aspect-ratio:4/5;min-height:0;margin-top:24px}.fill.fixed.sq{aspect-ratio:1}

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

/* 1 hero */
.s-hero{background-color:var(--mist);display:grid;grid-template-columns:minmax(0,1fr)}
.s-hero>.bg{position:static;height:auto;aspect-ratio:1;object-fit:cover}
.s-hero .hero-copy{background:var(--cream)}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ctr{text-align:center;margin-left:auto;margin-right:auto}
.s-band-pink .ctr h2{margin-left:auto;margin-right:auto}
.hero-copy{padding:48px 20px 40px;align-self:center}
.hero-copy h1{font-family:var(--disp);font-weight:300;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.02;margin-bottom:18px}
.hero-copy p:not(.mile):not(.eyebrow){max-width:46ch}
.sign{background:#000;color:#fff;border:4px solid #fff;outline:5px solid #000;padding:20px 26px;max-width:320px;text-align:center;justify-self:start;margin:24px 24px 32px}
.sign-top{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.3em;font-size:13px}
.sign-big{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(2.2rem,4vw,3rem);line-height:1;margin-top:6px}
.sign-low{font-size:15px;margin-top:10px}
.sign-hand{font-family:var(--disp);font-style:italic;font-size:1.7rem;margin-top:8px}
@media(min-width:960px){.s-hero{min-height:800px;align-items:center;display:flex}.s-hero>.bg{position:static;flex:1 1 0;min-width:0;width:auto;height:800px;aspect-ratio:auto;object-fit:contain;object-position:right center}.s-hero .hero-copy{background:transparent;position:relative;z-index:1;width:min(620px,100%);padding:84px 32px 84px max(32px,calc((100% - 1320px)/2 + 32px))}.sign{position:absolute;z-index:1;right:32px;bottom:32px;margin:0}}

/* 2 odômetro */
.s-odo{background-color:#000;color:#fff}
.s-odo .mile{background:#fff;color:#000}
.odo-head{margin-bottom:24px}
.odo-head h2{margin-bottom:0}
.odo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.odo-item{display:grid;gap:12px;align-content:start}
.odo-item img{width:96px;height:96px;object-fit:cover}
.odo{display:inline-block;font-family:var(--cond);font-weight:700;font-size:clamp(1.15rem,5vw,1.6rem);white-space:nowrap;letter-spacing:.06em;background:#1a1a1a;border:1px solid #555;padding:4px 10px;color:#fff}
.odo-name{font-size:14px;color:#e0e0e0;margin-top:8px}
.odo-sign{background:var(--pink);color:#000;padding:18px;align-content:center}
.odo-sign .odo-name{color:#000;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;margin:0}
@media(min-width:960px){.odo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.odo-item{display:flex;align-items:center;gap:16px}.odo-item img{flex:none}}

/* 3 faixa rosa */
.s-band-pink{background-color:var(--pink);color:#000}
.s-band-pink .wrap{padding-top:44px;padding-bottom:44px}
.s-band-pink h2{max-width:900px;margin:0;font-size:clamp(1.6rem,3.4vw,2.6rem)}

/* 4 balcão */
.counter-grid{align-items:start}
.big-line{font-family:var(--disp);font-size:1.7rem;line-height:1.2;margin-top:22px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tiles li p{font-size:13px;margin-top:8px;line-height:1.35}
@media(min-width:960px){.counter-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
@media(min-width:1200px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 5 três paradas */
.cards3{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.card img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:16px}
.card p{max-width:46ch}
@media(min-width:960px){.cards3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 6 frase */
.s-cream{background-color:var(--cream);text-align:center}
.narrow{max-width:960px}
.quote{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.25;font-weight:300}
.cite{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px;margin-top:6px}
.s-cream .small{max-width:62ch;margin:22px auto 0}

/* 7 carta */
.note-grid{align-items:stretch}
.note-grid p{max-width:64ch}
.col-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.col-photos .fill{aspect-ratio:3/4}
.pull{font-family:var(--disp);font-style:italic;font-size:1.7rem;line-height:1.25;border-left:4px solid var(--pink);padding-left:20px;margin-top:30px}
.pull cite{display:block;font-family:var(--cond);font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-top:10px}
@media(min-width:960px){.note-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.col-photos{display:flex;flex-direction:column}.col-photos .fill{flex:1 1 0;aspect-ratio:auto;min-height:320px}}

/* 8 kit */
.s-kit{min-height:560px;display:flex;align-items:center}
.kit-wrap{position:relative;z-index:1;width:100%;display:flex;justify-content:flex-end;padding-top:260px;padding-bottom:28px}
.kit-panel{background:#fff;padding:28px;max-width:480px;text-align:right}
.kit-panel h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
@media(min-width:960px){.s-kit{min-height:660px}.kit-wrap{padding-top:70px;padding-bottom:70px}}

/* 9 haters */
.s-stick{background-color:var(--wine);color:#fff}
.s-stick .mile{background:#fff;color:#000}
.s-stick p{color:#f4eaec}
.stick-grid{align-items:start}
.stars{font-family:var(--cond);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:14px;margin-top:18px}
.reasons{counter-reset:r}
.reasons li{counter-increment:r;position:relative;padding:22px 0 22px 64px;border-top:1px solid #6b4a50}
.reasons li::before{content:counter(r);position:absolute;left:0;top:18px;font-family:var(--disp);font-size:2.6rem;line-height:1;color:#ff8cc4}
.reasons h3{color:#fff}
.letter{border:1px solid #6b4a50;padding:26px;margin-top:20px}
@media(min-width:960px){.stick-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}

/* 10 tons */
.s-shades{background-color:var(--rose)}
.shades-grid{align-items:stretch}
.steps{margin:16px 0 26px}
.steps li{position:relative;padding:14px 0 14px 60px;border-top:1px solid #c9a3ab}
.steps h4{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:15px;margin-bottom:4px}
.num{position:absolute;left:0;top:12px;font-family:var(--disp);font-size:2rem;color:#9a0050;line-height:1}
.s-shades h3{margin-top:22px}
@media(min-width:960px){.shades-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* 11 prateleira */
.shelf-grid,.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.shelf-grid img,.pillar-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.cat{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#555;margin-top:12px}
@media(min-width:1000px){.shelf-grid,.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}

/* 12 pilares */
.s-pillars{background-color:var(--mist)}
.pillar-grid h3{margin-top:14px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1rem}
.pillar-grid p{font-size:15px;max-width:34ch}

/* 13 mapa */
.s-stops{background-color:#000;color:#fff}
.s-stops .mile{background:#fff;color:#000}
.s-stops .small{color:#d0d0d0}
.map{columns:1;column-gap:32px}
.map li{break-inside:avoid;padding:16px 0 14px;border-top:1px solid #555}
.map h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:1.05rem;color:#fff}
.map p{font-size:14px;color:#e6e6e6;margin-top:2px}
.map .lnk{color:#fff}
@media(min-width:640px){.map{columns:2}}
@media(min-width:1000px){.map{columns:3}}

/* 14 atalho */
.s-balm .rate{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em}

/* 15 diário */
.s-diary{background-color:var(--tan)}
.diary-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.diary-photos .fill{aspect-ratio:3/4}
.diary-list{margin-top:22px}
.diary-list li{border-top:1px solid #8f8c84}
.diary-list .lnk{font-size:17px;padding:8px 0}
@media(min-width:960px){.diary-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.diary-photos .fill{aspect-ratio:auto;min-height:340px}}

/* 16 vozes */
.voices .card{background:#f8f8f8;border:1px solid #e2e2e2;padding:22px}
.voices .card img{width:96px;height:96px;margin-bottom:14px}
.voices blockquote{font-family:var(--disp);font-size:1.4rem;line-height:1.3}
.who{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#333;margin-top:14px}
@media(min-width:600px) and (max-width:959px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 17 devoluções */
.s-returns{background-color:var(--coral);color:#000}
.s-returns .wrap{padding-top:44px;padding-bottom:44px;max-width:960px}
.s-returns h2{margin-bottom:12px}

/* 18 faq */
.s-faq{background-color:var(--mist)}
.faq-list>div{border-top:1px solid #cfcfcf;padding:18px 0;scroll-margin-top:24px}
.faq-list dt{font-weight:600;font-size:1.05rem;margin-bottom:6px}
.faq-list dd{color:#222;max-width:68ch}
@media(min-width:960px){.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}

/* 19 retorno */
.s-final{background-color:#000;color:#fff}
.s-final .mile{background:#fff;color:#000}
.s-final .two>div:first-child{align-self:center}
.s-final .btn-row{justify-content:flex-start}
.s-final h2{font-size:clamp(2.2rem,5vw,4rem)}
.final-grid{align-items:stretch}
@media(min-width:960px){.final-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}