: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}
.footer-socials{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}
.footer-socials>span{color:#fff;font-size:11px;font-weight:700}
.footer-socials>div{display:flex;align-items:center;gap:15px}
.footer-socials a{width:29px;height:31px;display:grid;place-items:center;transition:transform .2s,opacity .2s}
.footer-socials img{display:block;width:26px;height:26px;object-fit:contain;filter:invert(1);opacity:.86;transition:opacity .2s}
.footer-socials a[href*="youtube.com"]{width:35px}
.footer-socials a[href*="youtube.com"] img{width:36px;height:36px}
.footer-socials a:hover{transform:translateY(-2px) scale(1.08)}
.footer-socials a:hover img{opacity:1}
.footer-socials a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.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)}
}

/* Blog */
.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}
.blog-hero{min-height:720px;position:relative;display:flex;align-items:center;padding:150px 8vw 90px;overflow:hidden;background:#0c0c0c}
.blog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.83) 44%,rgba(7,7,7,.16) 75%),linear-gradient(0deg,rgba(7,7,7,.58),transparent 43%),url('assets/hero-lunarfilm-red.webp') 68% center/cover no-repeat;filter:saturate(.78)}
.blog-hero:after{content:"";position:absolute;width:560px;height:560px;right:-260px;bottom:-310px;border:1px solid rgba(203,7,7,.34);border-radius:50%;box-shadow:0 0 90px rgba(203,7,7,.1)}
.blog-hero-copy{position:relative;z-index:2;max-width:720px}
.blog-hero h1{margin:24px 0 26px;font-size:clamp(49px,5.4vw,82px)}
.blog-hero h1 em{font-style:normal;color:var(--blue)}
.blog-hero-copy>p{max-width:610px;margin:0;color:#b5b9ba;font-size:16px;line-height:1.8}
.blog-jump{display:inline-flex;align-items:center;gap:12px;margin-top:38px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:700}
.blog-jump .ui-icon{width:17px;height:17px;color:var(--blue)}
.blog-hero-visual{position:absolute;z-index:2;right:6vw;bottom:57px;display:grid;grid-template-columns:auto 72px;align-items:end;gap:10px;color:#fff}
.blog-hero-number{font-size:64px;font-weight:800;line-height:.8;letter-spacing:-4px;color:rgba(255,255,255,.18)}
.blog-hero-line{height:1px;margin-bottom:3px;background:var(--blue)}
.blog-hero-visual>span{grid-column:1/-1;color:#9fa3a4;font-size:8px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}

.blog-featured{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:7vw;align-items:center;background:#f0f0ee;color:var(--ink)}
.blog-featured-media{height:510px;position:relative;overflow:hidden;background:#191919}
.blog-featured-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.38),transparent 48%)}
.blog-featured-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 44%;filter:saturate(.82) contrast(1.03);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.blog-featured-media:hover img{transform:scale(1.025)}
.blog-featured-media>span{position:absolute;z-index:2;left:24px;top:24px;padding:8px 12px;background:var(--blue);color:#fff;font-size:8px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.article-meta{display:flex;align-items:center;gap:13px;color:#747a7c;font-size:9px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.article-meta>span:first-child{color:var(--blue)}
.article-meta i{width:3px;height:3px;border-radius:50%;background:#a7aaab}
.blog-featured-copy h2{margin:24px 0 25px;font-size:clamp(34px,3.25vw,52px);line-height:1.12;letter-spacing:-2.1px}
.blog-featured-copy h2 em{font-style:normal;color:#777d7f;font-weight:500}
.blog-featured-copy>p{max-width:570px;margin:0;color:#687072;font-size:14px;line-height:1.8}
.article-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding-bottom:6px;border-bottom:1px solid #b9babb;color:#232323;font-size:12px;font-weight:800}
.article-link .ui-icon{width:17px;height:17px;color:var(--blue)}

.blog-library{background:#e7e7e4;color:var(--ink)}
.blog-library-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}
.blog-library-heading h2{margin:18px 0 0;font-size:clamp(37px,4vw,58px);line-height:1.1;letter-spacing:-2.5px}
.blog-search{width:min(100%,330px);height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #aeb0ae;color:#6c7273}
.blog-search .ui-icon{width:18px;height:18px;flex:0 0 auto}
.blog-search input{width:100%;padding:0;border:0;outline:0;background:transparent;color:#232323;font:500 12px "Be Vietnam Pro",sans-serif}
.blog-search input::placeholder{color:#777c7d}
.blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:52px 0 35px}
.blog-filters button{min-height:39px;padding:0 18px;border:1px solid #c5c6c3;border-radius:22px;background:transparent;color:#626869;font:700 10px "Be Vietnam Pro",sans-serif;letter-spacing:.4px;cursor:pointer;transition:.2s}
.blog-filters button:hover{border-color:#777;color:#232323}
.blog-filters button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.blog-card{min-width:0;border:1px solid #d1d1ce;background:#f4f4f2;overflow:hidden;transition:box-shadow .25s,transform .25s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(25,25,25,.09)}
.blog-card[hidden]{display:none}
.blog-card summary{display:block;list-style:none;cursor:pointer}
.blog-card summary::-webkit-details-marker{display:none}
.blog-card-image{height:235px;position:relative;display:block;overflow:hidden;background:#1a1a1a}
.blog-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 44%)}
.blog-card-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.blog-card summary:hover .blog-card-image img{transform:scale(1.035)}
.blog-card-image b{position:absolute;z-index:2;left:18px;bottom:17px;color:#fff;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}
.blog-card-image b:before{display:none}
.blog-card-image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#171717,#252525)}
.blog-card-image-placeholder>span{position:relative;z-index:2;color:#777;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.blog-card-image-gr5{background:#0b0b59}
.blog-card-image-gr5 img{object-position:center 47%}
.blog-card-image-instituto img{object-position:center top}
.blog-card-content{min-height:225px;display:flex;flex-direction:column;padding:24px 25px 22px}
.blog-card-content small{color:#929695;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.blog-card-content strong{margin:13px 0 12px;font-size:20px;line-height:1.28;letter-spacing:-.7px}
.blog-card-content>span{color:#73797a;font-size:12px;line-height:1.65}
.blog-card-content em{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;color:#303435;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.blog-card-content em .ui-icon{width:16px;height:16px;color:var(--blue);transition:transform .25s}
.blog-card[open] .blog-card-content em .ui-icon{transform:rotate(180deg)}
.blog-card-more{padding:0 25px 27px;border-top:1px solid #dededb}
.blog-card-more p{margin:20px 0 0;color:#606768;font-size:12px;line-height:1.75}
.blog-card-more a{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}
.blog-card-more a .ui-icon{width:15px;height:15px}
.blog-empty{margin:30px 0 0;padding:24px;border:1px solid #ccc;text-align:center;color:#737879;font-size:13px}

.blog-newsletter{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:6vw;padding:95px 8vw;background:radial-gradient(circle at 70% 0,rgba(203,7,7,.18),transparent 30%),#151515}
.blog-newsletter h2{margin:18px 0 0;font-size:clamp(36px,3.8vw,56px);line-height:1.08;letter-spacing:-2.5px}
.blog-newsletter>p{max-width:470px;color:#9da2a3;font-size:13px;line-height:1.8}
.blog-newsletter .button{white-space:nowrap}

@media(max-width:1050px){
  .header nav{gap:18px}.header>.button{display:none}
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-newsletter{grid-template-columns:1fr 1fr}.blog-newsletter .button{width:max-content}
}
@media(max-width:900px){
  .blog-hero{min-height:760px;padding-top:170px}.blog-hero:before{background-position:63% center}
  .blog-featured{grid-template-columns:1fr;gap:45px}.blog-featured-media{height:480px}
  .blog-library-heading{align-items:flex-start;flex-direction:column;gap:28px}.blog-search{width:100%;max-width:none}
}
@media(max-width:560px){
  .header nav{gap:0;overflow:visible;justify-content:center}.header nav a{min-width:0;flex:1;padding:0 2px;font-size:9px;white-space:nowrap}
  .blog-hero{min-height:760px;padding:145px 22px 90px}.blog-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.36)),linear-gradient(0deg,rgba(7,7,7,.92) 2%,transparent 60%),url('assets/hero-lunarfilm-red.webp') 62% center/cover no-repeat}
  .blog-hero h1{font-size:44px;letter-spacing:-2.7px}.blog-hero-copy>p{font-size:14px}.blog-hero-visual{right:22px;bottom:35px;grid-template-columns:64px 72px;justify-content:end}.blog-hero-visual>span{width:220px;justify-self:end;text-align:right}
  .blog-featured-media{height:340px}.blog-featured-copy h2{font-size:35px;letter-spacing:-1.7px}
  .blog-filters{margin-top:38px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.blog-filters::-webkit-scrollbar{display:none}.blog-filters button{flex:0 0 auto}
  .blog-grid{grid-template-columns:1fr}.blog-card-image{height:240px}.blog-card-content{min-height:215px}
  .blog-newsletter{grid-template-columns:1fr;gap:25px;padding:78px 22px}.blog-newsletter .button{width:100%;margin-top:6px}
}

.eyebrow{display:block;padding-left:0;margin-left:0}
.eyebrow>span{display:none}

@media(max-width:560px){
  .header{padding-left:20px;padding-right:20px}
  .section,.final-cta,.site-footer,.blog-hero,.blog-newsletter{padding-left:20px;padding-right:20px}
  .hero{height:auto;min-height:100svh;padding:114px 0 28px;display:flex;align-items:center}
  .hero .hero-content{width:100%;max-width:none;margin:0;padding:0 20px}
  .hero .hero-content>.eyebrow,.hero .hero-content>h1,.hero .hero-content>p,.hero .hero-actions,.hero .hero-proof{width:100%;margin-left:0;margin-right:0}
  .hero .hero-content>p{width:100%;max-width:none}
  .hero .hero-actions{width:100%;max-width:none}
  .hero .hero-actions .button{position:relative;padding-left:52px;padding-right:52px}
  .hero .hero-actions .button .button-icon{position:absolute;left:22px;margin:0}
  .hero .hero-actions .button .link-icon{position:absolute;right:22px;margin:0}
  .hero .hero-proof{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:0}
  .hero .hero-proof>div:first-child{justify-self:start}
  .hero .hero-proof>div:nth-of-type(2){justify-self:stretch;justify-content:flex-end;padding-right:6px}
  .hero .hero-proof>i:first-of-type{justify-self:center}
}

.page-blog-skeleton{min-height:100svh;background:#0b0b0b}
.page-blog-skeleton .blog-hero:before{background:linear-gradient(90deg,#090909 0%,#111 58%,#171717 100%);filter:none}
.page-blog-skeleton .blog-hero-copy{min-height:360px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015)}
.page-blog-skeleton .blog-hero-visual{min-width:190px;min-height:110px;border:1px solid rgba(203,7,7,.22)}
.page-blog-skeleton .blog-featured-copy{min-height:510px;border:1px solid #d7d7d3;background:rgba(255,255,255,.18)}
.page-blog-skeleton .blog-featured-media{background:#1a1a1a}
.page-blog-skeleton .blog-library-heading>div:first-child{width:min(100%,520px);height:90px;border:1px solid #cfd0cd;background:rgba(255,255,255,.18)}
.page-blog-skeleton .blog-search{border:1px solid #c5c6c3}
.page-blog-skeleton .blog-filters span{display:block;width:92px;height:39px;border:1px solid #c5c6c3;border-radius:22px}
.page-blog-skeleton .blog-card{min-height:460px}
.page-blog-skeleton .blog-card-image{background:#202020}
.page-blog-skeleton .blog-card-content{background:#f4f4f2}
.page-blog-skeleton .blog-newsletter>div{min-height:120px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.015)}
.blog-card[hidden]{display:none}
.page-blog-skeleton .blog-hero-copy:before,.page-blog-skeleton .blog-hero-copy:after,.page-blog-skeleton .blog-featured-copy:before,.page-blog-skeleton .blog-featured-copy:after,.page-blog-skeleton .blog-card-content:before,.page-blog-skeleton .blog-card-content:after{content:"";display:block;border-radius:3px;background:#d7d7d4}
.page-blog-skeleton .blog-hero-copy:before{width:64%;height:64px;margin:70px 55px 24px;background:#242424}
.page-blog-skeleton .blog-hero-copy:after{width:46%;height:18px;margin-left:55px;background:#1d1d1d}
.page-blog-skeleton .blog-featured-copy:before{width:78%;height:58px;margin:120px 10% 28px}
.page-blog-skeleton .blog-featured-copy:after{width:58%;height:16px;margin-left:10%}
.page-blog-skeleton .blog-card-content:before{width:78%;height:24px;margin-bottom:24px}
.page-blog-skeleton .blog-card-content:after{width:58%;height:12px}

@media(max-width:560px){
  .page-blog-skeleton .blog-hero-copy{width:100%;min-height:420px}
  .page-blog-skeleton .blog-hero-visual{display:none}
  .page-blog-skeleton .blog-featured-copy{min-height:260px}
  .page-blog-skeleton .blog-newsletter>div{width:100%;min-height:90px}
}

/* Blog publicado */
.page-blog .blog-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.96) 0%,rgba(7,7,7,.72) 42%,rgba(7,7,7,.04) 72%),linear-gradient(0deg,rgba(7,7,7,.5),transparent 46%),url('assets/blog-hero-lunarfilm-v1.png') 58% center/cover no-repeat}
.page-blog .blog-hero:after{display:none}
.page-blog .blog-hero-copy h1{position:relative;left:-3px;width:calc(100% + 3px)}
.blog-card-link{display:block;height:100%}
.blog-card-link:hover .blog-card-image img{transform:scale(1.035)}
.blog-card-placeholder{pointer-events:none}
.blog-card-placeholder .blog-card-image{background:#202020}
.blog-card-placeholder .blog-card-content{background:#f4f4f2}
.blog-card-placeholder .blog-card-content:before,.blog-card-placeholder .blog-card-content:after{content:"";display:block;border-radius:3px;background:#d9d9d6}
.blog-card-placeholder .blog-card-content:before{width:78%;height:24px;margin-bottom:24px}
.blog-card-placeholder .blog-card-content:after{width:58%;height:12px}

/* Artigo do blog */
.article-hero{min-height:760px;position:relative;display:flex;align-items:flex-end;padding:160px 8vw 95px;overflow:hidden;background:#0c0c0c}
.article-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.83) 48%,rgba(7,7,7,.17) 80%),linear-gradient(0deg,rgba(7,7,7,.72),transparent 50%),url('assets/hero-lunarfilm-residencial.webp') 68% center/cover no-repeat;filter:saturate(.8)}
.article-hero-copy{position:relative;z-index:2;max-width:900px}
.article-back{width:max-content;display:flex;align-items:center;gap:9px;margin-bottom:45px;color:#aeb3b4;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.article-back .ui-icon{width:15px;height:15px;transform:rotate(180deg);color:var(--blue)}
.article-hero .article-meta{color:#aeb2b3}.article-hero .article-meta>span:first-child{color:#fff}
.article-hero h1{max-width:1000px;margin:24px 0 27px;font-size:clamp(43px,5vw,74px);line-height:1.04;letter-spacing:-3.5px}
.article-hero-copy>p{max-width:700px;margin:0;color:#b9bec0;font-size:16px;line-height:1.75}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(250px,320px);justify-content:center;align-items:start;gap:9vw;background:#f0f0ed;color:#252525}
.article-content{min-width:0}
.article-content p{margin:0 0 25px;color:#5e6668;font-size:15px;line-height:1.9}
.article-content .article-lead{padding-bottom:35px;border-bottom:1px solid #cecfcc;color:#303536;font-size:19px;line-height:1.8}
.article-content h2{margin:72px 0 24px;font-size:clamp(29px,3vw,42px);line-height:1.16;letter-spacing:-1.7px}
.article-content strong{color:#232323}
.article-image{margin:58px 0 70px}
.article-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.article-image figcaption{padding-top:12px;color:#858a89;font-size:9px;letter-spacing:.5px}
.article-image-portrait{width:min(100%,620px);margin-left:auto;margin-right:auto}
.article-image-portrait img{height:auto;aspect-ratio:auto;object-fit:contain}
.article-checklist{display:grid;gap:0;margin:28px 0 36px;padding:0;list-style:none;border-top:1px solid #d0d1ce}
.article-checklist li{position:relative;padding:16px 15px 16px 35px;border-bottom:1px solid #d0d1ce;color:#4f5657;font-size:13px;line-height:1.6}
.article-checklist li:before{content:"✓";position:absolute;left:5px;top:16px;color:var(--blue);font-weight:800}
.article-highlight{margin:65px 0;padding:46px;border-left:4px solid var(--blue);background:#202020;color:#fff}
.article-highlight span{display:block;margin-bottom:16px;color:#969c9e;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.article-highlight strong{display:block;color:#fff;font-size:clamp(23px,2.5vw,34px);line-height:1.35;letter-spacing:-1px}
.article-closing{margin-top:75px;padding:55px;background:#202020;color:#fff}
.article-closing>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}
.article-closing h2{margin:20px 0;font-size:35px}.article-closing p{color:#aeb3b4}.article-closing .button{margin-top:13px}
.article-closing .article-closing-line{margin-top:34px;color:#fff;font-weight:700}
.article-closing .article-closing-choice{color:#fff;font-size:17px;line-height:1.7}
.article-closing .article-closing-choice strong{color:#fff}
.article-closing .article-closing-signature{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:#8f9698;font-size:11px;line-height:1.8}
.article-closing .article-closing-signature strong{color:#fff}
.article-sidebar{position:sticky;top:30px;display:flex;flex-direction:column;border-top:3px solid var(--blue);background:#e5e5e1}
.article-sidebar>span{padding:25px 25px 15px;color:#777e7f;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.article-sidebar>a{padding:13px 25px;border-top:1px solid #cccdca;color:#555c5e;font-size:11px}
.article-sidebar>a:hover{color:var(--blue)}
.article-sidebar>div{margin-top:25px;padding:28px 25px;background:#202020;color:#fff}
.article-sidebar>div strong{font-size:15px}.article-sidebar>div p{margin:10px 0 20px;color:#9fa5a6;font-size:11px;line-height:1.6}
.article-sidebar>div a{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.article-sidebar>div .ui-icon{width:15px;height:15px;color:var(--blue)}

/* Article variants and linked history series */
.article-vision .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.82) 48%,rgba(7,7,7,.2) 80%),linear-gradient(0deg,rgba(7,7,7,.72),transparent 50%),url('assets/hero-lunarfilm-red.webp') center/cover no-repeat}
.article-glasskeeper .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.8) 48%,rgba(7,7,7,.2) 80%),linear-gradient(0deg,rgba(7,7,7,.72),transparent 50%),url('assets/ppf2.webp') center/cover no-repeat}
.article-social .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.8) 48%,rgba(7,7,7,.22) 80%),linear-gradient(0deg,rgba(7,7,7,.72),transparent 50%),url('assets/lunarfilm3-ai-v2.webp') center/cover no-repeat}
.article-history-one .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.76) 52%,rgba(7,7,7,.25) 82%),url('assets/lunar-antiga.webp') center/cover no-repeat}
.article-history-two .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.76) 52%,rgba(7,7,7,.25) 82%),url('assets/Lunar-vermelha.webp') center/cover no-repeat}
.article-history-three .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.76) 52%,rgba(7,7,7,.25) 82%),url('assets/lunarnova.webp') center/cover no-repeat}
.article-history-four .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.76) 52%,rgba(7,7,7,.25) 82%),url('assets/lunarfilm2-ai.webp') center/cover no-repeat}
.article-history-five .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.76) 52%,rgba(7,7,7,.25) 82%),url('assets/NeySHARK.png') center/cover no-repeat}
.article-history-six .article-hero:before{background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.76) 52%,rgba(7,7,7,.25) 82%),url('assets/lunarfilm3-ai-v2.webp') center/cover no-repeat}
.series-sidebar>a.active{color:#fff;background:var(--blue)}
.article-series-nav{margin-top:75px;padding:34px 38px;border-top:3px solid var(--blue);background:#e5e5e1}
.article-series-nav>span{display:block;margin-bottom:13px;color:#777e7f;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.article-series-nav>a{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#252525}
.article-series-nav>a strong{font-size:clamp(18px,2vw,25px);line-height:1.35}
.article-series-nav>a .ui-icon{width:24px;height:24px;flex:0 0 auto;color:var(--blue)}
.article-series-nav>small{display:block;margin-top:24px;padding-top:20px;border-top:1px solid #cbccc9}
.article-series-nav>small a{color:#687071;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.about-legacy{max-width:none;position:relative;isolation:isolate;overflow:hidden;margin:0;padding:210px 8vw 145px;text-align:center;background:radial-gradient(circle at 50% 34%,rgba(203,7,7,.14),transparent 31%),linear-gradient(180deg,#181818 0%,#0d0d0d 74%);color:#fff}
.about-legacy:before{content:"";position:absolute;z-index:1;top:-1px;left:-8%;width:116%;height:180px;background:#f0f0ed;clip-path:ellipse(72% 76% at 50% 0);filter:drop-shadow(0 24px 32px rgba(0,0,0,.2));pointer-events:none}
.about-legacy:after{content:"";position:absolute;z-index:0;left:50%;top:48%;width:min(74vw,980px);aspect-ratio:1;border:1px solid rgba(203,7,7,.13);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 90px rgba(203,7,7,.06);pointer-events:none}
.about-legacy>*{position:relative;z-index:2}
.about-legacy .section-tag{justify-content:center;color:#a9adae}
.about-legacy h2{max-width:900px;margin:28px auto 34px;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-3px}
.about-legacy h2 em{color:var(--blue);font-style:normal}
.about-legacy p{max-width:760px;margin:0 auto 20px;color:#abb0b1;font-size:15px;line-height:1.9}
.about-legacy p strong{color:#fff}
.about-legacy .article-link{display:flex;width:min(100%,760px);max-width:none;justify-content:space-between;margin:36px auto 0;padding:18px 22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#fff;line-height:1.6;text-align:left;transition:border-color .25s,background .25s,transform .25s}
.about-legacy .article-link:hover{border-color:rgba(203,7,7,.7);background:rgba(203,7,7,.08);transform:translateY(-2px)}
.about-condensed .about-story{background:#f0f0ed}

@media(max-width:900px){
  .article-layout{grid-template-columns:1fr}.article-sidebar{position:static;max-width:520px}
}
@media(max-width:560px){
  .article-hero{min-height:100svh;padding:114px 20px 30px;align-items:center}.article-hero:before{background-position:64% center}
  .article-back{margin-bottom:35px}.article-hero h1{font-size:39px;letter-spacing:-2.3px}.article-hero-copy>p{font-size:14px}
  .article-content .article-lead{font-size:17px}.article-content h2{margin-top:58px;font-size:31px}
  .article-image{margin:45px 0 55px}.article-highlight{margin:52px 0;padding:34px 28px}.article-closing{margin-top:60px;padding:38px 27px}.article-closing h2{font-size:30px}
  .article-series-nav{margin-top:55px;padding:28px 24px}.about-legacy{padding:150px 20px 95px}.about-legacy:before{left:-28%;width:156%;height:125px;clip-path:ellipse(72% 78% at 50% 0)}.about-legacy h2{letter-spacing:-2px}.about-legacy .article-link{padding:17px 18px}
}
