@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#2464ff;--bg:#0a0b0d;--line:#2b2c30;--muted:#a4a5ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:#f5f5f5;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #75a1ff;outline-offset:6px}header{height:98px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;background:#0a0b0ded;position:absolute;z-index:3;width:100%}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px}.brand>span{font-size:23px;font-weight:800;letter-spacing:3px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:6px;text-align:center;margin-top:8px}nav{display:flex;gap:35px;font-size:12px}nav a:hover{color:#8caeff}.nav-cta{font-size:10px;letter-spacing:1.5px;border:1px solid #606166;padding:15px 20px}.nav-cta span{margin-left:24px}.hero{height:min(900px,100svh);min-height:720px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050609b5,transparent 75%),linear-gradient(0deg,#090a0de0,transparent 35%)}.hero-copy{position:relative;padding:200px 4.5% 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;line-height:1.8}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;line-height:.94;letter-spacing:-1px}h1{font-size:clamp(80px,8.8vw,142px);margin:25px 0}em{font-style:normal;color:var(--blue)}.intro{font-size:13px;line-height:1.9;color:#c2c4cc;margin:25px 0 32px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:var(--blue);border:0;color:white;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:21px 25px;cursor:pointer}.button:hover{background:#467dff}.hero-bottom{position:absolute;bottom:30px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#c7c8ce}.strip{display:flex;justify-content:space-between;gap:20px;padding:27px 4.5%;border-block:1px solid var(--line);font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;font-size:22px}.blue{color:var(--blue)}.section{padding:100px 7%}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-top p{margin:0}.muted{color:var(--muted);font-size:13px;line-height:1.9}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:center}h2{font-size:clamp(45px,5vw,76px);margin-bottom:30px}.body-copy{font-size:14px;line-height:1.9;color:var(--muted)}.services{margin-top:40px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:40px;padding:28px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.number{color:var(--blue);font-size:11px}h3{font-size:24px;font-weight:500;margin:0}.plus{margin-left:auto;font-size:24px;font-weight:400}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 55px 30px;max-width:760px}.service-body p{font-size:13px;line-height:1.9;color:var(--muted)}.service-body span{font-size:9px;letter-spacing:1.3px;color:#d2d4db}.vision{background:#101114;padding-top:20px}.vision .section-top{padding-bottom:0;padding-top:55px}.vision-heading{padding:0 7%;display:flex;justify-content:space-between;align-items:end}.tabs{display:flex;gap:22px;margin-bottom:36px}.tabs button{font-size:10px;letter-spacing:1.5px;padding:15px 0;background:none;border:0;border-bottom:2px solid transparent;color:#93959e;cursor:pointer}.tabs button[aria-selected=true]{color:white;border-color:var(--blue)}.showcase{height:650px;position:relative;overflow:hidden}.showcase>img{width:100%;height:100%;object-fit:cover}.showcase:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090a0df5,transparent 55%);pointer-events:none}.showcase-label{position:absolute;left:7%;bottom:60px;z-index:1}.showcase-label h3{font-family:'Barlow Condensed',sans-serif;font-size:48px;text-transform:uppercase}.showcase-label>p:last-child{font-size:12px;color:#bfc0c7;margin-top:12px}.image-note{position:absolute;right:4%;bottom:25px;font-size:8px;letter-spacing:1.4px;color:#999da6;z-index:1}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-art{height:500px;background:radial-gradient(ellipse at 50% 60%,#14244b,#101115 65%);border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-art>img{width:80%;opacity:.55;transform:rotate(-9deg)}.year{position:absolute;z-index:1;left:30px;top:20px;font:80px 'Barlow Condensed',sans-serif}.year span{display:block;font:8px Manrope,sans-serif;letter-spacing:2px;margin-top:8px}.story-text>p:not(.eyebrow){font-size:13px;line-height:1.9}.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid #6f7179;padding:0 0 9px;color:inherit;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;margin-top:16px}.process{border-top:1px solid var(--line);background:#101114}.process h2{margin:25px 0 55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.steps article{border-top:1px solid #41434a;padding-top:25px}.steps span{font-size:9px;color:#809fff;letter-spacing:1.5px}.steps h3{font-size:18px;margin:25px 0 16px}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.contact{background:#174deb}.contact>.eyebrow{color:#c7d6ff}.contact h2{font-size:clamp(48px,6vw,92px);margin:30px 0 55px}.contact em{color:#a4bfff}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8%;border-top:1px solid #ffffff40;padding-top:40px}.white{background:white;color:#153db0}.white:hover{background:#dbe6ff}.phone{display:block;font-size:20px;margin-top:20px}.contact-grid p:not(.eyebrow){font-size:13px;line-height:1.9}.contact .text-link{border-color:#ffffff70}footer{padding:40px 4.5%;display:flex;align-items:center;justify-content:space-between}footer>span{font-size:9px;letter-spacing:1.5px;color:#999}footer>small{font-size:9px;color:#888}dialog{background:#111318;color:white;border:1px solid #414650;padding:40px;width:min(560px,92vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:43px;margin:20px 0}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:30px;cursor:pointer}form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:11px}input,select,textarea{width:100%;background:#1b1e25;border:1px solid #3c404b;color:white;padding:12px;border-radius:0;font-size:13px}#brief-status{font-size:12px;color:#9bb8ff;margin:0}@media(min-width:1600px){.hero-image{object-position:center 60%}}@media(max-width:800px){header{height:80px}nav{display:none}.brand>span{font-size:18px}.brand img{width:36px}.nav-cta{padding:12px;font-size:8px}.nav-cta span{margin-left:10px}.hero{min-height:760px;height:95svh}.hero-image{object-position:62% center}.hero-copy{padding-top:160px}.hero-shade{background:linear-gradient(90deg,#050609d0,transparent),linear-gradient(0deg,#090a0d,transparent 50%)}h1{font-size:84px}.hero-bottom{font-size:8px;line-height:1.8}.hero-bottom>a{display:none}.strip{flex-wrap:wrap;font-size:17px;gap:20px}.strip span{width:43%}.section{padding:65px 6%}.section-top{display:block}.section-top .muted{display:block;margin-top:12px}.split,.story{grid-template-columns:1fr;gap:25px}.split h2{margin-bottom:0}h2{font-size:54px}summary{gap:20px}h3{font-size:21px}.service-body{padding-left:35px}.vision-heading{display:block;padding:0 6%}.tabs{margin-bottom:10px}.showcase{height:490px}.showcase>img{object-position:58% center}.showcase-label{left:6%;bottom:60px;right:6%}.showcase-label h3{font-size:35px}.showcase-label p:last-child{max-width:280px}.story-art{height:350px}.story-text{padding-top:25px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin:18px 0 12px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:54px}.contact-grid .eyebrow{margin-bottom:10px}footer{flex-wrap:wrap;gap:30px}footer>span{display:none}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* A single, restrained ignition sequence, followed by steady light. */
.hero-on{opacity:0;will-change:opacity}.hero-intro{margin:0 0 28px;color:#d7d9e1}.hero-copy h1{margin-bottom:24px}.heritage-reveal{color:#8e929d;opacity:.25;margin:0 0 28px;letter-spacing:3px;min-height:20px}.ignite .hero-on{animation:headlight-ignition 1.1s linear forwards}.ignite .heritage-reveal{animation:heritage-light 1.1s linear forwards}.lights-settled .hero-on{opacity:1}.lights-settled .heritage-reveal{opacity:1;color:#fff6df;text-shadow:0 0 20px #ffdf9b80}@keyframes headlight-ignition{0%{opacity:0}18%{opacity:.38}30%{opacity:.12}49%{opacity:.52}66%{opacity:.45}100%{opacity:1}}@keyframes heritage-light{0%{opacity:.25}18%{opacity:.5}30%{opacity:.32}49%{opacity:.66}66%{opacity:.6}100%{opacity:1;color:#fff6df;text-shadow:0 0 20px #ffdf9b80}}.detail-label{margin-left:auto;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#a5a7af}details[open] .detail-label{color:#7b9fff}.close{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;top:18px;right:18px;padding:8px}.button,.nav-cta{transition:background .2s,border-color .2s,box-shadow .2s}.button:hover{box-shadow:0 0 24px #2464ff33}.nav-cta:hover{border-color:#7b9fff}.text-link:hover{border-color:white}.hero-shade{background:linear-gradient(90deg,#050609c7,transparent 75%),linear-gradient(0deg,#090a0de0,transparent 35%)}@media(max-width:800px){.hero-copy{padding-top:140px}.hero-intro{max-width:290px;font-size:12px}.heritage-reveal{font-size:9px;letter-spacing:2px}.hero-copy h1{font-size:clamp(65px,12vw,84px)}.vision-heading h2{font-size:48px}.tabs{gap:20px}.tabs button{font-size:9px}.hero-shade{background:linear-gradient(90deg,#050609c7,transparent 100%),linear-gradient(0deg,#090a0d,transparent 50%)}}@media(prefers-reduced-motion:reduce){.ignite .hero-on,.ignite .heritage-reveal{animation:none;opacity:1}.button,.nav-cta{transition:none}}

.gallery-wall{background:#08090b;border-block:1px solid var(--line);padding-top:80px}.gallery-heading{text-align:center;padding:0 6% 35px}.gallery-heading h2{margin:22px 0}.gallery-window{height:560px;position:relative;overflow:hidden;background:#111}.gallery-mosaic{position:absolute;left:0;top:50%;width:100%;height:calc(100% + 260px);object-fit:cover;transform:translate3d(0,calc(-50% + var(--gallery-shift,0px)),0);will-change:transform}.gallery-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08090bd9,transparent 24%,transparent 82%,#08090b44)}.gallery-caption{position:absolute;bottom:24px;left:4.5%;right:4.5%;z-index:1;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.7px;color:#c5c9d4}.gallery-foot{padding:28px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-foot p{font-size:12px;color:var(--muted);margin:0}.gallery-foot .text-link{margin:0;white-space:nowrap}@media(max-width:800px){.gallery-wall{padding-top:55px}.gallery-heading h2{font-size:52px}.gallery-window{height:440px}.gallery-mosaic{width:190%;max-width:none;left:-45%;height:calc(100% + 180px)}.gallery-caption{flex-direction:column;font-size:7px;gap:9px}.gallery-foot{align-items:start;flex-direction:column;padding:25px 6%}.gallery-foot p{line-height:1.8}}@media(prefers-reduced-motion:reduce){.gallery-mosaic{transform:translate3d(0,-50%,0);will-change:auto}}

.brand img{width:64px;height:46px;object-fit:contain}.story-art>img{width:86%;height:auto;opacity:1;transform:none}@media(max-width:800px){.brand img{width:45px;height:34px}}

.brand img,.story-art>img{filter:url(#logo-background)}

.gallery-window{height:570px;touch-action:pan-y;cursor:grab;isolation:isolate}.gallery-window:active{cursor:grabbing}.gallery-track{position:absolute;inset:0 auto 0 0;display:flex;width:max-content;will-change:transform}.gallery-track .gallery-mosaic{position:static;flex:none;width:855px;height:570px;max-width:none;object-fit:fill;transform:none;will-change:auto;pointer-events:none;user-select:none}.gallery-window:after{z-index:1;background:linear-gradient(0deg,#08090be8,transparent 25%,transparent 85%,#08090b44)}.gallery-controls{position:absolute;z-index:3;bottom:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:12px 20px;background:#0a0b0de8;border:1px solid #555966;border-radius:2px;white-space:nowrap;cursor:default}.gallery-controls>span{font-size:9px;letter-spacing:2px}.gallery-controls button{background:none;border:0;color:white;cursor:pointer;font-size:22px;padding:4px 8px}.gallery-controls .gallery-pause{font-size:9px;border-left:1px solid #555;padding-left:18px}.gallery-caption{z-index:3;pointer-events:none}.gallery-signature{position:absolute;z-index:2;left:50%;top:43%;width:260px;padding:24px 35px 20px;background:#e5e3deed;border:1px solid #fff9;box-shadow:0 15px 70px #0007;text-align:center;opacity:0;transform:translate(-50%,-35%) scale(.9);transition:opacity 1.5s,transform 1.5s;pointer-events:none}.gallery-signature img{width:100%;filter:url(#logo-background) brightness(0)}.gallery-signature span{display:block;color:#000;font-size:10px;letter-spacing:3px;margin-top:10px;font-weight:800}.signature-visible .gallery-signature{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:800px){.gallery-window{height:500px}.gallery-track .gallery-mosaic{width:750px;height:500px}.gallery-controls{gap:8px;padding:10px;bottom:68px}.gallery-controls>span{font-size:8px}.gallery-signature{width:210px;padding:20px 25px}.gallery-caption{bottom:18px}}@media(prefers-reduced-motion:reduce){.gallery-signature{transition:none}.gallery-track{will-change:auto}}

.brand>span{position:relative;padding-bottom:12px}.brand small{position:absolute;top:100%;left:0;width:calc(100% - 3px);display:flex;justify-content:space-between;font-size:8px;line-height:1;letter-spacing:0;margin-top:-8px}.brand small span{display:block}@media(max-width:800px){.brand>span{padding-bottom:11px}.brand small{font-size:7px;margin-top:-7px}}

/* Oversized translucent emblem directly over the moving cars. */
.gallery-signature{top:50%;left:50%;width:min(94%,900px);height:92%;padding:0;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(.97)}.gallery-signature img{display:block;width:100%;height:100%;object-fit:contain;filter:url(#logo-background) brightness(0)}.signature-visible .gallery-signature{opacity:.52;transform:translate(-50%,-50%) scale(1)}@media(max-width:800px){.gallery-signature{width:125%;height:94%;padding:0}}
/* Keep both ignition frames aligned with the mobile headline reveal. */
@media(max-width:800px){
 .hero-image{object-position:36% center}
 .hero-copy{position:relative;height:100%}
 .hero-copy .heritage-reveal{position:absolute;left:4.5%;right:4.5%;top:calc(53.7% - 7px);margin:0;z-index:2}
 .hero-copy>.button{position:absolute;left:4.5%;top:calc(53.7% + 40px);z-index:2}
 .hero-shade{background:linear-gradient(90deg,#05060985,transparent 95%),linear-gradient(0deg,#090a0d,transparent 40%)}
}

/* Shared desktop/mobile ignition: two soft sputters, then steady light. */
.ignite .hero-on,.ignite .heritage-reveal{animation-duration:1.6s}
@keyframes headlight-ignition{0%,12%{opacity:0}25%{opacity:.65}38%{opacity:.06}56%{opacity:.78}70%{opacity:.18}100%{opacity:1}}
@keyframes heritage-light{0%,12%{opacity:.25}25%{opacity:.72}38%{opacity:.28}56%{opacity:.85}70%{opacity:.38}100%{opacity:1;color:#fff6df;text-shadow:0 0 20px #ffdf9b80}}
