@import url('/assets/brand/tokens.css?v=20261002');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#000;color:var(--bb-text);font:16px/1.65 var(--bb-font)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}button{background:none;border:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;line-height:.99;letter-spacing:-.055em}h1{font-size:clamp(2.75rem,6.3vw,7rem)}h2{font-size:clamp(2.3rem,4.2vw,5rem)}h3{font-size:1.65rem;line-height:1.2;letter-spacing:-.04em}p+p{margin-top:1.4rem}small{display:block;font-size:.875rem;line-height:1.6;color:var(--bb-muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--bb-gold);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:#000;padding:1rem}.skip:focus{top:10px}.section{padding:clamp(4rem,8vw,8rem) var(--bb-gutter)}.eyebrow{font-size:.875rem;line-height:1.5;letter-spacing:.13em;margin-bottom:2rem;color:var(--bb-gold)}.muted{color:var(--bb-muted);font-size:.95rem}.lead{font-size:clamp(1.15rem,1.6vw,1.5rem);line-height:1.55}.text-link{display:inline-flex;gap:2rem;align-items:center;padding:.7rem 0;font-size:1rem;border-bottom:1px solid #777}.text-link:hover{border-color:var(--bb-gold)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:54px;padding:.85rem 1.4rem;font-size:1rem;line-height:1.3;border:1px solid var(--bb-gold);transition:background .2s}.gold{background:var(--bb-gold);color:#101010}.gold:hover{background:var(--bb-gold-hover)}.outline:hover{background:#252015}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.3rem var(--bb-gutter);gap:1.5rem}.brand{width:245px;display:block;background:transparent;flex-shrink:0}.brand img{width:100%;height:auto}.header-actions{display:flex;align-items:center;gap:3rem}.header-enquiry{display:flex;gap:2rem;align-items:center;font-size:.95rem}.menu-toggle,.menu-close{display:flex;align-items:center;gap:1.5rem;min-height:48px;padding:.5rem 1rem;border:1px solid #777;font-size:.875rem}.menu-toggle span{font-size:1.2rem}.menu-toggle:hover,.menu-close:hover{border-color:var(--bb-gold)}dialog{padding:0;position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;color:#fff;background:#252924;border:0;z-index:20;overflow:auto}dialog::backdrop{background:#000}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem var(--bb-gutter)}dialog nav{padding:clamp(2rem,5vw,5rem) var(--bb-gutter);display:grid}dialog nav a{display:flex;align-items:center;gap:2rem;font-size:clamp(2.2rem,6vw,6rem);line-height:1.2;letter-spacing:-.055em;text-transform:uppercase;width:100%;border-bottom:1px solid #62675e;padding:.25rem 0}.menu-number{font-size:.875rem;letter-spacing:0;color:var(--bb-gold)}dialog nav a:hover{color:var(--bb-gold)}.menu-bottom{padding:1rem var(--bb-gutter) 3rem;display:flex;justify-content:space-between;color:#cdd0c9}.hero{position:relative;height:max(720px,100svh);isolation:isolate}.hero picture,.hero picture img,.hero-shade{position:absolute;width:100%;height:100%;inset:0}.hero picture{z-index:-2}.hero picture img{object-fit:cover;object-position:center 52%}.hero-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.58) 25%,rgba(0,0,0,.02) 52%,#000 100%)}.hero-heading{position:absolute;top:22%;left:var(--bb-gutter);right:var(--bb-gutter)}.hero-heading .eyebrow{margin-bottom:1rem}.hero-heading h1{font-size:clamp(3rem,5.9vw,6.5rem)}.hero-bottom{position:absolute;bottom:12%;left:var(--bb-gutter);right:var(--bb-gutter);display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.hero-bottom p{color:#ddd;font-size:1.1rem}.hero-links{display:flex;gap:2.5rem}.scroll-cue{position:absolute;bottom:3%;left:var(--bb-gutter);display:flex;align-items:center;gap:2rem;font-size:.875rem;color:#bbb}.vehicle-feature{background:#090b0c}.vehicle-tabs{padding:2rem var(--bb-gutter) 0;display:flex;gap:3rem;align-items:center}.vehicle-tabs button{font-size:1.15rem;min-height:56px;border-bottom:1px solid #777;flex:0 0 130px;text-align:left;padding:0}.vehicle-tabs button[aria-selected=true]{color:var(--bb-gold);border-bottom:2px solid var(--bb-gold)}.vehicle-tabs>span{margin-left:auto;font-size:.75rem;letter-spacing:.15em;color:#aaa}.vehicle-panel{height:650px;position:relative;isolation:isolate}.vehicle-panel>img,.vehicle-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.vehicle-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent 65%,#000)}.vehicle-content{padding:3rem var(--bb-gutter)}.vehicle-content h2{font-size:clamp(2.5rem,4.5vw,5.25rem);margin-bottom:2rem}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:4rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.service-grid a{border-top:1px solid #666;padding-top:1.5rem}.index{font-size:.8rem;color:var(--bb-gold)}.service-grid h3{display:flex;justify-content:space-between;margin:2rem 0 1rem}.service-grid p{max-width:320px;color:#b8b8b8}.service-grid a:hover h3{color:var(--bb-gold)}.founder-feature{display:grid;grid-template-columns:1fr 1fr;background:#191c18;min-height:600px}.founder-copy{padding:clamp(3rem,6vw,7rem) var(--bb-gutter)}.founder-copy>p:not(.eyebrow){max-width:460px;margin:2rem 0}.founder-image{width:100%;height:100%;object-fit:cover;min-height:600px}.journey{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;padding:3.5rem 0;border-bottom:1px solid #444}.journey>div p{max-width:420px;margin-bottom:2rem}.journey small{margin-top:1rem}.direct-contact{background:#161616;text-align:center}.direct-contact .text-link{margin:2rem 0 1rem}.direct-contact .eyebrow{margin-bottom:1.5rem}.page-title{padding-top:190px;padding-bottom:5rem}.page-title h1{margin-bottom:2.5rem}.page-title .lead{color:#bbb}.wide-photo{height:clamp(300px,45vw,620px)}.wide-photo img{width:100%;height:100%;object-fit:cover}.story{display:grid;grid-template-columns:1fr 2fr;gap:3rem;background:#171b17}.story h2{margin-bottom:2.5rem}.story p{max-width:660px}.timeline ol{list-style:none;padding:0;max-width:900px;margin:0 0 2rem auto}.timeline li{display:grid;grid-template-columns:80px 1fr;gap:2rem;padding:2rem 0;border-top:1px solid #555}.timeline li>span{color:var(--bb-gold)}.timeline li p{margin-top:1rem;color:#bbb;max-width:580px}.timeline>.muted{max-width:900px;margin-left:auto}.anchor-nav{display:flex;gap:3rem;margin-top:3rem}.anchor-nav a{border-bottom:1px solid #777;padding:.6rem 0}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;border-top:1px solid #444}.service-detail h2{margin-bottom:2rem}.service-detail p{margin-bottom:1.5rem}.service-detail>img{height:520px;width:100%;object-fit:cover}.service-detail:nth-of-type(odd){background:#171b17}.service-detail .button{margin-top:1rem}.service-detail small{margin-top:1rem}.categories{display:flex;gap:1rem;margin:1.5rem 0}.categories span{border:1px solid #777;padding:.6rem 1.3rem}.contact-title{padding-bottom:3rem}.contact-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:6rem;padding-top:2rem}.contact-layout aside{max-width:340px}.contact-layout aside h2{font-size:2.5rem;margin-bottom:2rem}.contact-layout aside p{margin:1.5rem 0}.form-card{min-width:0;background:#141414;padding:2.5rem}.enquiry-tabs{display:flex;gap:1rem;border-bottom:1px solid #777;margin-bottom:2.5rem}.enquiry-tabs button{flex:1;padding:1rem .5rem;color:#bbb;border-bottom:3px solid transparent;line-height:1.3;min-height:60px}.enquiry-tabs button[aria-pressed=true]{color:var(--bb-gold);border-color:var(--bb-gold)}.field{display:block;font-size:.95rem;margin-bottom:1.25rem}.field input,.field textarea{display:block;width:100%;margin-top:.5rem;background:#080808;border:1px solid #686868;border-radius:0;color:#fff;padding:.85rem;min-height:50px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--bb-gold)}.field-error{display:block;color:var(--bb-error);font-size:.875rem;line-height:1.4;margin-top:.4rem}.field-error:empty{display:none}[aria-invalid=true]{border-color:var(--bb-error)!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-step{margin:2rem 0 1.5rem}details{margin:1.5rem 0;border-top:1px solid #555;border-bottom:1px solid #555;padding:1rem 0}summary{cursor:pointer;min-height:30px}details[open] summary{margin-bottom:1.5rem}fieldset{border:none;padding:0;margin:0 0 1.5rem;min-width:0}legend{font-size:.95rem;margin-bottom:.75rem}.radio-cards{display:flex;gap:1rem}.radio-cards label{border:1px solid #777;padding:.9rem 1rem;flex:1;cursor:pointer;display:flex;gap:.75rem;align-items:center}.radio-cards label:has(input:checked){border-color:var(--bb-gold);background:#30291b}.radio-cards input{accent-color:var(--bb-gold);width:18px;height:18px}.privacy-inline{color:#bbb;font-size:.875rem;margin:1.5rem 0}.privacy-inline a{text-decoration:underline}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#review h2{font-size:2.5rem;margin-bottom:1rem}pre{font:inherit;font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#080808;padding:1.5rem;border:1px solid #666;margin:1.5rem 0}.review-actions{display:flex;flex-wrap:wrap;gap:1rem}.notice,#form-status{border-left:2px solid var(--bb-gold);padding:1rem;background:#242019;margin:1.5rem 0;font-size:.95rem}#form-status[data-state=error]{border-color:var(--bb-error)}#form-status[data-state=sent]{border-color:var(--bb-success)}.privacy{border-top:1px solid #444}.privacy h2{margin-bottom:2.5rem}.privacy p{max-width:750px}footer{padding:6rem var(--bb-gutter) 2rem;background:#080808}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding-bottom:5rem;border-bottom:1px solid #444}.footer-top h2{font-size:clamp(2.3rem,4.2vw,5rem)}.footer-top h2>span{color:var(--bb-gold)}.footer-grid{padding:3rem 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.footer-grid nav,.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.plain{padding:0;min-height:44px}.footer-base{padding-top:2rem;border-top:1px solid #444;display:flex;flex-wrap:wrap;gap:1rem 3rem;font-size:.75rem;color:#aaa}.whatsapp-float{position:fixed;right:1.5rem;bottom:1.5rem;z-index:6;background:var(--bb-gold);color:#111;padding:.75rem 1.1rem;border:1px solid #000;box-shadow:0 4px 20px #0006;font-size:.9rem}.contact-toast{position:fixed;bottom:6rem;right:1.5rem;left:auto;max-width:350px;z-index:25;background:#252525;border:1px solid var(--bb-gold);padding:1rem}.menu-open{overflow:hidden}
@media(min-width:1600px){.section,footer{padding-left:max(var(--bb-gutter),calc((100vw - 1440px)/2));padding-right:max(var(--bb-gutter),calc((100vw - 1440px)/2))}}
@media(max-width:900px){.hero-links{flex-direction:column;gap:.5rem}.hero-bottom{bottom:10%}.hero-bottom p{font-size:1rem}.section-top{grid-template-columns:1fr;gap:1rem}.section-top .eyebrow{margin-bottom:1rem}.service-grid{gap:1.5rem}.founder-feature{grid-template-columns:1fr 1fr}.founder-image{min-height:520px}.journey{gap:3rem}.contact-layout{gap:2rem;grid-template-columns:1fr 1.5fr}.form-card{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:0}.service-detail{gap:2rem}.service-detail>img{height:430px}.footer-top{align-items:flex-start}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:600px){.site-header,.menu-top{padding:.75rem 1.1rem}.brand{width:200px}.header-enquiry{display:none}.header-actions{gap:0}.menu-toggle{padding:.5rem .7rem;gap:.7rem}.hero{height:max(780px,100svh)}.hero-heading{top:19%}.hero-heading h1{font-size:clamp(2.5rem,9.1vw,3.6rem)}.hero-heading .eyebrow{font-size:.7rem;letter-spacing:.08em}.hero picture img{object-fit:contain;object-position:center 50%}.hero-shade{background:linear-gradient(180deg,#000 0%,#0008 30%,#0000 48%,#0008 65%,#000 100%)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:1rem;bottom:8%;}.hero-links{gap:.2rem}.hero-links .text-link{font-size:.95rem;min-height:44px}.hero-bottom p{font-size:1rem}.scroll-cue{bottom:2%}.vehicle-tabs{gap:1.5rem;padding-top:1rem}.vehicle-tabs button{flex:1;font-size:1rem}.vehicle-tabs>span{display:none}.vehicle-panel{height:540px}.vehicle-panel img{object-position:60% center}.vehicle-content{padding-top:2rem}.vehicle-content .eyebrow{font-size:.75rem}.vehicle-content h2{font-size:2.4rem}.service-grid,.founder-feature{grid-template-columns:1fr}.service-grid{gap:2rem}.service-grid h3{margin:1rem 0}.founder-image{min-height:0;height:340px;object-position:center 40%}.founder-copy{padding:4rem var(--bb-gutter)}.journey{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0}.journey h2{font-size:2.3rem}.direct-contact h2{font-size:3.5rem}.page-title{padding-top:150px}.page-title h1{font-size:clamp(2.6rem,9.8vw,4rem)}.story{grid-template-columns:1fr;gap:1rem}.timeline li{grid-template-columns:35px 1fr;gap:1rem}.timeline li h3{font-size:1.4rem}.anchor-nav{gap:1.25rem;flex-wrap:wrap;font-size:.9rem}.service-detail{grid-template-columns:1fr;gap:2.5rem}.service-detail>img{height:300px}.contact-layout{grid-template-columns:1fr}.contact-layout aside{max-width:none}.contact-layout aside h2{font-size:2rem}.form-card{padding:1.25rem}.enquiry-tabs{gap:.5rem}.enquiry-tabs button{font-size:.9rem}.radio-cards{gap:.6rem}.radio-cards label{padding:.9rem .7rem;font-size:.95rem}.footer-top{flex-direction:column;gap:2rem;padding-bottom:3rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-grid .brand{grid-column:1/-1}.footer-base{flex-direction:column;padding-bottom:4rem}dialog nav a{font-size:2.45rem;gap:.8rem;padding:.6rem 0}.menu-bottom{flex-direction:column;gap:2rem}.menu-number{font-size:.75rem}.contact-toast{left:1rem;right:1rem;max-width:none}.whatsapp-float{right:1rem;bottom:1rem}pre{padding:1rem}.review-actions>.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:600px){.site-header .brand,.menu-top .brand{width:clamp(150px,51vw,200px)}.site-header{gap:1rem}}@media(max-width:360px){.hero-heading h1{font-size:2rem}.hero-heading{top:19%}.hero-links .text-link{font-size:.875rem}.whatsapp-float{font-size:.8rem;padding:.6rem .8rem}}

/* Michroma follows the approved brand fonts. Scale the wide display face for small screens. */
h1,h2{font-family:var(--bb-font-display);font-weight:400;font-synthesis:none;line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere}
h1{font-size:clamp(2.2rem,4.5vw,5.6rem)}h2{font-size:clamp(1.7rem,3vw,3.4rem)}
.hero-heading h1{font-size:clamp(2.2rem,4.5vw,5.6rem)}
.vehicle-content h2{font-size:clamp(1.8rem,3.4vw,3.7rem)}
.footer-top h2{font-size:clamp(1.7rem,3.2vw,3.3rem)}
.contact-layout aside h2{font-size:1.7rem}#review h2{font-size:1.8rem}
.contact-layout aside>a{overflow-wrap:anywhere}
.faq{border-top:1px solid #444}.faq h2{margin-bottom:3rem}.faq-list{max-width:900px;margin-left:auto}
.faq-list details{margin:0;border-top:0;padding:1.25rem 0}.faq-list details:first-child{border-top:1px solid #555}
.faq-list summary{font-size:1.1rem;min-height:44px;align-content:center;line-height:1.5}.faq-list p{max-width:750px;color:var(--bb-muted)}
.error-page{min-height:75svh}.error-page .lead{max-width:650px}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}
.no-script{margin:140px var(--bb-gutter) 1rem}.no-script a{text-decoration:underline}
summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{content:''}
.faq-list summary{position:relative;padding-right:4.5rem}.faq-list summary::after{content:'Read';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--bb-gold)}
.faq-list details[open] summary::after{content:'Close'}summary:hover{color:var(--bb-gold)}
@media(max-width:600px){
 .hero-heading h1{font-size:clamp(1.9rem,6.5vw,2.4rem)}.page-title h1{font-size:clamp(1.9rem,7.3vw,3rem)}
 .vehicle-content h2{font-size:clamp(1.8rem,6.5vw,2.4rem)}.journey h2{font-size:1.7rem}.direct-contact h2{font-size:2.4rem}
 .faq h2{font-size:1.7rem}.faq-list summary{font-size:1rem}.error-actions .button{width:100%}
}
@media(max-width:360px){.hero-heading h1{font-size:1.65rem}.page-title h1{font-size:1.8rem}}