/* OAK ROUTE — Refinamento editorial V3, aplicado sobre o layout aprovado V2 */
/* Hero: proporções mais contidas e alinhamento editorial */
.hero{min-height:clamp(760px,calc(100svh - var(--header-height)),940px);overflow:hidden}
.brand img{width:clamp(195px,19vw,278px);max-height:64px}
.hero-feature{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,.87fr);align-items:center;gap:clamp(4px,1.8vw,26px);padding:75px 0 38px;min-height:0}
.hero-copy{padding-top:0;position:relative;z-index:3}
.hero h1{font-size:clamp(52px,5.75vw,105px);line-height:1.105;letter-spacing:-.042em;max-width:none}
.hero-cta{border-radius:6px;font-family:Cabin,Arial,sans-serif;font-weight:800;font-synthesis:weight;letter-spacing:.115em;gap:30px;margin-top:clamp(40px,6vh,69px)}
.hero-cta span:first-child{font-weight:800}
.hero-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.08;max-height:505px;min-width:0;margin:0;align-self:center;justify-self:center}
.hero-visual img{width:109%;max-width:none;top:50%;right:auto;left:50%;transform:translate(-50%,-48%);animation:heroArtV3 1.2s .23s both ease-out;object-fit:contain;filter:drop-shadow(0 16px 26px #0009)}
.hero-trail{inset:4% 0 0 -60%;height:105%;width:155%;opacity:.35}
.hero-bottom{margin-top:0;display:flex;justify-content:center;align-items:center;position:relative;padding:29px 0 20px;border-top:0}
.hero-manifesto{font-family:Alice,Georgia,serif;font-size:clamp(16px,1.55vw,23px);font-weight:400;line-height:1.45;letter-spacing:.012em;color:var(--paper);gap:3px;text-wrap:balance}
.scroll-cue{position:absolute;right:0;bottom:22px;font-size:9px}
.hero-arabesque{height:clamp(72px,7.6vw,120px);width:calc(100% + 2*var(--page-gutter));margin-left:calc(-1*var(--page-gutter));overflow:hidden;opacity:.62;position:relative;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 75%,transparent 100%)}
.hero-arabesque img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
/* A marca — blocos OAK e ROUTE com uma faixa autônoma do brasão */
.concept{padding-top:42px}
.concept-intro{padding:68px 0 84px}
.concept-panel{padding:clamp(49px,5vw,90px) clamp(40px,5vw,90px);min-height:730px;align-items:stretch}
.panel-content{min-height:610px}
.panel-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.concept-panel h3.brand-display,.crest-story h3.brand-display{font-family:Horizon,'Arial Black',Impact,Arial,sans-serif;font-size:clamp(50px,5.6vw,88px);font-weight:900;line-height:1;letter-spacing:-.055em;color:#fff;margin:0;max-width:none;text-transform:uppercase}
.brand-subtitle{font-family:Alice,Georgia,serif;font-size:clamp(30px,3vw,46px);line-height:1.18;letter-spacing:.015em;color:var(--gold)}
.panel-prose{margin-top:clamp(36px,4.1vw,64px);position:relative;max-width:490px}
.concept-panel .panel-prose p{font-size:clamp(14px,1.03vw,16px);line-height:1.8;max-width:490px;color:#fff9; color:rgba(255,255,255,.92);margin-bottom:21px}
.concept-panel .panel-prose strong{font-weight:700;color:#fff}
.oak-tree{width:94%;right:-26%;bottom:-13%;opacity:.25}
.brazil-map{width:90%;right:-25%;top:10%;opacity:.23;filter:brightness(1.4)}
.panel-foot{margin-top:auto;padding-top:30px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:10px;letter-spacing:.12em;font-weight:700;color:rgba(255,255,255,.84)}
.panel-foot span{color:var(--gold)}
.crest-story{display:grid;grid-template-columns:minmax(260px,.77fr) minmax(0,1.23fr);gap:clamp(35px,7vw,140px);align-items:center;padding:clamp(90px,9vw,150px) clamp(24px,7vw,132px) clamp(90px,9vw,150px);min-height:580px;position:relative}
.crest-story-visual{display:flex;align-items:center;justify-content:center}
.crest-story-visual img{width:min(100%,285px);max-height:360px;object-fit:contain;filter:drop-shadow(0 20px 50px #000a)}
.crest-story h3.brand-display{font-size:clamp(34px,3.4vw,58px);letter-spacing:-.04em}
.crest-story-prose{margin-top:33px;max-width:570px}
.crest-story-prose p{font-size:clamp(15px,1.13vw,18px);line-height:1.8;color:var(--paper);margin-bottom:19px}
.crest-story .panel-foot{margin-top:34px;line-height:1.7}
/* Origem — lata e ilustração integradas, conteúdo sem molduras desnecessárias */
.origin{padding-top:65px;padding-bottom:104px}
.origin-heading{padding:0 0 15px}
.origin-heading h2{font-weight:400;font-size:clamp(92px,14.8vw,224px);margin-top:0;letter-spacing:-.058em}
.origin-signature{border:0;padding:3px 0 0;letter-spacing:.2em;font-weight:700;margin:5px auto 0;max-width:850px}
.origin-style{margin-bottom:20px}
.origin-grid{gap:clamp(50px,7vw,140px);padding-top:52px;align-items:center}
.product-stage{min-height:750px;overflow:visible;display:flex;flex-direction:column;justify-content:center;padding:10px 0 15px}
.product-stage .origin-art{position:absolute;left:-14%;right:auto;top:50%;bottom:auto;transform:translateY(-51%);width:124%;opacity:.32;z-index:0;pointer-events:none;filter:drop-shadow(0 0 15px #0005)}
.product-stage .origin-art img{width:100%;height:auto;object-fit:contain}
.can-halo{z-index:1;opacity:.5;width:min(77%,370px);height:72%}
.can-zoom{position:relative;z-index:3;padding:0;border:0;cursor:zoom-in;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;max-width:100%;flex:0 1 auto}
.product-can{height:min(670px,65vw);max-height:690px;max-width:90%;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;filter:drop-shadow(22px 20px 28px #000b)}
.product-stage:hover .product-can,.can-zoom:focus-visible .product-can{transform:translateY(-8px) scale(1.045) rotate(.5deg);filter:drop-shadow(25px 25px 34px #000e)}
.product-stamp{position:relative;z-index:4;bottom:auto;left:auto;transform:none;display:block;border:0;background:#0009;padding:17px 26px 0;font-family:Alice,Georgia,serif;font-size:clamp(17px,1.6vw,23px);letter-spacing:.08em;color:var(--paper);font-weight:400}
.origin-detail{position:relative;z-index:2}
.origin-detail h3{margin-top:0}
.sensory-intro{border:0;margin-top:38px;padding-top:0}
.sensory-intro strong{margin-top:0}
.tasting-list>div{border-top:1px solid rgba(255,255,255,.24)}
.can-dialog{border:1px solid rgba(237,192,118,.38);border-radius:12px;background:rgba(7,7,7,.98);color:var(--paper);padding:68px 20px 27px;max-height:92dvh;max-width:min(95vw,700px);width:min(90vw,600px);text-align:center;box-shadow:0 0 120px #000}
.can-dialog::backdrop{background:rgba(0,0,0,.87);backdrop-filter:blur(7px)}
.can-dialog img{margin:0 auto;max-height:calc(92dvh - 145px);width:auto;max-width:100%;object-fit:contain}
.can-dialog>span{display:block;font-family:Alice,Georgia,serif;color:var(--paper);font-size:16px;letter-spacing:.08em;margin-top:15px}
.can-dialog-close{position:absolute;top:17px;right:18px;color:var(--gold);background:none;border:0;font-family:Cabin,Arial,sans-serif;font-size:11px;letter-spacing:.14em;cursor:pointer;padding:8px 10px}
.can-dialog-close span{font-size:23px;vertical-align:middle;margin-left:8px}
/* Diário — caderno editorial, números em escala e espaços intencionais */
.diary{padding-top:50px;padding-bottom:155px}
.diary-heading{padding:30px 0 62px}
.diary-heading h2{font-size:clamp(55px,5.5vw,89px)}
.diary-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1fr);gap:clamp(48px,8vw,145px);align-items:start}
.diary-art{position:sticky;top:calc(var(--header-height) + 60px);min-height:490px;border:0;background:radial-gradient(circle at 50% 44%,rgba(237,192,118,.065),transparent 62%);overflow:visible;display:flex;align-items:center;justify-content:center;padding:30px 5%}
.diary-art::before{content:'';position:absolute;inset:0;background:url('assets/arabescos-marca.webp') center 68% / 230% auto repeat-x;opacity:.11;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 75%,transparent)}
.diary-art>img{position:relative;z-index:1;aspect-ratio:auto;object-fit:contain;width:min(100%,530px);height:auto;filter:drop-shadow(0 10px 23px #0009);transition:transform .6s}
.diary-art:hover>img{transform:scale(1.025)}
.diary-topics{padding-top:8px;display:flex;flex-direction:column;gap:70px}
.diary-chapter{position:relative;display:grid;grid-template-columns:50px 1fr;gap:22px;align-items:start}
.diary-chapter:nth-child(2){margin-left:clamp(18px,3.2vw,58px)}
.diary-chapter:nth-child(3){margin-left:clamp(5px,1.2vw,22px)}
.chapter-number{font-family:Alice,Georgia,serif;color:var(--orange);font-size:clamp(32px,3.6vw,55px);line-height:1.15}
.chapter-copy h3{font-family:Alice,Georgia,serif;font-size:clamp(29px,2.8vw,45px);line-height:1.18;letter-spacing:-.03em;margin-bottom:17px}
.chapter-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:445px}
/* Encerramento e rodapé */
.closing{padding-top:80px}
.closing-crest{margin-top:0}
.closing-button{border-radius:6px}
.site-footer{padding:94px var(--page-gutter) 0;max-width:1800px}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.3fr) minmax(0,1fr);gap:clamp(30px,4vw,90px);align-items:center;padding-bottom:75px}
.footer-contact{display:flex;flex-direction:column;gap:21px;align-items:flex-start}
.footer-kicker{font-size:10px;letter-spacing:.19em;color:var(--gold);font-weight:700}
.footer-contact .footer-social{justify-content:flex-start;font-size:15px;color:var(--paper)}
.footer-contact .footer-social:hover,.footer-website:hover{color:var(--gold)}
.footer-website{font-size:12px;color:var(--muted);word-break:break-word}
.footer-emblem{display:flex;align-items:center;justify-content:center}
.footer-emblem a{display:block;width:min(100%,340px)}
.footer-emblem img{width:100%;height:auto;object-fit:contain}
.footer-nav{display:flex;align-items:flex-end;flex-direction:column;gap:17px}
.footer-nav a{font-size:14px;line-height:1.3;transition:color .2s,transform .2s}
.footer-nav a:hover{color:var(--gold);transform:translateX(-4px)}
.footer-responsible{border-top:1px solid rgba(237,192,118,.2);padding:30px 0;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.08em;line-height:1.85}
.footer-responsible span{margin-left:12px}
.footer-copyright{padding:20px 0 31px;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:10px;letter-spacing:.1em;color:#bcb5a9}
@keyframes heroArtV3{from{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-48%)}}
@media(min-width:1550px){.hero h1{font-size:clamp(90px,6vw,113px)}.hero-visual{width:100%;right:auto}.origin-heading h2{font-size:224px}}
@media(max-width:1200px){.hero h1{font-size:clamp(47px,5.75vw,80px)}.hero-visual{max-height:450px}.concept-panel{padding:55px 7%;min-height:730px}.concept-panel h3.brand-display{font-size:clamp(48px,6vw,76px)}.concept-panel .panel-prose p{font-size:14px}.panel-content{min-height:600px}.crest-story{gap:45px}.diary-chapter{gap:14px;grid-template-columns:42px 1fr}}
@media(max-width:760px){
 .brand img{width:195px;max-height:59px}
 .hero{min-height:auto;padding-top:12px}
 .hero-feature{grid-template-columns:1fr;gap:12px;padding:109px 0 0;display:flex;flex-direction:column;align-items:stretch}
 .hero-copy{padding:0;align-self:stretch}
 .hero h1{font-size:clamp(34px,8.9vw,72px);line-height:1.1;letter-spacing:-.042em}
 .hero-cta{margin-top:31px;padding:15px 18px;font-size:11px}
 .hero-visual{width:min(100%,570px);align-self:center;height:auto;min-height:0;aspect-ratio:1.35;margin:10px 0 0;top:auto;right:auto}
 .hero-visual img{position:absolute;left:50%;right:auto;top:50%;width:100%;transform:translate(-50%,-48%)}
 .hero-trail{left:-30%;width:135%;height:100%}
 .hero-bottom{padding:25px 0 22px}
 .hero-manifesto{font-size:clamp(14px,2.7vw,18px);line-height:1.4;letter-spacing:0;max-width:95%}
 .scroll-cue{display:none}
 .hero-arabesque{height:67px;opacity:.7}
 .concept{padding-top:26px}
 .concept-intro{padding:42px 0 57px}
 .concept-panels{grid-template-columns:1fr}
 .concept-panel{min-height:625px;padding:62px var(--page-gutter)}
 .panel-content{min-height:485px}
 .concept-panel h3.brand-display{font-size:clamp(56px,10vw,77px)}
 .brand-subtitle{font-size:clamp(31px,6vw,43px)}
 .panel-prose{margin-top:35px}
 .concept-panel .panel-prose p{font-size:15px;margin-bottom:19px}
 .oak-tree{width:80%;right:-13%;bottom:-10%;opacity:.2}
 .brazil-map{width:75%;right:-12%;top:15%;opacity:.18}
 .crest-story{grid-template-columns:1fr;gap:24px;padding:70px var(--page-gutter) 85px;min-height:0}
 .crest-story-visual img{max-height:250px;width:185px}
 .crest-story-text{text-align:left}
 .crest-story h3.brand-display{font-size:clamp(35px,8vw,55px)}
 .crest-story-prose{margin-top:27px}
 .crest-story-prose p{font-size:15px}
 .origin{padding-top:76px;padding-bottom:75px}
 .origin-heading h2{font-size:clamp(76px,16vw,142px)}
 .origin-signature{font-size:10px;letter-spacing:.1em}
 .origin-grid{padding-top:20px;gap:13px}
 .product-stage{min-height:0;padding:30px 0 10px}
 .product-stage .origin-art{width:110%;left:-5%;opacity:.32;top:45%}
 .product-can{height:min(550px,121vw);max-height:560px;max-width:90%}
 .product-stamp{padding-top:10px;font-size:18px}
 .origin-detail{padding-top:38px}
 .sensory-intro{margin-top:30px}
 .diary{padding-top:40px;padding-bottom:100px}
 .diary-heading{padding:25px 0 25px}
 .diary-grid{grid-template-columns:1fr;gap:21px}
 .diary-art{position:relative;top:auto;min-height:310px;max-width:550px;padding:25px 0;margin:0 auto}
 .diary-art::before{background-size:160% auto;opacity:.08}
 .diary-art>img{width:min(100%,460px)}
 .diary-topics{padding-top:0;gap:43px}
 .diary-chapter{grid-template-columns:50px 1fr;gap:15px;margin-left:0!important}
 .chapter-number{font-size:38px}
 .chapter-copy h3{font-size:clamp(29px,5.6vw,38px);margin-bottom:12px}
 .chapter-copy p{font-size:14px}
 .closing{padding-top:78px}
 .site-footer{padding-top:69px}
 .footer-main{grid-template-columns:1fr 1fr;gap:45px 24px;padding-bottom:48px;align-items:start}
 .footer-emblem{grid-column:1/-1;grid-row:1}
 .footer-emblem a{width:min(75%,320px)}
 .footer-contact{grid-column:1;grid-row:2}
 .footer-nav{grid-column:2;grid-row:2}
 .footer-responsible span{display:block;margin-left:0}
}
@media(max-width:440px){
 .brand img{width:165px;max-height:49px}
 .hero-feature{padding-top:108px}
 .hero h1{font-size:clamp(31px,8.3vw,39px)}
 .hero-visual{aspect-ratio:1.4;margin-top:12px}
 .hero-manifesto{font-size:14px}
 .hero-arabesque{height:56px}
 .concept-panel{padding:52px var(--page-gutter);min-height:665px}
 .panel-content{min-height:560px}
 .concept-panel .panel-prose p{font-size:14px;line-height:1.72}
 .panel-foot{font-size:9px;letter-spacing:.065em;gap:5px}
 .crest-story .panel-foot{font-size:9px}
 .origin-heading h2{font-size:clamp(62px,16vw,85px)}
 .product-can{height:min(495px,120vw)}
 .origin-detail h3{font-size:37px}
 .diary-heading h2{font-size:clamp(39px,9.8vw,52px)}
 .diary-art{min-height:260px}
 .footer-emblem a{width:min(90%,300px)}
 .footer-main{gap:36px 18px}
 .footer-nav a{font-size:13px}
 .footer-website{font-size:11px}
 .footer-contact .footer-social{font-size:13px}
 .footer-copyright{font-size:9px;letter-spacing:.045em}
}
@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none;transform:translate(-50%,-48%)}.product-can{transition:none!important}}

/* Letreiros OAK/ROUTE extraídos fielmente da logo oficial fornecida */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.concept-panel h3.brand-display img{height:clamp(51px,5.8vw,88px);width:auto;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:760px){.concept-panel h3.brand-display img{height:clamp(57px,9.5vw,82px)}}
@media(max-width:440px){.concept-panel h3.brand-display img{height:55px}}