/* DMA · Movimento que conduz à escolha. Base desenhada para o celular. */
.brand-bridge{height:150px;padding:24px 0 68px;isolation:isolate;background:linear-gradient(180deg,#101411 0%,#101411 59%,#f4f1e8 100%)}
.brand-bridge .brand-marquee-depth{transform:none!important;position:relative;overflow:visible;width:100%;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.brand-bridge .brand-track{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:0!important;width:max-content!important;color:#ddceb0;animation:dma-brand-flow 18s linear infinite!important;will-change:transform;transform-origin:left center}
.brand-set{display:flex;align-items:center;gap:36px;padding-right:36px;flex:none}
.brand-bridge .brand-item,.brand-bridge .brand-item:nth-child(n+7){display:flex!important;width:154px;gap:12px;font-size:20px;letter-spacing:.01em;flex:none}
.brand-bridge .brand-item svg{width:38px;height:38px;flex:none}
@keyframes dma-brand-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.intent-section{padding-top:16px;padding-bottom:70px}
.intent-intro{display:block;margin-bottom:30px}
.intent-intro h2{font-size:42px;line-height:1.05;max-width:680px;margin:0}
.intent-intro p{font-size:17px;line-height:1.65;margin:20px 0 0;max-width:410px;color:#56604f}
.intent-tabs{display:grid;grid-template-columns:1fr;gap:12px;border:0}
.intent-tabs button,.intent-tabs button:first-child,html[data-journey=locked] .intent-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;min-height:116px;padding:24px 86px 24px 24px;border:0;background:#1b211c;color:#faf6ed;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));transition:background-color .22s,color .22s,box-shadow .22s;isolation:isolate}
.intent-tabs button:before,.intent-tabs button[aria-selected=true]:before{display:none}
.intent-tabs button .choice-title{font-family:"Barlow Semi Condensed",Barlow,sans-serif;font-weight:600;font-size:25px;letter-spacing:0;line-height:1.12;max-width:100%;color:inherit}
.intent-tabs button small{font-size:16px!important;line-height:1.45;max-width:100%;margin-top:8px;color:#d4d6c9}
.intent-tabs .choice-action{position:absolute;inset:0 0 0 auto;width:66px;display:grid;place-items:center;border-left:1px solid #d4ae6d44;background:#d4ae6d;color:#141a14}
.intent-tabs .choice-action svg{position:static;width:29px;height:29px;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.intent-tabs button:hover{background:#303a2e}
.intent-tabs button:hover .choice-action svg{transform:translate(3px,-3px)}
.intent-tabs button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #d4ae6d;background:#303a2e}
.intent-tabs button[aria-selected=true]{background:#d4ae6d;color:#141a14}
.intent-tabs button[aria-selected=true] .choice-title{color:#141a14}
.intent-tabs button[aria-selected=true] small{color:#303b29}
.intent-tabs button[aria-selected=true] .choice-action{border-color:#171d1844;background:#e9c991}
.intent-status{font-size:16px;line-height:1.55;margin-top:22px;color:#56604f}

/* Arquitetura, lettering e veículo ocupam planos independentes. */
.story{gap:40px;padding-top:52px;padding-bottom:80px;align-items:center}
.story-image{aspect-ratio:1.04;max-height:none;width:100%;height:auto;overflow:visible;position:relative;isolation:isolate;perspective:1100px;transform-style:preserve-3d;margin:5px 0 38px}
.story-image:after{display:none}
.story-backdrop{position:absolute;inset:10% 4% 18% 4%;z-index:0;overflow:hidden;background:#161b16;clip-path:polygon(0 0,89% 0,100% 12%,100% 100%,0 100%);transform-origin:center;transform-style:preserve-3d}
.story-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 55%;opacity:.67;transform:none;transition:none}
.story-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10141133,#101411a6)}
.story-depth-word{position:absolute;z-index:1;top:16%;left:9%;right:0;color:#f0d7a1;font-family:"Barlow Semi Condensed",Barlow,sans-serif;font-size:clamp(47px,15vw,72px);line-height:.87;font-weight:600;letter-spacing:-.02em;opacity:.57;pointer-events:none;transform-style:preserve-3d}
.story-depth-word span{display:block}
.story-car-plane{position:absolute;inset:3% -3% 8% -6%;z-index:2;transform-style:preserve-3d;transform-origin:70% 70%;pointer-events:none}
.story-image #story-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center center;transform:none;transition:none;filter:drop-shadow(0 18px 16px #0003);will-change:auto}
.stage-horizon{position:absolute;left:5%;right:3%;bottom:15%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,#b4955b,#b4955b55,transparent);transform:rotate(-5deg)}
.story-image-caption{left:0;right:0;bottom:0;color:#313c2e;font-size:16px;line-height:1.5;max-width:400px;z-index:4;transform:none}
.story-image-note{position:absolute;bottom:-30px;left:0;font-size:14px;line-height:1.5;color:#626b5b;z-index:4}
.story-copy h2{font-size:38px;line-height:1.1;max-width:650px}
.story-copy>p{font-size:17px;line-height:1.65;margin-top:24px}
.story-copy .editorial-list{margin-top:26px}
.editorial-list article{display:block;padding:20px 0}
.editorial-list article>span{font-size:19px;line-height:1.3;font-weight:600;color:#80602b;display:block;margin-bottom:9px}
.editorial-list article p{font-size:16px;line-height:1.65;margin:0;max-width:65ch}
.story-copy>.conversion-cta{margin-top:25px}
html[data-current-intent=locacao] .story-car-plane,html[data-current-intent=programada] .story-car-plane{inset:3% -4% 5% -16%}

/* A fotografia editorial mantém sua proporção e o carro inteiro. */
.gallery-photo{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#e6e1d4;transform-origin:center}
.gallery-photo img{width:100%;height:100%;object-fit:contain!important;object-position:50% 50%;display:block;transform:none!important;max-width:100%}
.gallery-corolla{padding-top:0}
.gallery-pair{align-items:start;gap:38px}
.gallery-pair figure{margin:0}
.gallery-pair figcaption{padding-top:20px}

/* Reenquadramento dos três veículos sem cortar frente ou rodas. */
.hero{isolation:isolate;overflow:hidden}
.hero-scene{perspective:1400px;transform-style:preserve-3d}
.hero-ghost{position:absolute;z-index:1;right:3%;top:28%;font-family:"Barlow Semi Condensed",Barlow,sans-serif;font-weight:600;font-size:clamp(105px,21vw,310px);line-height:.82;letter-spacing:-.025em;color:#e3c384;opacity:.11;transform-origin:center}
.hero-ghost span{display:block}
.hero-car-depth{z-index:2;transform-style:preserve-3d;transform-origin:65% 70%}
.hero-car.carousel-car{width:112vw;max-width:none;height:auto;right:1vw;bottom:120px;object-fit:contain}
.hero-shade{z-index:3;background:linear-gradient(180deg,#101411 0%,#101411f5 29%,#10141166 53%,#10141108 75%,#101411 100%)}
.hero,.hero-content{min-height:830px;height:auto;max-height:none}
.hero-content{padding-top:32px;padding-bottom:34px}
.hero-text{max-width:620px}
.hero h1{font-size:clamp(42px,11vw,56px);line-height:1.04}
.hero-text>p{font-size:17px;line-height:1.6;margin-top:23px;margin-bottom:23px;max-width:390px}
.hero .hero-note{font-size:14px;line-height:1.5;margin-top:18px;max-width:340px}
.hero .hero-bottom{padding-top:295px;margin-top:auto;align-items:flex-end;font-size:14px}
.hero-bottom>span{max-width:215px}
.hero-bottom>a{font-size:14px}
.hero .image-note{right:22px;left:auto;bottom:95px;max-width:245px;font-size:14px;line-height:1.5}
.hero .vehicle-controls{right:22px;left:22px;bottom:155px;width:auto;pointer-events:none}
.hero .vehicle-model{justify-content:space-between;border-bottom:0;padding-bottom:0}
.hero .vehicle-model>span:first-child{font-size:22px}
.hero .vehicle-model>span:last-child{font-size:14px}
.gsap-ready .hero-bg,.gsap-ready .hero-car-depth,.gsap-ready .hero-ghost,.gsap-ready .story-backdrop,.gsap-ready .story-car-plane,.gsap-ready .story-depth-word{backface-visibility:hidden}
.gsap-ready .word-reveal .reveal-word{transition:none;opacity:1;transform:none}

@media(min-width:600px){
 .intent-tabs{grid-template-columns:1fr 1fr;gap:16px}
 .intent-tabs button,.intent-tabs button:first-child,html[data-journey=locked] .intent-tabs button{min-height:146px;padding:28px 90px 28px 28px}
 .intent-tabs button .choice-title{font-size:28px}
 .story-depth-word{font-size:clamp(80px,13vw,140px)}
 .editorial-list article{display:grid;grid-template-columns:180px 1fr;gap:25px}
 .editorial-list article>span{margin-bottom:0}
}
@media(min-width:761px){
 .brand-bridge{height:178px;padding:29px 0 90px}
 .brand-set{gap:64px;padding-right:64px}
 .brand-bridge .brand-track{animation-duration:20s!important}
 .brand-bridge .brand-item,.brand-bridge .brand-item:nth-child(n+7){width:180px;gap:16px;font-size:23px}
 .brand-bridge .brand-item svg{width:44px;height:44px}
 .intent-section{padding-top:10px;padding-bottom:90px}
 .intent-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:40px}
 .intent-intro h2{font-size:clamp(44px,4.6vw,64px)}
 .intent-intro p{font-size:18px;margin:0}
 .intent-tabs button,.intent-tabs button:first-child,html[data-journey=locked] .intent-tabs button{min-height:154px;padding:30px 100px 30px 32px}
 .intent-tabs button .choice-title{font-size:32px}
 .intent-tabs button small{font-size:17px!important}
 .intent-tabs .choice-action{width:76px}
 .intent-tabs .choice-action svg{width:34px;height:34px}
 .story{gap:clamp(40px,5vw,90px);padding-top:60px;padding-bottom:100px;grid-template-columns:1fr 1fr}
 .story-image{aspect-ratio:.93;margin:0 0 35px;align-self:center}
 .story-backdrop{inset:8% 4% 15% 4%}
 .story-depth-word{font-size:clamp(66px,7.1vw,116px);left:8%;top:16%}
 .story-car-plane{inset:5% -10% 9% -12%}
 html[data-current-intent=locacao] .story-car-plane,html[data-current-intent=programada] .story-car-plane{inset:5% -10% 9% -26%}
 .story-copy h2{font-size:clamp(38px,3.3vw,51px)}
 .story-copy>p{font-size:18px;line-height:1.7}
 .editorial-list article{display:block;padding:21px 0}
 .editorial-list article>span{font-size:20px;margin-bottom:9px}
 .editorial-list article p{font-size:17px}
 .gallery-pair{grid-template-columns:1.1fr 1fr;gap:54px}
 .gallery-corolla{padding-top:100px}
 .gallery-photo{aspect-ratio:3/2}
 .hero,.hero-content{height:calc(100svh - var(--header));min-height:820px;max-height:1120px}
 .hero-content{padding-top:50px;padding-bottom:35px}
 .hero h1{font-size:clamp(58px,5.8vw,88px);line-height:1.03;max-width:670px}
 .hero-text>p{max-width:430px;font-size:18px;line-height:1.7;margin-top:28px;margin-bottom:28px}
 .hero-car.carousel-car{width:90vw;right:1vw;bottom:28px}
 .hero-shade{background:linear-gradient(90deg,#101411 0%,#101411e8 25%,#10141166 52%,transparent 77%),linear-gradient(0deg,#101411 0%,transparent 29%)}
 .hero-ghost{right:3%;top:23%;font-size:clamp(130px,17vw,290px)}
 .hero .hero-bottom{padding-top:20px;margin-top:auto;align-items:end}
 .hero .vehicle-controls{left:auto;right:var(--pad);bottom:108px;width:300px}
 .hero .image-note{right:var(--pad);bottom:58px;max-width:300px;font-size:14px}
}
@media(min-width:1300px){.story-image{aspect-ratio:1.02}.editorial-list article{display:grid;grid-template-columns:155px 1fr;gap:24px}.editorial-list article>span{margin:0}.hero-car.carousel-car{width:88vw}}
@media(max-width:380px){.hero,.hero-content{min-height:850px}.hero h1{font-size:42px}.hero-text>p{font-size:16px}.hero .hero-bottom{padding-top:290px}.intent-tabs button,.intent-tabs button:first-child,html[data-journey=locked] .intent-tabs button{padding-left:21px;padding-right:82px;min-height:118px}.intent-tabs button .choice-title{font-size:24px}.intent-tabs .choice-action{width:61px}}
@media(prefers-reduced-motion:reduce){
 .brand-bridge .brand-track{animation:dma-brand-flow 65s linear infinite!important;will-change:transform}
 .hero-bg,.hero-car-depth,.hero-ghost,.story-backdrop,.story-car-plane,.story-depth-word,.gallery-photo{transform:none!important}
 .intent-tabs .choice-action svg,.intent-tabs button:hover .choice-action svg{transform:none}
 .story-image #story-img{filter:none}
}

/* Ajustes finais de enquadramento nos dispositivos verificados. */
.story-car-plane{inset:3% 4% 8% -6%}
html[data-current-intent=locacao] .story-car-plane,html[data-current-intent=programada] .story-car-plane{inset:3% 4% 5% -16%}
@media(max-width:760px){
 html[data-journey=locked] .hero .hero-bottom,.hero .hero-bottom{padding-top:270px}
 .hero-car.carousel-car{bottom:150px}
 .hero .vehicle-controls{bottom:140px}
}
@media(max-width:380px){
 .hero,.hero-content{min-height:830px}
 .hero-car.carousel-car{bottom:180px}
 .hero .vehicle-controls{bottom:175px}
}
@media(min-width:761px){
 .story-car-plane{inset:5% 4% 9% -10%}
 html[data-current-intent=locacao] .story-car-plane,html[data-current-intent=programada] .story-car-plane{inset:5% 4% 9% -22%}
}

/* Crédito discreto, conforme a assinatura visual da Agência Miro. */
.footer .footer-bottom .miro-signature{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;width:auto;max-width:100%;font-family:Barlow,Arial,sans-serif;font-size:13px;line-height:20px;font-weight:400;letter-spacing:0;white-space:nowrap;color:#9da298;text-decoration:none}
.footer .miro-signature .miro-credit-label{font-size:inherit;line-height:inherit;font-weight:400;color:#9da298}
.footer .miro-signature .miro-credit-name,.footer .miro-signature:hover .miro-credit-name{font-size:inherit;line-height:inherit;font-weight:700;color:#f5f1e7}
.footer .miro-signature .miro-credit-rocket{display:block;flex:0 0 16px;width:16px;height:16px;color:#d4ae6d;stroke-width:1.8;transition:transform .2s ease;transform:none}
.footer .miro-signature:hover .miro-credit-rocket{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.footer .miro-signature:hover .miro-credit-rocket{transform:none}}