:root{--ink:#232323;--night:#101010;--paper:#f4f4f4;--white:#fff;--blue:#cb0707;--gold:#ffbe00;--muted:#7a7a7a;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header{height:82px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 18px Manrope;letter-spacing:2px}.brand svg{width:34px;height:34px;fill:var(--white)}.brand .spark{fill:var(--blue)}.brand>span>span{font-weight:500;color:var(--blue)}nav{display:flex;gap:38px;font-size:13px;color:#cbd0d1}nav a:hover{color:#fff}.button{background:var(--white);color:#0b0e10;min-height:56px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:2px;font-weight:700;font-size:14px;transition:.25s}.button:hover{transform:translateY(-2px);background:#dff3ff;box-shadow:0 12px 32px #0005}.button-small{min-height:42px;padding:0 18px;font-size:12px}.button svg{width:21px;fill:currentColor}.hero{height:min(900px,100vh);min-height:720px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/hero-lunarfilm.png') 60% center/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,12,.96) 0%,rgba(7,10,12,.78) 34%,rgba(7,10,12,.08) 67%,rgba(7,10,12,.12)),linear-gradient(0deg,rgba(7,10,12,.6),transparent 36%)}.hero-content{position:relative;z-index:2;max-width:630px;margin-left:8.2vw;padding-top:19vh}.eyebrow,.section-tag{font:700 11px Manrope;letter-spacing:2px;text-transform:uppercase;color:#c9d0d2;display:flex;align-items:center;gap:10px}.eyebrow span{width:18px;height:1px;background:var(--blue)}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:clamp(48px,5.1vw,77px);line-height:1.02;letter-spacing:-3.8px;margin:22px 0 25px}h1 em{font-style:normal;font-weight:500;color:var(--blue)}.hero-content>p{color:#bdc4c6;line-height:1.7;max-width:570px;font-size:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{font-size:13px;color:#d8dcdd;border-bottom:1px solid #ffffff40;padding-bottom:5px}.text-link span{color:var(--blue);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:27px;margin-top:55px}.hero-proof div{display:flex;align-items:center;gap:10px}.hero-proof strong{font:700 25px Manrope}.hero-proof span{font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.8px;color:#91999b}.hero-proof i{height:30px;width:1px;background:var(--line)}.hero-proof .stars{display:block}.hero-proof .stars strong{font-size:12px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:5px}.scroll-cue{position:absolute;z-index:3;right:5vw;bottom:34px;font-size:9px;letter-spacing:2px;color:#91999b;writing-mode:vertical-rl}.scroll-cue span{color:#fff;font-size:20px;margin-top:10px}.section{padding:120px 8vw}.intro{background:var(--paper);color:var(--ink)}.section-tag{color:#6e777a}.intro-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:28px 0 62px}.intro h2,.craft h2,.offer h2,.final-cta h2{font-size:clamp(35px,4vw,58px);line-height:1.1;letter-spacing:-2.5px}.intro h2 span,.craft h2 span{color:#758084;font-weight:500}.intro-heading>p{width:390px;color:#687174;line-height:1.7;font-size:15px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d3d3cf}.benefit{min-height:400px;padding:35px 30px;border-right:1px solid #d3d3cf;position:relative}.benefit:first-child{border-left:1px solid #d3d3cf}.benefit .icon{font-size:28px;color:#63859a;margin-bottom:55px}.benefit>span{position:absolute;right:24px;top:38px;font-size:10px;color:#92999b}.benefit h3{font-size:19px;margin-bottom:18px}.benefit p{color:#6c7577;line-height:1.7;font-size:14px}.benefit.featured{background:#111719;color:#fff;transform:translateY(-12px);border:none;box-shadow:0 22px 45px #19202228}.benefit.featured p{color:#a7afb1}.metric{position:absolute;left:30px;bottom:30px;border-top:1px solid #ffffff21;padding-top:17px;width:calc(100% - 60px);display:grid;grid-template-columns:35px 1fr}.metric b{font-size:27px;color:var(--blue);grid-row:span 2}.metric strong{font-size:12px}.metric small{font-size:10px;color:#899194}.craft{min-height:760px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#0d1113}.craft-copy>p{max-width:540px;color:#9ca4a6;line-height:1.75;margin:28px 0 35px}.craft h2{margin-top:24px}.craft ul{list-style:none;padding:0;margin:0}.craft li{display:flex;gap:17px;border-top:1px solid var(--line);padding:18px 0}.craft li b{width:25px;height:25px;border:1px solid #70b9e680;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:11px}.craft li span{display:grid;gap:4px;color:#848d8f;font-size:12px}.craft li strong{color:#fff;font-size:14px}.craft-visual{height:520px;position:relative;background:radial-gradient(circle at 56% 52%,#23414d 0,#10191d 24%,#0c1012 56%);overflow:hidden;border:1px solid var(--line)}.craft-visual:before,.craft-visual:after{content:"";position:absolute;background:linear-gradient(100deg,transparent,#8ad4fd55,transparent);height:2px;width:120%;transform:rotate(-23deg);top:48%;left:-10%}.craft-visual:after{top:55%;opacity:.3}.ring{width:300px;height:300px;border:1px solid #80c9f344;border-radius:50%;position:absolute;right:13%;top:20%;display:grid;place-items:center;box-shadow:0 0 80px #75c9fa12}.ring div{width:210px;height:210px;border:1px dashed #80c9f34d;border-radius:50%}.glass-card{position:absolute;z-index:2;left:30px;bottom:30px;padding:22px;width:230px;background:#101719dd;backdrop-filter:blur(15px);border:1px solid var(--line);display:grid;gap:9px}.glass-card span{font-size:9px;letter-spacing:2px;color:var(--blue)}.glass-card strong{font:600 20px Manrope}.glass-card small{color:#8c9698}.offer{background:var(--paper);color:var(--ink)}.offer-card{background:#101618;color:#fff;display:grid;grid-template-columns:1.45fr .75fr;padding:65px 7%;position:relative;overflow:hidden}.offer-card:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #6fc3f72b;border-radius:50%;right:-140px;top:-200px}.offer h2{max-width:650px;margin:22px 0}.offer h2 em{font-style:normal;color:var(--blue)}.offer-copy>p{color:#a8b0b2}.price{display:flex;align-items:end;gap:25px;margin-top:35px}.price span{font-size:11px;color:#8d9698;display:grid}.price strong{font:800 45px Manrope;color:var(--blue)}.offer-action{position:relative;z-index:2;border-left:1px solid var(--line);padding-left:55px;display:flex;flex-direction:column;justify-content:center}.gift{font-size:30px;color:var(--blue)}.offer-action p{color:#a9b1b3;line-height:1.6}.offer-action small{margin-top:12px;color:#687174}.final-cta{padding:105px 8vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#172328,#0a0e10)}.final-cta h2{margin:20px 0}.final-cta p{color:#9da5a7;max-width:600px}.final-cta .button{flex-shrink:0;margin-left:50px}footer{min-height:180px;padding:50px 8vw;display:flex;align-items:center;justify-content:space-between;color:#80898b;border-top:1px solid var(--line);font-size:12px}footer p{line-height:1.6}footer .brand{color:#fff}.floating-whatsapp{position:fixed;z-index:20;right:24px;bottom:24px;background:#25d366;color:#07160c;height:52px;border-radius:30px;display:flex;align-items:center;gap:10px;padding:0 19px;font-weight:700;font-size:12px;box-shadow:0 10px 30px #0006}.floating-whatsapp:first-letter{font-size:20px}
@media(max-width:900px){.header{height:70px;padding:0 22px}.header nav,.header>.button{display:none}.hero{height:auto;min-height:820px}.hero-image{background-position:66% center}.hero-shade{background:linear-gradient(90deg,rgba(7,10,12,.91),rgba(7,10,12,.24)),linear-gradient(0deg,rgba(7,10,12,.95) 6%,transparent 55%)}.hero-content{margin:0;padding:145px 24px 50px;max-width:580px}.hero-content>p{max-width:480px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(3){border-left:1px solid #d3d3cf}.craft{grid-template-columns:1fr}.craft-visual{height:420px}.offer-card{grid-template-columns:1fr;gap:45px}.offer-action{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.final-cta{align-items:flex-start;flex-direction:column}.final-cta .button{margin:30px 0 0}.intro-heading{display:block}.intro-heading>p{width:auto;max-width:550px}.intro-heading h2{margin-bottom:20px}}
@media(max-width:560px){.section{padding:82px 22px}.hero{min-height:780px}.hero-image{background-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(7,10,12,.9),rgba(7,10,12,.28)),linear-gradient(0deg,rgba(7,10,12,.98) 4%,rgba(7,10,12,.2) 55%)}h1{font-size:43px;letter-spacing:-2.4px}.hero-content{padding-top:125px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-proof{gap:13px;margin-top:45px}.hero-proof strong{font-size:20px}.hero-proof .stars{display:none}.hero-proof i:nth-of-type(2){display:none}.scroll-cue{display:none}.benefit-grid{grid-template-columns:1fr}.benefit,.benefit:first-child,.benefit:nth-child(3){border:1px solid #d3d3cf;border-top:0;min-height:300px}.benefit.featured{transform:none;min-height:385px}.craft{gap:55px}.craft-visual{height:330px}.ring{width:230px;height:230px;right:-6%;top:8%}.ring div{width:150px;height:150px}.offer-card{padding:42px 25px}.offer h2{font-size:35px}.price strong{font-size:37px}.final-cta{padding:75px 22px}.final-cta h2{font-size:36px}.final-cta .button{width:100%}footer{align-items:flex-start;flex-direction:column;gap:20px;padding:45px 22px}.floating-whatsapp span{display:none}.floating-whatsapp{width:52px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Identidade visual alinhada ao site institucional lunarfilm.com.br */
body{font-family:"Be Vietnam Pro",sans-serif}.brand img{display:block;width:178px;height:auto;transform:translateY(2px)}.brand svg,.brand>span{display:none}h1,h2,h3,.eyebrow,.section-tag,.hero-proof strong,.glass-card strong,.price strong{font-family:"Be Vietnam Pro",sans-serif}.hero-image{background-image:url('assets/hero-lunarfilm-red.webp')}.header{background:linear-gradient(180deg,rgba(0,0,0,.52),transparent)}.button{background:#cb0707;color:#fff;border-radius:5px}.button:hover{background:#e43535;color:#fff;box-shadow:0 12px 32px rgba(203,7,7,.25)}h1 em{font-weight:700}.benefit .icon{color:#cb0707}.benefit.featured{background:#232323}.craft{background:#171717}.craft li b{border-color:rgba(203,7,7,.65)}.craft-visual{background:radial-gradient(circle at 56% 52%,#4b1515 0,#221212 24%,#121212 58%)}.craft-visual:before,.craft-visual:after{background:linear-gradient(100deg,transparent,rgba(203,7,7,.62),transparent)}.ring{border-color:rgba(203,7,7,.36);box-shadow:0 0 80px rgba(203,7,7,.12)}.ring div{border-color:rgba(203,7,7,.38)}.offer-card{background:#232323}.offer-card:after{border-color:rgba(203,7,7,.32)}.final-cta{background:linear-gradient(120deg,#2d1212,#111)}.section-tag{font-weight:800}.floating-whatsapp{font-family:"Be Vietnam Pro",sans-serif}
@media(max-width:560px){.brand img{width:145px}}

.hero-actions{display:grid;width:min(100%,360px);gap:12px;margin-top:42px}
.hero-actions .button{width:100%;min-height:54px;text-align:center;font-size:13px}
.hero-actions .whatsapp-link{background:#22c81f;color:#fff}
.hero-actions .whatsapp-link:hover{background:#35dc32;box-shadow:0 12px 32px rgba(34,200,31,.25)}
.hero-actions .button-call,.hero-actions .button-residential{background:#e40017;color:#fff}
.hero-actions .button-call:hover,.hero-actions .button-residential:hover{background:#ff1616;box-shadow:0 12px 32px rgba(228,0,23,.28)}
.hero-actions .text-link{display:none}
.hero{height:auto;min-height:min(900px,100vh)}
.hero-content{padding-bottom:130px}
@media(max-width:900px){.hero-content{padding-bottom:130px}}
@media(max-width:560px){.hero{min-height:900px}.hero-content{padding-bottom:150px}}
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;overflow:visible;vertical-align:-.125em;fill:none;stroke:currentColor}
.ui-icon-solid{fill:currentColor;stroke:none}
.link-icon{width:1.1em;height:1.1em}
.button .ui-icon{width:18px;height:18px;fill:none;stroke:currentColor}
.button .ui-icon-solid{fill:currentColor;stroke:none}
.text-link .link-icon,.about-text-link .link-icon{margin-left:7px;color:var(--blue)}
.hero-proof .stars .rating-icon{display:block;width:68px;height:13px;margin-bottom:5px;color:var(--gold)}
.scroll-cue .scroll-icon{display:block;width:20px;height:20px;margin-top:10px;color:#fff}
.benefit .icon{width:34px;height:34px;margin-top:-7px}
.benefit-icon{display:block;width:100%;height:100%}
.metric-icon{display:block;width:25px;height:25px}
.check-icon{width:14px;height:14px}
.craft li b .check-icon{width:14px;height:14px}
.segment-card b,.about-segment-grid b{display:flex;align-items:center;gap:5px}
.offer-perks span{display:inline-flex;align-items:center;gap:7px}
.offer-perks .check-icon{color:var(--blue)}
.footer-bottom a .link-icon{margin-left:8px;color:var(--blue)}
.craft-visual{display:flex;align-items:stretch;padding:28px;background:#121212;border-color:rgba(203,7,7,.28)}
.craft-visual:before,.craft-visual:after,.ring,.glass-card{display:none}
.segment-panel{display:grid;grid-template-columns:1fr;gap:14px;width:100%}
.segment-card{position:relative;display:grid;gap:9px;padding:28px 30px;min-height:135px;background:#191919;border:1px solid rgba(255,255,255,.1);overflow:hidden}
.segment-card:after{content:"";position:absolute;inset:auto -35px -80px auto;width:170px;height:170px;border:1px solid rgba(203,7,7,.22);border-radius:50%}
.segment-card span{font-size:10px;letter-spacing:2px;color:#cb0707;font-weight:800}
.segment-card strong{font-size:23px;line-height:1.15}
.segment-card small{max-width:390px;color:#9ea6a8;line-height:1.55;font-size:13px}
.segment-card b{position:absolute;right:24px;top:25px;color:#777;font-size:9px;letter-spacing:1px;text-transform:uppercase;transition:.25s}
.segment-card{transition:transform .25s,border-color .25s,background .25s}
.segment-card:hover{transform:translateX(5px);border-color:rgba(203,7,7,.68);background:#252525}
.segment-card:hover b{color:#fff}
.segment-card.active{background:#232323;border-color:rgba(203,7,7,.48)}
.segment-card.active strong{color:#fff}
@media(max-width:560px){.craft-visual{height:auto;padding:18px}.segment-card{padding:24px 22px}}

/* Campanha película automotiva + PPF */
.offer{position:relative;overflow:hidden}
.offer:before{content:"PPF";position:absolute;right:-.03em;bottom:-.25em;font-size:clamp(180px,25vw,390px);font-weight:800;line-height:1;color:rgba(203,7,7,.035);pointer-events:none}
.offer-card{width:100%;min-width:0;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);padding:0;isolation:isolate;border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.18)}
.offer-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(203,7,7,.09) 100%);z-index:-1}
.offer-card:after{width:520px;height:520px;right:-210px;top:-245px;box-shadow:0 0 90px rgba(203,7,7,.08)}
.offer-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:72px 7% 68px}
.offer .section-tag{color:#fff}
.offer .section-tag:before{content:"";width:25px;height:2px;background:var(--blue)}
.offer-kicker{display:inline-block;align-self:flex-start;max-width:100%;margin-top:28px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#c6c6c6;font-size:11px;letter-spacing:.3px;overflow-wrap:break-word}
.offer h2{margin:20px 0 24px;max-width:760px}
.offer-copy>p{max-width:720px;line-height:1.75;margin:0}
.offer-copy>p strong{color:#fff}
.offer-perks{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.offer-perks span{color:#d1d1d1;font-size:12px}
.offer-action{min-width:0;min-height:520px;padding:50px 45px;border-left:1px solid rgba(255,255,255,.12);align-items:flex-start;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 55%)}
.bonus-seal{width:112px;height:112px;position:absolute;right:-34px;top:-18px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #f32727;border-radius:50%;background:linear-gradient(145deg,#eb1010,#b90000);color:#fff;transform:rotate(4deg);box-shadow:0 12px 30px rgba(203,7,7,.42),0 0 0 5px rgba(203,7,7,.1)}
.bonus-seal:after{content:"";position:absolute;inset:6px;border:1px dashed rgba(255,255,255,.7);border-radius:50%}
.bonus-seal span{font-size:11px;font-weight:800}
.bonus-seal strong{font-size:21px;line-height:1.05}
.bonus-seal small{max-width:80px;margin:5px 0 0;color:#fff;text-align:center;font-size:7px;line-height:1.25;letter-spacing:.7px}
.door-edge-wrap{width:100%;max-width:280px;position:relative;margin:22px 0 24px}
.door-edge-visual{width:100%;aspect-ratio:4/5;position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#111;box-shadow:18px 24px 48px rgba(0,0,0,.36)}
.door-edge-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,8,8,.92));pointer-events:none}
.door-edge-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .45s ease}
.door-edge-visual:hover img{transform:scale(1.025)}
.door-edge-visual figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:grid;gap:3px;margin:0}
.door-edge-visual figcaption span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:2.4px}
.door-edge-visual figcaption strong{color:#fff;font-size:12px;letter-spacing:.2px}
.offer-action p{margin:0 0 22px}
.offer-action .button{width:100%;padding:0 18px;text-align:center}
@media(max-width:900px){
  .offer-card{grid-template-columns:1fr}
  .offer-copy{padding:55px 7% 45px}
  .offer-action{min-height:auto;padding:45px 7%;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;column-gap:35px}
  .door-edge-wrap{grid-row:1 / span 4;width:190px;margin:10px 0}
  .bonus-seal{right:-30px;top:-16px}
  .offer-action p{align-self:end;padding-right:140px}
}
@media(max-width:560px){
  .offer.section{padding:72px 16px}
  .offer-card{border-radius:7px}
  .offer-copy{padding:42px 24px 38px;overflow:hidden}
  .offer-kicker{font-size:10px;line-height:1.45;border-radius:8px}
  .offer h2{width:100%;max-width:100%;font-size:clamp(29px,8vw,34px);line-height:1.08;letter-spacing:-1.5px;overflow-wrap:break-word}
  .offer-copy>p{width:100%;max-width:100%;font-size:15px;line-height:1.65;overflow-wrap:break-word}
  .offer-perks{display:grid;gap:12px}
  .offer-perks span{line-height:1.45}
  .offer-action{padding:38px 24px;display:flex;align-items:stretch;overflow:hidden}
  .bonus-seal{width:88px;height:88px;right:8px;top:10px}
  .bonus-seal span{font-size:9px}
  .bonus-seal strong{font-size:16px}
  .bonus-seal small{max-width:65px;font-size:6px}
  .door-edge-wrap{width:100%;max-width:none;margin:10px 0 28px}
  .door-edge-visual{aspect-ratio:4/5}
  .offer-action p{padding:0}
}
@media(max-width:380px){
  .offer.section{padding-inline:12px}
  .offer-copy,.offer-action{padding-left:18px;padding-right:18px}
  .offer h2{font-size:28px}
}

/* Áreas dedicadas: residencial e PPF */
.service-detail{min-height:760px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;position:relative;overflow:hidden}
.service-detail h2{font-size:clamp(38px,4.2vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:24px 0}
.service-detail h2 em{font-style:normal;color:var(--blue)}
.service-copy>p{max-width:610px;color:#6e7476;line-height:1.75}
.service-visual{height:580px;position:relative;overflow:hidden;border-radius:8px}
.residential{background:#ecebe7;color:var(--ink)}
.residential-visual{background:linear-gradient(145deg,#c8b89e,#756858)}
.window-scene{position:absolute;inset:36px;background:linear-gradient(160deg,#b9d2d7 0,#758e92 55%,#344447);overflow:hidden;box-shadow:0 35px 60px rgba(43,35,25,.28)}
.window-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,29,32,.08),rgba(15,29,32,.58));pointer-events:none}
.sun{position:absolute;width:130px;height:130px;border-radius:50%;left:48px;top:60px;background:#fff4c6;box-shadow:0 0 80px #fff5b7}
.window-pane{position:absolute;top:0;bottom:0;width:3px;background:#252c2c;z-index:2}
.pane-one{left:33%}.pane-two{left:66%}.pane-three{left:0;width:100%;height:4px;top:62%}
.temperature{position:absolute;z-index:3;right:24px;bottom:24px;padding:18px 22px;background:rgba(14,21,22,.82);backdrop-filter:blur(10px);display:grid;gap:4px}
.temperature strong{color:#fff;font-size:13px;letter-spacing:1.5px}.temperature small{color:#adb9b9;font-size:10px}
.ppf-detail{background:#161616;color:#fff}
.ppf-detail:before{content:"PAINT PROTECTION FILM";position:absolute;left:-20px;bottom:10px;color:rgba(255,255,255,.025);font-size:7.8vw;font-weight:800;white-space:nowrap}
.ppf-detail .section-tag{color:#aaa}
.ppf-detail .service-copy>p{color:#989d9e}
.ppf-visual{background:radial-gradient(circle at 55% 45%,#661111,#201313 45%,#101010)}
.car-surface{position:absolute;width:125%;height:330px;left:-12%;bottom:-80px;border-radius:50% 50% 10% 10%;background:linear-gradient(150deg,#9a1111,#3f0505 45%,#180202);box-shadow:inset 0 2px rgba(255,255,255,.22),0 -30px 80px rgba(203,7,7,.2)}
.car-surface i{position:absolute;left:20%;top:40px;width:54%;height:2px;background:linear-gradient(90deg,transparent,#ff7777,transparent)}
.car-surface b{position:absolute;right:20%;top:80px;color:rgba(255,255,255,.5);font-size:9px;letter-spacing:2px;text-align:right}
.ppf-sheet{position:absolute;z-index:3;width:220px;height:370px;left:65px;top:55px;border:1px solid rgba(255,255,255,.4);border-radius:45% 4px 50% 8px;background:linear-gradient(115deg,rgba(255,255,255,.2),rgba(255,255,255,.025) 52%,rgba(255,255,255,.12));transform:rotate(-12deg);backdrop-filter:blur(3px);box-shadow:24px 30px 60px rgba(0,0,0,.35)}
.ppf-sheet:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.2);border-radius:inherit}
.ppf-sheet span{position:absolute;left:25px;bottom:28px;color:rgba(255,255,255,.7);font-size:32px;font-weight:800;letter-spacing:5px}
.impact{position:absolute;color:#ff7777;text-shadow:0 0 20px #e40017;font-size:18px}.impact-one{right:70px;top:90px}.impact-two{right:145px;top:175px;font-size:10px}
.ppf-media-stage{overflow:visible;background:radial-gradient(circle at 62% 46%,#3a0b0b,#151515 58%);border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 75px rgba(0,0,0,.32)}
.ppf-video-wrap{position:absolute;z-index:1;right:5%;top:0;width:58%;height:100%;overflow:hidden;background:#0b0b0b;box-shadow:-24px 0 55px rgba(0,0,0,.36)}
.ppf-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ppf-video-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.28),transparent 30%),linear-gradient(0deg,rgba(10,10,10,.42),transparent 28%);pointer-events:none}
.video-status{position:absolute;z-index:2;left:18px;top:18px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,10,.46);backdrop-filter:blur(8px);color:#fff;font-size:7px;font-weight:800;letter-spacing:1.3px}
.video-status i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(203,7,7,.16);animation:recording 1.6s ease-in-out infinite}
@keyframes recording{50%{opacity:.4;transform:scale(.78)}}
.video-toggle{position:absolute;z-index:3;right:16px;bottom:16px;width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(10,10,10,.58);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:.2s}
.video-icon{grid-area:1/1;width:15px;height:15px}
.video-toggle[data-state="playing"] .video-icon-play,.video-toggle[data-state="paused"] .video-icon-pause{display:none}
.video-toggle:hover{background:var(--blue);border-color:var(--blue);transform:scale(1.05)}
.ppf-shot{position:absolute;z-index:3;margin:0;padding:6px 6px 28px;background:#f4f1e9;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.45)}
.ppf-shot img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.92);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ppf-shot:hover img{transform:scale(1.04)}
.ppf-shot-detail{left:-4%;top:7%;width:43%;height:43%;transform:rotate(-2.3deg)}
.ppf-shot-detail img{object-position:center 60%;filter:brightness(1.1) contrast(1.08) saturate(.88)}
.ppf-shot-result{left:4%;bottom:8%;width:48%;height:38%;transform:rotate(2.1deg)}
.ppf-shot-result img{object-position:52% center;filter:contrast(1.08) saturate(.88)}
.ppf-shot figcaption{position:absolute;left:11px;bottom:8px;color:#242424;font-size:7px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.ppf-shot figcaption span{color:var(--blue);margin-right:6px}
.ppf-proof{position:absolute;z-index:4;left:45%;bottom:22px;padding:11px 14px;background:var(--blue);color:#fff;display:grid;gap:2px;box-shadow:0 12px 30px rgba(203,7,7,.35);transform:rotate(-2deg)}
.ppf-proof strong{font-size:11px;letter-spacing:1.5px}.ppf-proof span{font-size:8px;color:#ffd8d8}
.residential-gallery{overflow:visible;background:#171717;border-radius:0;box-shadow:0 30px 70px rgba(40,33,24,.22)}
.res-photo{position:absolute;margin:0;overflow:hidden;background:#222;box-shadow:0 20px 45px rgba(22,18,13,.28)}
.res-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.res-photo:hover img{transform:scale(1.035)}
.res-photo-main{inset:0}
.res-photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.52),transparent 42%)}
.res-photo-main img{object-position:52% center}
.res-photo-home{width:37%;height:38%;right:-3%;top:8%;padding:7px 7px 28px;background:#f7f5ef;border:1px solid #fff;border-radius:5px 13px 7px 11px;transform:rotate(2.6deg);box-shadow:0 24px 45px rgba(22,18,13,.34),0 3px 8px rgba(22,18,13,.18)}
.res-photo-home img{object-position:center}
.res-photo-building{width:31%;height:32%;right:5%;bottom:7%;padding:7px 7px 28px;background:#f7f5ef;border:1px solid #fff;border-radius:12px 5px 11px 7px;transform:rotate(-2.3deg);box-shadow:0 24px 45px rgba(22,18,13,.34),0 3px 8px rgba(22,18,13,.18)}
.res-photo-building img{object-position:center 30%}
.res-photo-home:after,.res-photo-building:after{content:"";position:absolute;left:13%;right:13%;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.13),transparent)}
.res-photo figcaption{position:absolute;left:14px;bottom:9px;padding:0;background:transparent;color:#242424;font-size:7px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.res-project-label{position:absolute;z-index:3;left:25px;bottom:24px;padding-left:16px;border-left:3px solid var(--blue);color:#fff;display:grid;gap:5px}
.res-project-label span{font-size:8px;font-weight:800;letter-spacing:2px;color:#ddd}
.res-project-label strong{font-size:14px;line-height:1.35}
.residential .service-copy>.button,.ppf-detail .service-copy>.button{margin-top:32px}
@media(max-width:900px){
  .service-detail{grid-template-columns:1fr;gap:55px}
  .residential .service-visual{order:2}
  .service-visual{height:480px}
  .residential-gallery{width:calc(100% - 3%)}
  .ppf-media-stage{width:96%;margin-left:4%}
}
@media(max-width:560px){
  .service-detail{gap:38px}
  .service-detail h2{font-size:36px;letter-spacing:-2px}
  .service-visual{height:350px}
  .window-scene{inset:22px}
  .sun{width:90px;height:90px;left:30px;top:45px}
  .ppf-sheet{width:150px;height:260px;left:45px;top:38px}
  .ppf-sheet span{font-size:22px}
  .ppf-media-stage{height:480px;width:94%;margin:0 0 10px 6%}
  .ppf-video-wrap{right:0;width:67%}
  .ppf-shot-detail{left:-6%;top:8%;width:46%;height:36%}
  .ppf-shot-result{left:-2%;bottom:9%;width:52%;height:31%}
  .ppf-proof{left:34%;bottom:20px}
  .video-status span{display:none}
  .residential-gallery{height:410px;width:96%;margin-bottom:10px}
  .res-photo-main{right:0}
  .res-photo-home{width:44%;height:32%;right:-4%;top:6%;padding:5px 5px 24px;transform:rotate(2deg)}
  .res-photo-building{width:38%;height:28%;right:2%;bottom:6%;padding:5px 5px 24px;transform:rotate(-1.8deg)}
  .res-project-label{left:18px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){.video-status i{animation:none}.ppf-shot img{transition:none}}

/* Rodapé institucional */
.site-footer{min-height:0;position:relative;display:block;padding:72px 8vw 26px;color:#fff;border-top:0;background:#0b0b0b;overflow:hidden}
.site-footer:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),transparent 42%)}
.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(280px,380px);gap:10vw;padding-bottom:58px}
.footer-about .brand{width:max-content;margin-bottom:28px}
.footer-about .brand img{width:185px}
.footer-about p{max-width:330px;margin:0 0 24px;color:#a6aaab;font-size:13px;line-height:1.7}
.footer-about address{color:#d5d6d6;font-style:normal;font-size:12px;line-height:1.75}
.footer-phone{width:max-content;margin-top:8px;color:#fff;font-size:12px;font-weight:700}
.footer-phone:hover{color:var(--blue)}
.footer-contact>span{margin-bottom:17px;color:#85898a;font-size:9px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.footer-contact{display:flex;flex-direction:column}
.footer-contact dl{margin:0}.footer-contact dl div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}
.footer-contact dt{color:#b8bbbc}.footer-contact dd{margin:0;color:#fff;font-weight:600}
.instagram-link{display:flex;align-items:center;gap:11px;margin-top:24px;color:#fff;font-size:11px;font-weight:700}
.instagram-link svg{width:31px;height:31px;padding:7px;border:1px solid rgba(255,255,255,.24);border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.6;transition:.2s}
.instagram-link:hover svg{border-color:var(--blue);background:var(--blue);transform:rotate(8deg)}
.footer-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#707576}
.footer-bottom small{font-size:9px;letter-spacing:.4px}.footer-bottom a{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#aeb2b3}.footer-bottom a span{margin-left:8px;color:var(--blue)}
@media(max-width:560px){
  .site-footer{padding:62px 22px 25px}
  .footer-grid{grid-template-columns:1fr;gap:42px;padding-bottom:48px}
  .footer-about .brand img{width:165px}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}
}

/* Navegação e páginas dedicadas */
.header nav a{position:relative;padding:31px 0 27px}
.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--blue);transition:right .25s}
.header nav a:hover:after,.header nav a.active:after{right:0}
.header nav a.active{color:#fff}
.inner-hero .hero-content{max-width:680px}
.inner-hero .hero-shade{background:linear-gradient(90deg,rgba(7,8,9,.98) 0%,rgba(7,8,9,.82) 39%,rgba(7,8,9,.18) 70%,rgba(7,8,9,.24)),linear-gradient(0deg,rgba(7,8,9,.66),transparent 38%)}
.residential-hero .hero-image{background-image:url('assets/hero-lunarfilm-residencial.webp');background-position:58% center}
.ppf-hero .hero-image{background-image:url('assets/hero-lunarfilm-ppf.webp');background-position:64% center;filter:saturate(.92) contrast(1.04)}
.inner-hero .hero-actions .residential-whatsapp,.inner-hero .hero-actions .ppf-whatsapp{background:#22c81f;color:#fff}
.inner-hero .hero-actions .residential-whatsapp:hover,.inner-hero .hero-actions .ppf-whatsapp:hover{background:#35dc32;box-shadow:0 12px 32px rgba(34,200,31,.25)}
.page-residential .service-detail{padding-top:130px;padding-bottom:130px}
.page-ppf .ppf-detail{padding-top:140px;padding-bottom:140px}

@media(max-width:900px){
  .header nav{display:flex;position:absolute;top:70px;left:0;width:100%;height:44px;align-items:center;justify-content:center;gap:0;background:rgba(9,9,9,.88);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
  .header nav a{height:44px;display:flex;align-items:center;justify-content:center;padding:0 26px}
  .header nav a:after{bottom:-1px}
  .inner-hero .hero-shade{background:linear-gradient(90deg,rgba(7,8,9,.93),rgba(7,8,9,.32)),linear-gradient(0deg,rgba(7,8,9,.95) 4%,transparent 58%)}
  .residential-hero .hero-image{background-position:64% center}
  .ppf-hero .hero-image{background-position:65% center}
}

@media(max-width:560px){
  .header nav a{flex:1;padding:0 8px;font-size:11px}
  .inner-hero{min-height:850px}
  .inner-hero .hero-content{padding-bottom:115px}
  .inner-hero .hero-proof{margin-top:42px}
  .page-residential .service-detail,.page-ppf .ppf-detail{padding-top:90px;padding-bottom:90px}
}

/* Sobre nós */
.header nav{gap:30px}
.about-hero{min-height:820px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:7vw;align-items:center;padding:150px 7vw 80px;background:radial-gradient(circle at 75% 42%,rgba(95,18,18,.24),transparent 34%),#101010}
.about-hero:before{content:"";position:absolute;width:480px;height:480px;left:-340px;bottom:-260px;border:1px solid rgba(203,7,7,.25);border-radius:50%;box-shadow:0 0 100px rgba(203,7,7,.08)}
.about-hero-copy{min-width:0;position:relative;z-index:2}
.about-hero h1{max-width:720px;margin:24px 0 26px;font-size:clamp(47px,5vw,76px)}
.about-hero h1 em{font-style:normal;color:var(--blue)}
.about-hero-copy>p{max-width:610px;margin:0;color:#aeb3b4;font-size:15px;line-height:1.8}
.about-actions{display:flex;align-items:center;gap:26px;margin-top:36px}
.about-text-link{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.24);color:#d7d9da;font-size:12px}
.about-text-link span{margin-left:7px;color:var(--blue)}
.about-proof{display:flex;align-items:center;gap:23px;margin-top:50px}
.about-proof div{display:flex;align-items:center;gap:10px}
.about-proof strong{font-size:25px}
.about-proof span{color:#898f91;font-size:9px;line-height:1.45;letter-spacing:.8px;text-transform:uppercase}
.about-proof i{width:1px;height:30px;background:var(--line)}
.about-hero-media{min-width:0;position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 38px 80px rgba(0,0,0,.42)}
.about-hero-media:before{content:"";position:absolute;z-index:2;left:-13px;top:34px;width:3px;height:105px;background:var(--blue);box-shadow:0 0 24px rgba(203,7,7,.55)}
.about-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.72),transparent 50%);pointer-events:none}
.about-hero-media img{display:block;width:100%;aspect-ratio:1.32/1;object-fit:cover}
.about-hero-media figcaption{position:absolute;z-index:3;left:28px;bottom:25px;display:grid;gap:5px}
.about-hero-media figcaption span{color:#d3d4d4;font-size:8px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.about-hero-media figcaption strong{font-size:14px;line-height:1.4}
.about-story,.about-structure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;align-items:center}
.about-story{background:#ecebe7;color:var(--ink)}
.about-structure{position:relative;background:#171717;color:#fff}
.about-structure:before{content:"LUNARFILM";position:absolute;left:-.04em;bottom:-.17em;color:rgba(255,255,255,.022);font-size:12vw;font-weight:800;line-height:1;pointer-events:none}
.about-copy{position:relative;z-index:2}
.about-copy h2,.about-segments h2{margin:24px 0 28px;font-size:clamp(38px,4.2vw,61px);line-height:1.08;letter-spacing:-2.8px}
.about-copy h2 em{font-style:normal;color:var(--blue)}
.about-copy>p{max-width:610px;color:#687174;font-size:14px;line-height:1.8}
.about-copy>p+p{margin-top:18px}
.about-structure .about-copy>p{color:#9ba1a3}
.about-photo{position:relative;margin:0;overflow:hidden;background:#111;box-shadow:0 30px 65px rgba(0,0,0,.24)}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.about-photo:hover img{transform:scale(1.025)}
.about-photo-sign{aspect-ratio:1.33/1}
.about-photo-sign figcaption{position:absolute;left:18px;right:18px;bottom:16px;padding:12px 14px;background:rgba(12,12,12,.76);backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:.5px}
.about-signature{display:grid;grid-template-columns:35px 1fr;column-gap:13px;margin-top:34px;padding-top:25px;border-top:1px solid #cacac5}
.about-signature>span{grid-row:1 / span 2;width:35px;height:2px;margin-top:8px;background:var(--blue)}
.about-signature strong{font-size:13px}.about-signature small{margin-top:4px;color:#777f81;font-size:10px}
.about-photo-shop{aspect-ratio:1.45/1}
.about-photo-shop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.68),transparent 45%)}
.about-photo-shop figcaption{position:absolute;z-index:2;left:25px;bottom:22px;display:grid;gap:5px;padding-left:13px;border-left:3px solid var(--blue)}
.about-photo-shop figcaption span{color:#d5d6d6;font-size:7px;font-weight:800;letter-spacing:1.7px}
.about-photo-shop figcaption strong{font-size:14px;line-height:1.4}
.about-values{list-style:none;margin:34px 0 0;padding:0}
.about-values li{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line)}
.about-values>li>span{padding-top:2px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.2px}
.about-values li div{display:grid;gap:4px}
.about-values strong{font-size:13px}.about-values small{color:#858c8e;font-size:10px;line-height:1.55}
.about-segments{background:var(--paper);color:var(--ink)}
.about-segments .intro-heading{margin-bottom:52px}
.about-segments h2 span{color:#758084;font-weight:500}
.about-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d2d1cc;border-bottom:1px solid #d2d1cc}
.about-segment-grid a{min-height:255px;position:relative;display:flex;flex-direction:column;padding:30px;border-left:1px solid #d2d1cc;transition:.25s}
.about-segment-grid a:last-child{border-right:1px solid #d2d1cc}
.about-segment-grid a:hover{z-index:2;background:#232323;color:#fff;transform:translateY(-7px);box-shadow:0 20px 45px rgba(0,0,0,.16)}
.about-segment-grid span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.5px}
.about-segment-grid strong{margin-top:30px;font-size:24px}
.about-segment-grid small{max-width:310px;margin-top:13px;color:#727a7c;font-size:12px;line-height:1.6}
.about-segment-grid a:hover small{color:#a8adae}
.about-segment-grid b{margin-top:auto;color:#777;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.about-segment-grid a:hover b{color:#fff}

@media(max-width:1050px){
  .header nav{gap:20px}
  .about-hero{grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);gap:5vw;padding-left:5vw;padding-right:5vw}
}

@media(max-width:900px){
  .header nav{gap:0}
  .about-hero{grid-template-columns:1fr;gap:55px;padding:165px 7vw 90px}
  .about-hero-copy{max-width:650px}
  .about-hero-media{width:min(100%,720px)}
  .about-story,.about-structure{grid-template-columns:1fr;gap:55px}
  .about-story .about-photo{order:2}
  .about-segment-grid{grid-template-columns:1fr}
  .about-segment-grid a{min-height:210px;border-right:1px solid #d2d1cc;border-bottom:1px solid #d2d1cc}
  .about-segment-grid a:last-child{border-bottom:0}
}

@media(max-width:560px){
  .about-hero{width:100%;min-width:0;min-height:0;gap:38px;padding:145px 20px 68px}
  .about-hero-copy{width:100%;max-width:100%}
  .about-hero h1{max-width:100%;font-size:clamp(36px,10vw,42px);line-height:1.06;letter-spacing:-2.2px;overflow-wrap:break-word}
  .about-hero-copy>p{max-width:100%;font-size:14px;line-height:1.7}
  .about-actions{align-items:stretch;flex-direction:column}
  .about-actions .button{width:100%}
  .about-text-link{align-self:flex-start;width:auto;max-width:100%}
  .about-proof{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:14px;margin-top:40px}
  .about-proof div{min-width:0;gap:9px}
  .about-proof i{width:1px;height:38px}
  .about-proof strong{font-size:20px;white-space:nowrap}
  .about-proof span{font-size:8px;line-height:1.4}
  .about-proof div:last-child,.about-proof i:last-of-type{display:none}
  .about-hero-media{width:100%;max-width:100%;aspect-ratio:4/3;border-radius:5px;box-shadow:0 24px 50px rgba(0,0,0,.36)}
  .about-hero-media:before{left:0;top:28px;height:90px}
  .about-hero-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
  .about-hero-media figcaption{left:18px;right:18px;bottom:16px}
  .about-story,.about-structure{gap:38px}
  .about-copy h2,.about-segments h2{font-size:36px;letter-spacing:-2px}
  .about-photo-sign{aspect-ratio:1.15/1}
  .about-photo-shop{aspect-ratio:1.2/1}
  .about-segment-grid a{min-height:190px;padding:25px}
}
@media(max-width:380px){
  .about-hero{padding-left:16px;padding-right:16px}
  .about-hero h1{font-size:35px}
  .about-proof{gap:9px}
  .about-proof strong{font-size:18px}
  .about-proof span{font-size:7px;letter-spacing:.6px}
}

/* Linha do tempo institucional */
.about-timeline{position:relative;overflow:hidden;background:#101010;color:#fff}
.about-timeline:before{content:"1990";position:absolute;right:-.03em;top:-.23em;color:rgba(255,255,255,.018);font-size:26vw;font-weight:800;line-height:1;pointer-events:none}
.about-timeline-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;gap:8vw;margin-bottom:65px}
.about-timeline-heading .section-tag{grid-column:1 / -1}
.about-timeline-heading h2{margin:24px 0 0;font-size:clamp(39px,4.3vw,62px);line-height:1.08;letter-spacing:-2.8px}
.about-timeline-heading h2 span{color:#777f81;font-weight:500}
.about-timeline-heading>p{max-width:440px;margin:0;color:#92999b;font-size:13px;line-height:1.75}
.about-timeline-track{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15)}
.about-timeline-track:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--blue),rgba(203,7,7,.4),transparent)}
.about-timeline-card{min-height:500px;position:relative;display:flex;flex-direction:column;padding:0 30px 30px;border-left:1px solid rgba(255,255,255,.12);background:#151515;overflow:hidden}
.about-timeline-card:last-child{border-right:1px solid rgba(255,255,255,.12)}
.about-timeline-card:before{content:"";position:absolute;top:-6px;left:31px;width:11px;height:11px;border:2px solid var(--blue);border-radius:50%;background:#101010;box-shadow:0 0 0 5px rgba(203,7,7,.12)}
.about-timeline-card:after{content:"";position:absolute;width:220px;height:220px;right:-135px;bottom:-135px;border:1px solid rgba(203,7,7,.15);border-radius:50%}
.about-timeline-card.active{background:linear-gradient(145deg,#261515,#181818 65%)}
.timeline-photo{height:190px;position:relative;margin:0 -30px;overflow:hidden;background:#0b0b0b}
.timeline-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,9,.78),transparent 60%)}
.timeline-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.about-timeline-card:hover .timeline-photo img{transform:scale(1.035)}
.timeline-photo-old img{object-position:center 42%}
.timeline-photo-middle img{object-position:center 55%}
.timeline-photo-current img{object-position:center 36%}
.timeline-year{position:absolute;z-index:2;left:28px;bottom:15px;color:#fff;font-size:37px;font-weight:800;line-height:1;letter-spacing:-2px;text-shadow:0 3px 18px rgba(0,0,0,.65)}
.about-timeline-card>span{position:absolute;right:28px;top:214px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.5px}
.about-timeline-card h3{margin:31px 0 15px;font-size:22px}
.about-timeline-card p{max-width:330px;margin:0;color:#969d9f;font-size:12px;line-height:1.75}
.about-timeline-card>small{margin-top:auto;padding-top:24px;color:#656c6e;font-size:7px;font-weight:800;letter-spacing:1.4px}
.dealer-badge{display:flex;align-items:center;gap:15px;margin-top:28px;padding:17px 19px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}
.dealer-badge>img{width:254px;height:104px;padding-right:24px;flex:0 0 auto;object-fit:contain;object-position:center;border-right:1px solid rgba(255,255,255,.15)}
.dealer-badge div{display:grid;gap:3px}
.dealer-badge strong{font-size:10px;letter-spacing:1.5px}
.dealer-badge small{color:#858c8e;font-size:8px}

@media(max-width:900px){
  .about-timeline-heading{grid-template-columns:1fr;gap:22px}
  .about-timeline-heading .section-tag{grid-column:auto}
  .about-timeline-track{grid-template-columns:1fr}
  .about-timeline-card{min-height:500px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
  .timeline-photo{height:280px}
  .about-timeline-card>span{top:304px}
}

@media(max-width:560px){
  .about-timeline-heading{margin-bottom:45px}
  .about-timeline-heading h2{font-size:36px;letter-spacing:-2px}
  .about-timeline-card{min-height:420px;padding:0 25px 26px}
  .timeline-photo{height:190px;margin:0 -25px}
  .timeline-year{left:23px;font-size:34px}
  .about-timeline-card>span{top:214px}
  .about-timeline-card h3{margin-top:27px}
  .dealer-badge{align-items:flex-start;flex-direction:column}
  .dealer-badge>img{width:100%;height:150px;padding-right:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
}