/* V2 — direção da hero fornecida em 06/11/2026. */
.hero{height:auto;min-height:0;background:#290008}
.hero-stage{height:min(100svh,56.25vw);min-height:640px;max-height:none;background:#35000c}
.hero-backdrop{position:absolute;inset:-2%;z-index:0;background:#35000c url('assets/hero-wine-texture.webp') center/cover no-repeat;transform:translate(calc(var(--mx) * -.4),calc(var(--my) * -.4));pointer-events:none}
.hero-light{background:radial-gradient(ellipse at 56% 48%,#a60d2812,transparent 65%);opacity:.5}
.hero-grain{opacity:.045;z-index:2;mix-blend-mode:soft-light}
.masthead{font-family:'Bodoni Moda',Didot,serif;font-weight:400;font-optical-sizing:none;font-variation-settings:'opsz' 96,'wght' 400;font-size:15.8vw;line-height:1;letter-spacing:-.065em;left:3.4%;width:93.2%;top:18.7%;gap:2%;transform:translate(calc(var(--mx) * -.65),calc(var(--scroll) * -35px + var(--my) * -.65)) scaleY(1.06);transform-origin:center center}
.portrait-wrap{left:36.5%;bottom:-8%;width:42%;height:110%;transform:translate(var(--mx),calc(var(--my) + var(--scroll) * 23px)) scale(calc(1 + var(--scroll) * .018))}
.hero-portrait{object-fit:contain;object-position:50% 100%;filter:none}
.hero-content{left:5.4%;top:54.4%;width:39%;max-width:660px}
.hero h1{font-size:clamp(29px,2.57vw,50px);font-weight:400;line-height:1.16;letter-spacing:-.035em;margin-bottom:20px}
.hero-desc{font-size:clamp(16px,1.3vw,23px);line-height:1.6;margin-bottom:28px;color:var(--cream)}
.hero-kicker{position:absolute;top:calc(100% + 20px);font-size:11px;font-weight:400;letter-spacing:.11em;opacity:.9}
.hero-content .button{min-height:48px;padding:12px 23px;border-radius:0;min-width:245px;gap:24px;font-size:16px}
.hero-aside{display:none}
.hero-bottom{left:3.7%;right:3.7%;bottom:14px;gap:26px;font-size:11px}
.hero-bottom-line{background:#ecd3b580}
.hero-bottom .motion-toggle{font-size:11px}
.header{height:102px;padding-inline:5.2%;background:transparent}
.header .brand{width:260px}
.header .nav{font-size:14px;gap:24px}
.nav-contact{border:1px solid #ecd3b5aa;border-radius:0;padding:11px 18px}
/* Texto funcional mantém a escala do design system. */
.eyebrow{font-size:12px}.muted{color:var(--muted)}
.field label,.form-privacy,.preview-note,.security-note{font-size:14px}
@media(min-width:1700px){.masthead{font-size:15.8vw;top:18.7%}.portrait-wrap{left:36.5%;width:42%}.hero-content{left:5.4%;width:39%}}
@media(min-width:801px) and (max-width:1100px){.hero{min-height:0}.hero-stage{min-height:600px}.portrait-wrap{left:40%;width:46%;height:104%;bottom:-7%}.masthead{top:17%;font-size:16.4vw}.hero-content{width:44%;top:53%;left:5%}.hero h1{font-size:29px}.header{padding-inline:4%;height:90px}.header .brand{width:220px}.header .nav{gap:18px;font-size:13px}.hero-kicker{font-size:10px}.hero-desc{font-size:16px}}
@media(max-width:800px){
 .header{height:82px;padding:12px 20px}.header .brand{width:205px}.header .nav{font-size:16px;gap:8px}
 .hero{height:auto;min-height:0}.hero-stage{height:auto;min-height:990px;background:#35000c}.hero-stage:after{top:430px;height:210px;background:linear-gradient(transparent,#35000c 95%)}
 .hero-backdrop{background-position:58% top;inset:0;background-size:auto 720px;background-repeat:no-repeat}
 .masthead{top:135px;left:4%;width:92%;font-size:15.7vw;letter-spacing:-.07em;gap:4%;line-height:1;transform:translateY(calc(var(--scroll) * -12px)) scaleY(1.1)}
 .portrait-wrap{top:95px;bottom:auto;left:auto;right:2%;height:560px;width:90%;max-width:480px;transform:translateY(calc(var(--scroll) * 10px))}
 .hero-content{position:relative;left:auto;top:auto;width:100%;max-width:none;padding:580px 24px 120px;background:linear-gradient(transparent 500px,#35000c 630px);transform:none}
 .hero h1{font-size:36px;max-width:580px;line-height:1.2;margin-bottom:19px}.hero-desc{font-size:18px;max-width:36ch;margin-bottom:25px}
 .hero-kicker{position:static;font-size:12px;line-height:1.5;letter-spacing:.07em;margin-bottom:20px;opacity:1}
 .hero-content .button{font-size:16px;min-height:54px;width:auto;max-width:none}
 .hero-bottom{left:24px;right:24px;bottom:12px;gap:18px}.hero-bottom-line{display:none}.hero-bottom .motion-toggle,.scroll-cue{font-size:11px}.scroll-cue{letter-spacing:0}
 .path p,.service-body p,.faq details>p,.office-copy>p:not(.eyebrow){font-size:16px}
 .benefit-panel>p:not(.eyebrow){font-size:18px}.benefit-panel .text-link,.contact-copy .text-link,.form-privacy,.preview-note,.security-note{font-size:14px}
 .field label{font-size:14px}
}
@media(max-width:500px){
 .hero-stage{min-height:930px}.hero-stage:after{top:390px;height:160px}
 .masthead{top:138px;font-size:15.9vw;left:3.5%;width:93%}
 .portrait-wrap{height:485px;width:96%;right:-4%;top:90px}
 .hero-content{padding:505px 24px 114px;background:linear-gradient(transparent 430px,#35000c 550px)}
 .hero h1{font-size:32px;max-width:400px}.hero-desc{font-size:17px}.hero-content .button{width:100%;max-width:350px}
 .hero-kicker{font-size:11px;letter-spacing:.035em;gap:8px}.hero-bottom{left:24px;right:24px;gap:16px;flex-wrap:wrap;bottom:16px}.hero-bottom .motion-toggle{margin-left:0}.scroll-cue{min-height:44px}
}
@media(max-width:350px){.header{padding-inline:18px}.header .brand{width:180px}.hero-content{padding-inline:18px}.hero h1{font-size:28px}.hero-kicker{font-size:10px}.hero-bottom{left:18px;right:18px;gap:5px 13px}.hero-bottom .motion-toggle,.scroll-cue{font-size:10px}.hero-stage{min-height:930px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop,.masthead,.portrait-wrap{transform:none!important}.hero{height:auto;min-height:0}.hero-stage{position:relative}}
html.motion-off .hero-backdrop{transform:none!important}

/* V3 — marca atrás do retrato, com margens seguras e parallax em camadas. */
@media(max-width:800px){
 .hero-backdrop{inset:-12px;background-size:auto 760px;transform:translateY(calc(var(--scroll) * -6px))}
 .masthead{top:145px;left:20px;width:calc(100% - 40px);font-size:clamp(35px,12vw,88px);letter-spacing:-.055em;gap:.25em;justify-content:center;line-height:1.2;white-space:nowrap;z-index:1;transform:translateY(calc(var(--scroll) * -18px)) scale(calc(1 + var(--scroll) * .008))}
 .masthead span{flex:0 0 auto}
 .portrait-wrap{top:130px;left:0;right:0;margin-inline:auto;width:calc(100% - 40px);max-width:420px;height:auto;aspect-ratio:1055/1490;bottom:auto;z-index:3;transform:translateY(calc(var(--scroll) * 14px)) scale(calc(1 + var(--scroll) * .025))}
 .hero-stage:after{top:590px;height:170px}
 .hero-content{padding-top:700px;background:linear-gradient(transparent 620px,#35000c 735px)}
 .hero-stage{min-height:1110px}
}
@media(max-width:500px){
 .masthead{top:130px;left:18px;width:calc(100% - 36px);font-size:12.5vw;line-height:1.25}
 .portrait-wrap{top:128px;width:calc(100% - 24px);max-width:390px}
 .hero-stage:after{top:calc(128px + (100vw - 24px) * 1.1);height:150px}
 .hero-content{padding-top:calc(128px + (100vw - 24px) * 1.26);background:linear-gradient(transparent calc(128px + (100vw - 24px) * 1.04),#35000c calc(128px + (100vw - 24px) * 1.4))}
 .hero-stage{min-height:990px}
}
