:root{--ink:#050b10;--navy:#0a1720;--panel:#0d202b;--blue:#35a9d4;--blue2:#77d7f6;--paper:#eaf1f5;--text:#f4f8fa;--muted:#94a7b2;--line:rgba(121,183,207,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:Manrope,sans-serif;background:var(--ink);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}em{font-family:"Playfair Display",serif;font-weight:500;color:var(--blue);letter-spacing:-.045em}img,video{display:block;max-width:100%}.progress{position:fixed;inset:0 0 auto;height:2px;z-index:100;background:transparent}.progress span{display:block;height:100%;width:0;background:var(--blue2);box-shadow:0 0 16px var(--blue)}.site-header{height:72px;position:fixed;inset:0 0 auto;z-index:90;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3%;border-bottom:1px solid var(--line);background:rgba(5,11,16,.78);backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{height:62px;background:rgba(5,11,16,.94)}.brand{display:flex;align-items:center;gap:13px;font-family:"DM Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.08em}.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover}.site-header nav{display:flex;gap:36px;font-size:13px;color:#bdc9cf}.site-header nav a:hover{color:var(--blue2)}.header-cta{justify-self:end;background:var(--blue);color:#031016;padding:13px 18px;font-family:"DM Mono",monospace;text-transform:uppercase;font-size:11px;font-weight:500;letter-spacing:.08em}.header-cta span{margin-left:12px}.menu-toggle{display:none}.hero{min-height:100svh;padding:128px 3% 70px;position:relative;overflow:hidden}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:78px 78px;opacity:.22;mask-image:linear-gradient(to bottom,#000 55%,transparent)}.hero-copy,.vehicle-stage{position:relative;z-index:2}.hero-copy{max-width:640px}.eyebrow,.section-index{font-family:"DM Mono",monospace;text-transform:uppercase;font-size:11px;letter-spacing:.13em;color:var(--blue)}.eyebrow span{display:inline-block;width:30px;height:1px;background:var(--blue);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(3.7rem,6.6vw,7.2rem);line-height:.86;letter-spacing:-.075em;margin:28px 0 30px;max-width:780px}.hero h1 em{font-size:1.1em}.hero-lead{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.65;color:#b7c3c9;max-width:580px}.hero-actions{display:flex;gap:10px;margin-top:32px}.btn{padding:16px 20px;border:1px solid #41505a;font-family:"DM Mono",monospace;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.btn.primary{background:var(--blue);border-color:var(--blue);color:#041119}.btn span{margin-left:24px}.btn:hover{transform:translateY(-2px)}.hero-note{margin-top:46px;font-family:"DM Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#b2bec4}.hero-note i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:12px}.vehicle-stage{height:min(61vw,610px);border:1px solid #45606f;background:var(--panel);overflow:hidden;animation:driveIn 1.35s cubic-bezier(.16,1,.3,1) both}.vehicle-stage:after{content:"";position:absolute;inset:14px -16px -16px 14px;border:1px solid rgba(53,169,212,.28);z-index:-1}.vehicle-stage video{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1)}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,20,.1),rgba(4,14,20,.8))}.stage-label{position:absolute;z-index:3;top:20px;left:22px;color:var(--blue);font:10px "DM Mono",monospace;letter-spacing:.11em}.stage-caption{position:absolute;right:0;bottom:0;z-index:3;background:rgba(12,109,148,.9);padding:18px 22px;min-width:205px}.stage-caption small{font:9px "DM Mono",monospace;letter-spacing:.1em;color:#9edff7}.stage-caption strong{display:block;margin-top:7px;font-size:18px}.scroll-cue{position:absolute;bottom:28px;right:3%;z-index:4;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#9aabb4}.scroll-cue span{margin-left:12px;color:var(--blue)}@keyframes driveIn{from{transform:translateX(24vw) scale(.96);opacity:0}to{transform:none;opacity:1}}
.light{background:var(--paper);color:#071017}.dark{background:var(--navy)}.statement,.services,.projects,.process,.media,.faq,.contact{padding:110px 3%}.section-index{margin-bottom:48px}.statement{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;min-height:620px}.statement h2,.services h2,.projects h2,.process h2,.media h2,.faq h2,.contact h2{font-size:clamp(3rem,5.3vw,6.3rem);line-height:.93;letter-spacing:-.065em;margin:0}.statement-copy{padding-top:46px}.statement-copy>p{font-size:clamp(1.35rem,2vw,2.2rem);line-height:1.38;border-top:1px solid #bdcbd2;padding-top:40px}.statement-copy strong{color:#168dbc}.technical-note{margin-top:40px;border-top:1px solid #bdcbd2;padding-top:26px;display:grid;grid-template-columns:1fr auto;gap:40px;color:#687b85;font-size:13px;line-height:1.6}.technical-note b{font:10px "DM Mono",monospace;letter-spacing:.09em;color:#34444c}.services-head,.projects-head,.process-title{display:flex;justify-content:space-between;align-items:end;gap:40px}.services-head p,.projects-head p,.process-title p{max-width:390px;color:var(--muted);line-height:1.65}.service-list{margin-top:80px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start;transition:.3s}.service:hover{padding-left:14px;background:linear-gradient(90deg,rgba(53,169,212,.08),transparent)}.service span,.timeline b{font:11px "DM Mono",monospace;color:var(--blue);letter-spacing:.1em}.service h3{font-size:clamp(1.7rem,2.6vw,3.2rem);margin:0}.service p{color:var(--muted);line-height:1.7;margin:0}.projects{background:#091721}.projects-head{margin-bottom:38px}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0}.filters button{background:transparent;border:1px solid #3d4f59;color:#b5c3ca;text-transform:uppercase;font:11px "DM Mono",monospace;padding:12px 17px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--blue);border-color:var(--blue);color:#041119}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}.project{grid-column:span 4;position:relative;min-height:360px;overflow:hidden;background:#10232d;transition:.45s}.project.tall{min-height:520px}.project.wide{grid-column:span 8}.project.hidden{display:none}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.73);transition:.7s}.project:hover img{transform:scale(1.045);filter:saturate(1) brightness(.83)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,9,13,.9))}.project div{position:absolute;z-index:2;inset:auto 24px 24px}.project small{font:9px "DM Mono",monospace;color:var(--blue2);letter-spacing:.11em}.project h3{margin:7px 0 0;font-size:clamp(1.15rem,1.8vw,1.8rem)}.process-title{margin-bottom:75px}.process-title p{color:#5d717b}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bac9d0}.timeline article{padding:30px 25px 10px 0;border-right:1px solid #bac9d0;min-height:260px}.timeline article+article{padding-left:25px}.timeline h3{font-size:1.35rem;margin:40px 0 15px}.timeline p{font-size:14px;line-height:1.65;color:#5e7079}.media-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.media-grid p{color:var(--muted);line-height:1.7;max-width:520px;margin:28px 0}.media video{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #36515f;background:#050b10}.text-link{font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--blue2);border-bottom:1px solid var(--blue);padding-bottom:6px}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.accordion{border-top:1px solid #afc0c8}.accordion details{border-bottom:1px solid #afc0c8}.accordion summary{list-style:none;cursor:pointer;font-size:1.1rem;font-weight:600;padding:27px 0;display:flex;justify-content:space-between;gap:20px}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:#168dbc;font-size:1.5rem;transition:.3s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion p{color:#60727b;line-height:1.7;margin:0;padding:0 48px 28px 0}.contact{text-align:center}.contact h2{max-width:1050px;margin:25px auto 48px}.contact-main{display:inline-flex;justify-content:space-between;min-width:min(100%,410px);background:var(--blue);color:#031016;padding:22px 25px;font:12px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.contact-data{margin-top:90px;padding-top:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);gap:28px;text-align:left}.contact-data small{display:block;font:9px "DM Mono",monospace;color:var(--blue);letter-spacing:.1em;margin-bottom:10px}.contact-data span,.contact-data a{font-size:13px;line-height:1.55;color:#bdcbd1;word-break:break-word}footer{padding:24px 3%;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#70838d;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;background:#071118;padding:24px 5%;gap:20px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.header-cta{display:none}.menu-toggle{display:block;background:transparent;color:#dce6ea;border:1px solid #40515a;padding:9px 12px;font:10px "DM Mono",monospace;text-transform:uppercase}.hero{grid-template-columns:1fr;padding-top:110px}.hero h1{font-size:clamp(3.25rem,14vw,6rem)}.vehicle-stage{height:62vw;min-height:360px}.scroll-cue{display:none}.statement,.faq-grid{grid-template-columns:1fr}.statement-copy{padding-top:0}.services-head,.projects-head,.process-title{align-items:start;flex-direction:column}.project{grid-column:span 6}.project.wide{grid-column:span 12}.timeline{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr}.contact-data{grid-template-columns:1fr 1fr 1fr}.service{grid-template-columns:50px 1fr}.service p{grid-column:2}.technical-note{grid-template-columns:1fr}.statement,.services,.projects,.process,.media,.faq,.contact{padding:85px 5%}}
@media(max-width:600px){.site-header{padding:0 5%}.brand span{font-size:10px}.hero{padding-left:5%;padding-right:5%;gap:42px}.hero-actions{flex-direction:column;align-items:stretch}.btn{text-align:center;justify-content:space-between}.vehicle-stage{min-height:310px;height:92vw}.stage-caption{min-width:180px}.statement h2,.services h2,.projects h2,.process h2,.media h2,.faq h2,.contact h2{font-size:clamp(2.8rem,13vw,4.6rem)}.service{grid-template-columns:38px 1fr;gap:18px}.project-grid{display:block}.project,.project.tall,.project.wide{min-height:420px;margin-bottom:12px}.timeline{grid-template-columns:1fr}.timeline article{border-right:0;border-bottom:1px solid #bac9d0;padding-left:0!important;min-height:auto;padding-bottom:35px}.contact-data{grid-template-columns:1fr 1fr}.faq-grid{gap:55px}footer{gap:18px;flex-direction:column}.whatsapp-fab{width:52px;height:52px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.whatsapp-fab svg{width:26px;height:26px}}

/* Cinematic Kombi entrance */
.hero-copy{z-index:5}.intro-copy .eyebrow,.intro-copy .hero-lead,.intro-copy .hero-actions,.intro-copy .hero-note{opacity:0;transform:translate(-24px,18px);animation:copyIn .78s cubic-bezier(.16,1,.3,1) forwards}.intro-copy .eyebrow{animation-delay:.28s}.intro-copy .hero-lead{animation-delay:1.34s}.intro-copy .hero-actions{animation-delay:1.6s}.intro-copy .hero-note{animation-delay:1.86s}.title-line{display:block;overflow:hidden;opacity:0;transform:translate(-42px,105%);animation:titleRise .92s cubic-bezier(.16,1,.3,1) forwards}.title-line:nth-child(1){animation-delay:.48s}.title-line:nth-child(2){animation-delay:.72s}.title-line:nth-child(3){animation-delay:.96s;padding-right:.12em;margin-right:-.12em}.drive-stage{position:absolute;inset:0;height:auto;overflow:visible;border:0;background:radial-gradient(circle at 66% 52%,rgba(53,169,212,.16),transparent 60%);animation:none;isolation:isolate;z-index:1}.drive-stage:after{content:none}.hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,rgba(5,11,16,.94) 0%,rgba(5,11,16,.8) 26%,rgba(5,11,16,.32) 52%,transparent 74%)}.assembly-glow{position:absolute;z-index:1;left:68%;top:52%;width:66%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(53,169,212,.26),transparent 66%);filter:blur(4px);opacity:0;animation:copyIn .8s .05s ease-out forwards}.assembly-hero-wrap{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:120px 0 90px;opacity:0;transform:scale(.94) translateY(8px);filter:drop-shadow(0 30px 46px rgba(0,0,0,.55));animation:assemblyReveal .7s cubic-bezier(.16,1,.3,1) .06s forwards}.assembly-hero-poster{width:auto;max-width:min(72vw,1020px);height:auto;display:block;transition:opacity .5s ease}.assembly-hero-poster.is-hidden{opacity:0}.drive-stage .stage-label{position:absolute;z-index:4;top:96px;right:3%;left:auto;color:var(--blue);font:10px "DM Mono",monospace;letter-spacing:.11em;opacity:0;animation:copyIn .5s .5s forwards}.drive-stage .stage-caption{position:absolute;z-index:4;right:3%;bottom:96px;opacity:0;transform:translateX(28px);animation:captionIn .6s .65s cubic-bezier(.16,1,.3,1) forwards}.hero:before{content:"";position:absolute;z-index:1;width:45vw;height:45vw;right:-18vw;top:15%;border:1px solid rgba(53,169,212,.16);border-radius:50%;box-shadow:0 0 90px rgba(53,169,212,.06)}
@keyframes assemblyReveal{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes titleRise{to{opacity:1;transform:none}}@keyframes copyIn{to{opacity:1;transform:none}}@keyframes captionIn{to{opacity:1;transform:none}}
.whatsapp-fab{position:fixed;z-index:99;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease}.whatsapp-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 14px 30px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.1)}.whatsapp-fab-ring{position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:.55;animation:whatsappPulse 2.6s ease-out infinite}@keyframes whatsappPulse{0%{transform:scale(1);opacity:.55}75%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.reveal:nth-child(even){transition-delay:.08s}.service.reveal,.timeline article.reveal{transform:translateY(38px)}.project.reveal{transform:translateY(44px) scale(.985)}.project.reveal.visible{transform:none}.section-index{transition:letter-spacing .8s ease}.section-index.in-view{letter-spacing:.2em}
@media(max-width:900px){.drive-stage{overflow:hidden}.hero:before{width:80vw;height:80vw;right:-35vw}.hero:after{background:linear-gradient(180deg,rgba(5,11,16,.96) 0%,rgba(5,11,16,.7) 40%,rgba(5,11,16,.28) 78%,rgba(5,11,16,.34) 100%)}.intro-copy .eyebrow{animation-delay:.18s}.title-line:nth-child(1){animation-delay:.36s}.title-line:nth-child(2){animation-delay:.56s}.title-line:nth-child(3){animation-delay:.76s}.intro-copy .hero-lead{animation-delay:1.04s}.intro-copy .hero-actions{animation-delay:1.24s}.intro-copy .hero-note{animation-delay:1.44s}.assembly-hero-wrap{justify-content:center;align-items:flex-end;padding:0 4% 34px}.assembly-hero-video,.assembly-hero-poster{max-width:82vw}.assembly-glow{left:50%;top:72%}.drive-stage .stage-label{display:none}.drive-stage .stage-caption{right:4%;bottom:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.intro-copy .eyebrow,.intro-copy .hero-lead,.intro-copy .hero-actions,.intro-copy .hero-note,.title-line,.drive-stage .stage-label,.drive-stage .stage-caption{opacity:1;transform:none}.assembly-hero-wrap,.assembly-glow{opacity:1;transform:none}}
.antes-depois{margin-top:38px;display:flex;flex-direction:column;gap:14px;max-width:520px}.ad-frame{position:relative;overflow:hidden;border-radius:2px;border:1px solid rgba(13,32,43,.18);aspect-ratio:4/3;background:#0d1418;cursor:ew-resize;touch-action:pan-y;user-select:none}.ad-img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none}.ad-clip{position:absolute;inset:0;height:100%;width:50%;overflow:hidden}.ad-clip:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#eaf1f5;box-shadow:0 0 0 1px rgba(5,11,16,.25)}.ad-tag{position:absolute;top:14px;font:10px "DM Mono",monospace;letter-spacing:.09em;padding:6px 10px;background:rgba(5,11,16,.72);color:#eaf1f5;border-radius:2px;z-index:3;pointer-events:none}.ad-tag-antes{left:14px}.ad-tag-depois{right:14px}.ad-handle{position:absolute;top:50%;left:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;border-radius:50%;background:#eaf1f5;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.45),0 0 0 4px rgba(234,241,245,.18);z-index:4;pointer-events:none;color:#071017;font-size:11px;letter-spacing:.02em}.ad-handle-arrows{transform:scaleY(1.1)}.ad-caption{font:11px "DM Mono",monospace;letter-spacing:.05em;color:#687b85;text-align:center}
@media(max-width:900px){.antes-depois{max-width:none;margin-top:26px}}
@media(prefers-reduced-motion:reduce){.antes-depois.reveal{opacity:1;transform:none}}
.service-projects{grid-column:3;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.proj-lightbox{position:fixed;inset:0;z-index:200;background:rgba(3,7,10,.94);display:flex;align-items:center;justify-content:center;padding:40px}.proj-lightbox[hidden]{display:none}.proj-lb-stage{position:relative;max-width:min(90vw,1100px);max-height:82vh;display:flex;flex-direction:column;align-items:center;gap:14px}.proj-lb-img{max-width:100%;max-height:74vh;object-fit:contain;border:1px solid rgba(255,255,255,.08)}.proj-lb-caption{color:#dce6ea;text-align:center;display:flex;flex-direction:column;gap:4px}.proj-lb-caption b{font-size:14px;font-weight:600}.proj-lb-caption span{font:10px "DM Mono",monospace;color:var(--blue2);letter-spacing:.08em}.proj-lb-close{position:absolute;top:18px;right:22px;z-index:2;background:transparent;border:1px solid rgba(255,255,255,.25);color:#f4f8fa;width:40px;height:40px;font-size:22px;line-height:1;cursor:pointer;border-radius:50%}.proj-lb-nav{background:transparent;border:1px solid rgba(255,255,255,.25);color:#f4f8fa;width:46px;height:46px;border-radius:50%;font-size:16px;cursor:pointer;flex:0 0 auto}.proj-lb-prev{margin-right:6px}.proj-lb-next{margin-left:6px}
@media(max-width:900px){.service-projects{grid-column:2;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:600px){.proj-lb-nav{width:38px;height:38px}.proj-lightbox{padding:20px}}
.project.proj-card{cursor:pointer;border:0;padding:0;background:#10232d}.project .ver-projeto{display:inline-block;font:11px "DM Mono",monospace;letter-spacing:.08em;color:#f4f8fa;border:1px solid rgba(244,248,250,.4);padding:9px 16px;background:rgba(5,11,16,.35);opacity:0;transform:translateY(8px);transition:.35s ease}.project:hover .ver-projeto,.project:focus-within .ver-projeto{opacity:1;transform:none}.project:hover img{transform:scale(1.05)}
.facade{background:var(--navy);padding:64px 3%;display:grid;grid-template-columns:.85fr 1fr;gap:50px;align-items:center}.facade img{width:100%;height:340px;object-fit:cover;border-radius:2px;border:1px solid var(--line);display:block}.facade-copy{display:flex;flex-direction:column;gap:14px}.facade-label{font:10px "DM Mono",monospace;letter-spacing:.14em;color:var(--blue)}.facade-copy p{font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.45;color:var(--text);max-width:480px;margin:0}.facade-address{font:11px "DM Mono",monospace;letter-spacing:.04em;color:var(--muted)}
@media(max-width:900px){.facade{grid-template-columns:1fr;padding:56px 5%}.facade img{height:260px}}
.assembly-hero-video{width:auto;max-width:min(72vw,1020px);height:auto;display:block;position:absolute;opacity:0;transition:opacity .5s ease}.assembly-hero-video.is-ready{opacity:1}
