/* Abertura e resultados seguem as referências autorais da Prime Gloss. */
.hero{height:calc(100svh - 88px);min-height:580px;max-height:900px}.hero-image{background-image:url('assets/hero-centered.png');background-size:cover;background-position:center 64%}.hero-shade{background:linear-gradient(90deg,#0008,transparent 35%,transparent 68%,#0007),linear-gradient(0deg,#08090960,transparent 28%)}.hero-copy{width:28%;max-width:355px}.hero-copy h1{font-size:clamp(43px,4.2vw,65px)}.hero-wall-logo{position:absolute;top:7%;left:50%;transform:translateX(-50%);width:30%;max-width:440px;height:auto;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #ff16163b);pointer-events:none}.hero-features{width:140px;gap:29px}.hero-features strong{font-size:13px}.hero-features small{font-size:11px}.hero-inner{align-items:center}.hero .scroll-cue{bottom:22px}
.transformations{position:relative;isolation:isolate;overflow:hidden;padding:50px 0 75px;background:#050505;border-bottom:1px solid #351515;min-height:770px}.results-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/hero-centered.png') center 60%/cover no-repeat;filter:brightness(.45)}.transformations:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#02020218,#0006 70%),linear-gradient(0deg,#080909dc,transparent 35%,#0008)}.results-heading{text-align:center;position:relative;z-index:3;margin-bottom:30px}.results-heading .eyebrow{font-size:14px;font-weight:500;letter-spacing:2.5px;margin-bottom:16px}.results-heading h2{font-family:Inter,Arial,sans-serif;font-size:clamp(32px,3.1vw,49px);line-height:1.15;letter-spacing:-1.5px;font-weight:800}.results-heading>p:last-child{font-size:18px;line-height:1.45;color:#bdbdbd;margin-top:16px}.results-carousel{position:relative;width:min(1440px,100%);margin:0 auto}.results-stage{position:relative;height:455px;perspective:1500px;touch-action:pan-y}.result-card{position:absolute;top:0;left:50%;width:455px;height:455px;border:1px solid #89898970;border-radius:22px;overflow:hidden;background:#151414;box-shadow:0 20px 65px #0008;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s,opacity .5s;transform-origin:center center;cursor:pointer}.result-card[data-position="0"]{transform:translateX(-50%);z-index:5;filter:brightness(1)}.result-card[data-position="-1"]{transform:translateX(calc(-50% - 260px)) scale(.87) rotateY(32deg);z-index:3;filter:brightness(.75)}.result-card[data-position="1"]{transform:translateX(calc(-50% + 260px)) scale(.87) rotateY(-32deg);z-index:3;filter:brightness(.75)}.result-card[data-position="-2"]{transform:translateX(calc(-50% - 390px)) scale(.77) rotateY(35deg);z-index:2;filter:brightness(.55)}.result-card[data-position="2"]{transform:translateX(calc(-50% + 390px)) scale(.77) rotateY(-35deg);z-index:2;filter:brightness(.55)}.transform-photo{background-image:url('assets/transformacao-reference.png');background-repeat:no-repeat;background-size:calc(1536 / var(--tw) * 100%) calc(1024 / var(--th) * 100%);background-position:calc(var(--tx) / (1536 - var(--tw)) * 100%) calc(var(--ty) / (1024 - var(--th)) * 100%)}.result-visual{position:absolute;inset:0;background-color:#171111}.result-card.is-current .result-visual{inset:68px 0 95px}.result-card.is-current:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#74747448,#1b0808 60%,#68161660)}.result-card .result-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 50%)}.result-card.is-current .result-visual:after{background:linear-gradient(0deg,#09090980,transparent 20%)}.comparison-label{display:none}.is-current .comparison-label{display:block;position:absolute;top:-38px;z-index:2;font-size:13px;text-transform:uppercase;padding:5px 18px;border-radius:30px;line-height:1.4}.comparison-label.before{left:30px;background:#39393980;border:1px solid #ffffff38}.comparison-label.after{right:30px;background:#d91523;border:1px solid #e7252c}.comparison:before{content:'';position:absolute;left:50%;top:-68px;bottom:0;width:1px;background:#fff9;z-index:1;display:none}.is-current .comparison:before{display:block}.result-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 30px;display:flex;gap:17px;align-items:center;background:linear-gradient(0deg,#121010f5,#12101005);color:#eee}.result-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;color:#d9d9d9}.result-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.result-caption h3{font-size:18px;font-weight:600}.result-caption p{font-size:14px;line-height:1.4;color:#bbb;margin-top:5px}.result-card:not(.is-current) .result-caption{flex-direction:column;align-items:flex-start;gap:7px;max-width:210px}.result-card:not(.is-current) .result-caption p,.result-card:not(.is-current) .result-book{display:none}.result-card.is-current .result-icon{border:1px solid var(--red);color:var(--red);border-radius:50%;width:54px;height:54px}.result-book{position:absolute;right:24px;bottom:11px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#ff454d;background:none;border:0;border-bottom:1px solid #a21720;padding:2px}.carousel-arrow{position:absolute;top:calc(50% - 27px);width:55px;height:55px;border:2px solid #7778;border-radius:50%;background:#030303bb;color:white;display:grid;place-items:center;z-index:8;transition:border-color .2s,background .2s}.carousel-arrow:hover{border-color:#ff2028;background:#2b0707}.carousel-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5}.carousel-arrow.previous{left:25px}.carousel-arrow.next{right:25px}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:26px}.carousel-dots button{padding:10px 0;border:0;background:none;position:relative;width:38px;height:24px}.carousel-dots button:after{content:'';position:absolute;top:10px;left:0;right:0;height:5px;border-radius:5px;background:#3b3b3b;transition:background .2s}.carousel-dots button.selected{width:53px}.carousel-dots button.selected:after{background:#f51b3c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero{height:calc(100svh - 88px);max-height:1000px}.hero-image{background-position:center 62%}}
@media(max-width:1100px) and (min-width:761px){.hero-copy h1{font-size:43px}.hero-copy{width:30%}.hero-features{width:125px}.hero-wall-logo{top:9%;width:34%}.result-card{width:405px;height:415px}.results-stage{height:415px}.result-card[data-position="-1"]{transform:translateX(calc(-50% - 215px)) scale(.85) rotateY(32deg)}.result-card[data-position="1"]{transform:translateX(calc(-50% + 215px)) scale(.85) rotateY(-32deg)}.result-card[data-position="-2"]{transform:translateX(calc(-50% - 325px)) scale(.74) rotateY(35deg)}.result-card[data-position="2"]{transform:translateX(calc(-50% + 325px)) scale(.74) rotateY(-35deg)}.carousel-arrow.previous{left:15px}.carousel-arrow.next{right:15px}.transformations{min-height:710px}}
@media(max-width:760px){.hero{height:calc(100svh - 75px);min-height:720px;max-height:none}.hero-image{background-size:auto 68%;background-position:center 77%;background-color:#040404}.hero-shade{background:linear-gradient(0deg,#0007,transparent 45%,#0006 67%,#000d 100%)}.hero-wall-logo{top:36%;width:60%;max-width:300px}.hero-inner{padding-top:35px;display:block}.hero-copy{width:100%;max-width:100%}.hero-copy h1{font-size:clamp(43px,10.8vw,64px);line-height:1}.hero-copy .intro{margin:14px 0 18px;font-size:14px}.hero-copy .eyebrow{font-size:11px;margin-bottom:8px}.hero-copy .button{padding:11px 19px;min-height:43px}.hero-features{bottom:25px;gap:12px;width:auto}.hero-features strong{font-size:11px}.hero-features small{font-size:9px}.hero-features b{font-size:24px}.transformations{padding:42px 0 48px;min-height:0}.results-heading{margin-bottom:26px}.results-heading h2{font-size:clamp(28px,7.1vw,42px);letter-spacing:-.9px;line-height:1.15}.results-heading .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:12px}.results-heading>p:last-child{font-size:15px;line-height:1.45;margin-top:14px}.desktop-break{display:none}.results-stage{height:390px}.result-card{width:calc(100vw - 90px);max-width:395px;height:390px;border-radius:15px}.result-card[data-position="-1"]{transform:translateX(calc(-50% - 105px)) scale(.8) rotateY(28deg)}.result-card[data-position="1"]{transform:translateX(calc(-50% + 105px)) scale(.8) rotateY(-28deg)}.result-card[data-position="-2"]{transform:translateX(calc(-50% - 155px)) scale(.67) rotateY(35deg)}.result-card[data-position="2"]{transform:translateX(calc(-50% + 155px)) scale(.67) rotateY(-35deg)}.result-card.is-current .result-visual{inset:58px 0 110px}.is-current .comparison-label{top:-32px;font-size:11px;padding:4px 12px}.comparison-label.before{left:18px}.comparison-label.after{right:18px}.result-caption{padding:22px 18px 29px;gap:10px}.result-card.is-current .result-icon{width:40px;height:40px}.result-icon svg{width:27px;height:27px}.result-caption h3{font-size:15px}.result-caption p{font-size:12px}.result-book{right:19px;bottom:10px}.carousel-arrow{width:40px;height:40px;top:calc(50% - 20px)}.carousel-arrow.previous{left:6px}.carousel-arrow.next{right:6px}.carousel-arrow svg{width:18px;height:18px}.carousel-dots{margin-top:19px;gap:10px}.results-backdrop{background-position:center center;filter:brightness(.3)}}
.result-card[data-position="1"] .result-caption,.result-card[data-position="2"] .result-caption{left:auto;right:0;width:175px;padding-left:10px;padding-right:20px}
@media(prefers-reduced-motion:reduce){.result-card{transition:none}}

/* Preserve photographic geometry: framing crops the viewport, never stretches the raster. */
.result-visual.transform-photo{background-image:none;background-color:#110d0d}
.result-photo-frame,.result-comparison-photo{position:absolute;inset:0;width:100%;height:100%;display:block}
.result-comparison-photo{object-fit:cover;object-position:center}
.result-photo-window{position:absolute;inset:0;overflow:hidden}
.result-card.is-current .result-comparison-photo{object-fit:cover;transform:scale(1.25)}
.result-card.is-current .result-visual:not(.comparison){top:0}

.result-service-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;display:block}
.result-card.is-current .result-service-photo{object-fit:contain;object-position:center;background:#080808}

/* Full-resolution gallery photographs preserve the same thumbnail layout. */
.gallery-item.photo-native,.lightbox-photo.photo-native{background-image:none;padding:0;overflow:hidden}
.photo-native>img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.lightbox-photo.photo-native{aspect-ratio:3/2}
.lightbox-photo.photo-native>img{object-fit:contain;object-position:center}

.booking-icon{width:19px;height:19px;flex:none;display:block;color:var(--red)}
@media(min-width:761px){.nav-book.button.outline{min-height:44px;padding:10px 16px!important;gap:9px;flex-shrink:0;white-space:nowrap;font-size:12px;line-height:1.25}.nav-book.button.outline:hover{background:#ff202812;border-color:#ff4248}.nav-book.button.outline:focus-visible{outline:2px solid white;outline-offset:4px}}

/* Keep each benefit's icon, title and description on shared rows. */
.difference-grid{align-items:stretch}
.difference-grid>div:first-child{align-self:center}
.difference{display:grid;grid-template-rows:48px 34px 1fr;row-gap:12px;align-content:start}
.difference>span{height:48px;display:grid;place-items:center;margin:0;line-height:1}
.difference h3,.difference p{margin:0}

/* The car photograph covers the entire appointment banner without stretching. */
.final-cta .cta-photo{inset:0}
.cta-photo>svg{display:block;width:100%;height:100%;overflow:hidden}
.final-cta:after{background:linear-gradient(90deg,#050607b8,#05060780 44%,#03040540)}