@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{--black:#0b0c0b;--white:#f5f3ee;--gold:#c3a776;--muted:#b5b6ad;--line:#35372f;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--black);color:var(--white);font:15px/1.8 var(--sans)}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;text-wrap:balance}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--black)}[hidden]{display:none!important}
.header{height:104px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:15px;letter-spacing:.24em;white-space:nowrap}.brand em{font:italic 34px var(--serif);color:var(--gold);letter-spacing:0;margin-right:7px}.header-note,.header nav{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.header-note{color:var(--muted)}.header nav{display:flex;gap:26px}.header nav a{padding:12px 0}.header nav a[aria-current]{color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);line-height:1.8}
.dual-intro{text-align:center;padding:58px 24px 32px}.dual-intro h1{font-size:clamp(42px,4.4vw,68px);letter-spacing:-.02em;margin:16px 0}.dual-intro h1 em{color:var(--gold)}.dual-intro p{color:var(--muted);font-size:13px}.dual{display:grid;grid-template-columns:1fr 1fr;max-width:1700px;margin:auto;padding:15px 5% 90px}.universe{position:relative;text-align:center;padding:24px 6% 30px;min-width:0}.universe+.universe{border-left:1px solid var(--line)}.universe .index{color:var(--gold);font-size:11px;letter-spacing:.18em}.universe h2{font-size:clamp(36px,3.6vw,56px);margin:12px 0 8px}.universe .description{font-size:13px;color:var(--muted)}.car-stage{position:relative;height:clamp(180px,20vw,320px);display:grid;place-items:center;margin:25px -5% 18px;isolation:isolate}.car-stage:before{content:'';position:absolute;width:78%;height:38%;border-radius:50%;background:#ac926723;filter:blur(35px);z-index:-1;bottom:8%}.car-stage:after{content:'';position:absolute;bottom:4%;height:1px;width:75%;background:linear-gradient(90deg,transparent,#9c82574a,transparent)}.car-stage img{width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 12px #0009);transform:translateY(var(--lift,0px));transition:transform 850ms var(--ease)}.car-caption{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:10px 0 24px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--white);padding:14px 0;min-height:48px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;max-width:100%;text-align:left}.action span{color:var(--gold);font-size:23px;line-height:1;transition:transform 400ms var(--ease)}.action:hover span{transform:translate(4px,-4px)}.scroll-note{display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-bottom:50px}.scroll-note:before{content:'';height:32px;width:1px;background:var(--gold)}
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:105px 9%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.statement h2{font-size:clamp(38px,4vw,62px);margin-top:24px}.statement p{color:var(--muted);max-width:45ch;font-size:16px}.statement .action{margin-top:22px}.footer{padding:42px 5% 28px;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer p{color:var(--muted);font-size:12px}.prototype-note{text-align:center;font-size:11px;color:var(--muted);padding:0 24px 28px}
.service-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;padding:90px 8% 75px;align-items:center}.service-hero h1{font-size:clamp(48px,5.6vw,84px);margin:24px 0;letter-spacing:-.025em}.service-hero h1 em{color:var(--gold)}.service-hero p{color:var(--muted);max-width:42ch;font-size:16px}.service-hero .car-stage{height:320px}.service-hero .action{margin-top:20px}.contact{border-top:1px solid var(--line);padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%;scroll-margin-top:30px}.contact h2{font-size:clamp(40px,4vw,60px);margin:20px 0 28px}.contact-copy p{color:var(--muted);max-width:39ch}.contact-copy .action{margin-top:24px}.fine{font-size:12px!important;margin-top:20px;color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:25px;color-scheme:dark;min-width:0;align-content:start}label{display:flex;flex-direction:column;font-size:12px;color:var(--gold);gap:9px;min-width:0}.full{grid-column:1/-1}input,textarea,select{min-width:0;width:100%;border:0;border-bottom:1px solid #80755f;border-radius:0;background:transparent;color:var(--white);padding:12px 0;font-size:16px;min-height:48px}input::placeholder,textarea::placeholder{color:#999d92}textarea{resize:vertical;min-height:95px}form .action{justify-self:start}.status{font-size:13px;color:var(--muted)}.reveal{opacity:1;transform:none}.reveal.pending{opacity:0;transform:translateY(20px)}.reveal.ready{transition:opacity 800ms var(--ease),transform 800ms var(--ease)}dialog{background:#151612;color:var(--white);border:1px solid #706044;padding:35px;max-width:min(480px,calc(100% - 40px))}dialog::backdrop{background:#000b}dialog h2{font-size:35px;margin-bottom:22px}dialog p{color:var(--muted)}dialog .action{margin-top:18px}
@supports(animation-timeline:view()){.car-stage img{animation:car-arrival linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes car-arrival{from{opacity:.55;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}}
@media(hover:hover){.universe:hover{--lift:-8px}}
@media(max-width:900px){.header-note{display:none}.dual{padding-left:3%;padding-right:3%}.universe{padding-left:5%;padding-right:5%}.action{gap:20px}.contact{gap:6%;padding:70px 6%}form{grid-template-columns:1fr}.service-hero{padding:65px 6%;gap:3%}.service-hero .car-stage{height:240px}.footer{flex-wrap:wrap}}
@media(max-width:600px){.header{height:86px;margin:0 24px}.brand{font-size:12px}.brand em{font-size:29px}.header nav{font-size:10px;gap:16px;letter-spacing:.05em}.dual-intro{padding:42px 24px 20px}.dual-intro h1{font-size:43px}.dual-intro p{max-width:26ch;margin:auto}.dual{grid-template-columns:1fr;padding:0 24px 35px}.universe{padding:32px 0 42px}.universe+.universe{border-left:0;border-top:1px solid var(--line)}.universe h2{font-size:43px}.car-stage{height:200px;margin:20px -8px 10px}.car-caption{margin-bottom:14px}.action{font-size:11px}.statement{grid-template-columns:1fr;padding:70px 26px;gap:30px}.statement h2{font-size:43px}.footer{padding:35px 26px 25px;align-items:start;flex-direction:column;gap:20px}.scroll-note{padding-bottom:35px}.service-hero{grid-template-columns:1fr;padding:55px 26px 35px}.service-hero h1{font-size:55px}.service-hero .car-stage{height:230px;margin:25px -10px 0}.contact{grid-template-columns:1fr;padding:65px 26px;gap:42px}.contact h2{font-size:43px}.header nav .home-link{display:none}.eyebrow{font-size:11px}.prototype-note{text-align:left;padding-left:26px}}
.dual-intro{padding-top:38px;padding-bottom:18px}.dual{padding-bottom:45px}.dual .car-stage{height:clamp(180px,20vw,300px)}.action,.eyebrow,.universe .index,.car-caption{font-size:12px}.car-caption{letter-spacing:.1em}.service-hero .car-caption{text-align:center}.car-stage img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);filter:none}.car-stage:before,.car-stage:after{display:none}
@media(max-width:600px){.header{height:auto;min-height:110px;flex-direction:column;justify-content:center;gap:6px;padding:16px 0}.header nav{font-size:12px;gap:32px}.header nav a{padding:6px 0}.dual-intro{padding-top:35px}.dual .car-stage{height:180px}.dual{padding-bottom:25px}.action{letter-spacing:.07em}.eyebrow{letter-spacing:.12em}.car-caption{font-size:11px}.universe .index{font-size:11px}}
.car-stage img{height:auto;min-height:0;max-height:none;object-fit:contain;scale:-1 1;filter:none;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 82%,transparent);mask-composite:intersect}.car-stage{overflow:visible}.dual .car-stage{height:clamp(210px,24vw,365px);margin:25px -12% 18px}.service-hero .car-stage{height:clamp(260px,28vw,420px);margin-left:-8%;margin-right:-8%}
@media(max-width:600px){.dual .car-stage{height:clamp(180px,57vw,300px);margin:24px -12px 14px}.service-hero .car-stage{height:clamp(180px,57vw,300px);margin:25px -12px 0}}
.dual-intro h1{margin:0}.universe h2{margin-top:0}.service-hero h1{margin-top:0}.statement h2{margin-top:0}.statement h2 em{color:var(--gold)}
.dual-hero{min-height:calc(100svh - 104px);display:flex;flex-direction:column}.dual-hero .dual{width:100%;flex:1;align-items:center;padding-top:0;padding-bottom:32px}.dual .car-stage{height:auto;aspect-ratio:1220/620}.universe{display:block;cursor:pointer}.universe:focus-visible{outline-offset:-2px}.universe:hover .action span,.universe:focus-visible .action span{transform:translate(4px,-4px)}
.dual .car-stage{mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.08) 2%,rgba(0,0,0,.35) 5%,rgba(0,0,0,.8) 8%,#000 11%,#000 89%,rgba(0,0,0,.8) 92%,rgba(0,0,0,.35) 95%,rgba(0,0,0,.08) 98%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 70%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.35) 90%,transparent);mask-composite:intersect}.dual .car-stage img{mask-image:none}
@media(max-width:600px){.dual-hero{min-height:calc(100svh - 110px)}.dual-hero .dual{padding-bottom:25px}}
.brand{display:inline-flex;align-items:center;gap:12px;font:400 27px/1 var(--serif);letter-spacing:.055em;white-space:nowrap;flex-shrink:0}.brand-mark{width:58px;height:46px;object-fit:contain}.brand-wordmark{display:flex;gap:.25em}.brand-wordmark span:first-child{color:#d9bf8b}
@media(max-width:600px){.brand{font-size:25px;gap:10px}.brand-mark{width:49px;height:40px}}
.action[data-whatsapp]{display:inline-grid;grid-template-columns:22px minmax(0,1fr) auto;column-gap:10px}.action[data-whatsapp] .whatsapp-logo{width:22px;height:22px}.action[data-whatsapp] span{margin-left:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}.car-stage img{transform:none!important}}
