:root{--paper:#f5efe4;--paper-2:#e9dfce;--ink:#251e17;--muted:#71685a;--green:#173e31;--gold:#b4874a;--burgundy:#6e2722;--font-title:'Playfair Display',Georgia,serif;--font-body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;min-width:320px;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--burgundy);outline-offset:5px}
.grain{position:fixed;z-index:30;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.nav{position:absolute;top:0;left:0;width:100%;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 6.2%}
.nav__brand{display:flex;flex-direction:column;gap:4px}
.nav__brand-small{font-weight:700;letter-spacing:.45em;font-size:8px}
.nav__brand-big{font:600 clamp(16px,2vw,22px)/1.1 var(--font-title);letter-spacing:-.04em}
.nav__brand-big em{font-weight:400}
.nav__action{font-size:11px;font-weight:600;border-bottom:1px solid #9a8b72;padding:7px 0;white-space:nowrap}
.nav__action span{display:inline-block;margin-left:8px}
.eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;line-height:1.6}
.eyebrow__spark{font-size:15px;color:var(--gold);margin-right:8px;vertical-align:-2px}
.end h2{font:500 clamp(42px,5.7vw,88px)/1.12 var(--font-title);letter-spacing:-.065em;margin:0}
.end{height:590px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:80px 12%;color:#f6ebd7;background:#652b25}
.end__ring{position:absolute;right:5%;top:-47%;width:740px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,236,203,.25);box-shadow:0 0 0 65px rgba(246,232,198,.035),0 0 0 130px rgba(246,232,198,.025)}
.end__copy{z-index:2;max-width:570px}
.end .eyebrow{color:#f0c99c}
.end h2{font-size:clamp(50px,6vw,86px);margin:18px 0}
.end h2 em{font-weight:400;color:#f2c99b}
.end p{font-size:14px;line-height:1.8;color:#ecd8c4;max-width:330px}
.end__button{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;gap:24px;border:1px solid rgba(255,255,255,.5);padding:16px 22px;margin-top:26px;font-size:12px;font-weight:700}
.end__button span{font-size:20px}
.end__bottle{position:absolute;height:520px;width:auto;bottom:-68px;right:19%;transform:rotate(12deg);filter:drop-shadow(13px 24px 15px rgba(0,0,0,.2))}
.footer{background:#201d17;color:#dbd1c3;padding:33px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:135px;font-size:11px}
.footer>div:first-child{display:flex;flex-direction:column;gap:7px}
.footer__brand{font:500 20px var(--font-title)}
.footer__legal{font-size:10px;color:#a9a092;text-align:center;max-width:280px}
.footer>a{font-size:9px;letter-spacing:.15em;font-weight:700;white-space:nowrap}
@media(max-width:990px){.end__bottle{right:8%}}
@media(max-width:700px){.nav{padding:22px 20px}.nav__brand-small{font-size:7px}.nav__brand-big{font-size:17px}.nav__action{font-size:10px}.end{height:610px;align-items:flex-start;padding:74px 25px}.end__copy{max-width:90%}.end h2{font-size:clamp(50px,11vw,70px)}.end__bottle{height:340px;right:14%;bottom:-65px;transform:rotate(15deg)}.end__ring{width:500px;right:-200px;top:15%}.end__button{margin-top:16px;min-width:178px}.footer{padding:25px 22px;flex-wrap:wrap;align-items:flex-start}.footer__legal{text-align:left;order:3;width:100%;max-width:none}.footer>a{font-size:8px}}
@media(max-width:380px){.nav__brand-big{font-size:15px}.nav__action{font-size:9px}.end h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Celulares: o grão fixo com mix-blend força repintura a cada quadro de rolagem */
@media(hover:none){.grain{mix-blend-mode:normal;opacity:.07}}