/* site-v28.css */ :root{--bg:#080D14;--surface:#16212D;--text:#F4F8FC;--muted:#A4B3C3;--accent:#00D9F5;--line:#16212D;--carbon:#080D14;--slate:#16212D;--silver:#F4F8FC;--teal:#00D9F5;--amber:#FFB547;--max:1360px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:calc(100% - 80px);max-width:var(--max);margin:auto}h1,h2,h3{font-family:"BlackHandCinzel",Georgia,serif;font-weight:700;line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}h1{font-size:clamp(42px,5.3vw,76px);max-width:1100px}h2{font-size:clamp(32px,3.8vw,55px)}h3{font-size:24px}p{margin:0 0 22px;color:var(--muted)}strong{color:var(--text)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--text);color:white;z-index:100;padding:12px}.skip-link:focus{top:10px}.header-telemetry{background:var(--text);color:var(--bg);font-size:11px;letter-spacing:.025em}.header-telemetry-inner{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.nav-shell{min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--text)}.brand-lockup{display:block;width:240px;flex-shrink:0;line-height:0}.nav-shell nav{display:flex;gap:29px;font-size:13px}.nav-shell nav a{padding:15px 0}.nav-shell nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.menu-button{display:none;border:1px solid var(--text);background:transparent;color:var(--text);padding:9px 13px}.hero{padding:65px 0;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.hero-lede{font-size:20px;max-width:760px;line-height:1.5}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;font-size:13px;font-weight:bold;border:1px solid var(--accent);transition:background .2s}.btn.primary{background:var(--accent);color:white}.btn.primary:hover{background:#FFB547}.btn.secondary{border-color:var(--text)}.home-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding:58px 0 42px}.home-hero{padding:0}.home-opening h1{font-size:clamp(44px,5.3vw,78px);line-height:1.01}.home-opening h1 span{display:block}.calligraphy-accent{font-family:inherit;font-weight:inherit;font-style:normal;color:inherit;white-space:normal;max-width:100%}.home-opening .hero-lede{font-size:19px;max-width:600px}.launch-notice{background:var(--surface);border-left:3px solid var(--accent);padding:22px 26px;margin-top:28px;font-size:14px}.home-launch{background:transparent;border:0;padding:0;margin:24px 0 0;max-width:580px}.home-launch p{font-size:12px;margin:0}.home-launch p:before{content:'i';display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--text);border-radius:50%;margin-right:9px;font-family:Georgia,serif}.fleet-drawing{margin:0;min-width:0}.fleet-drawing svg{width:100%;height:auto;display:block}.fleet-drawing figcaption{font-size:10px;letter-spacing:.08em;color:var(--muted);text-align:right;margin-top:15px}.section{padding:65px 0;border-bottom:1px solid var(--line)}.service-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.service-editorial>div:first-child{border-right:1px solid var(--line);padding-right:30px}.service-editorial h2{font-size:clamp(38px,4.5vw,64px);max-width:490px}.service-editorial>div>p{font-size:14px;max-width:360px}.service-list{counter-reset:lanes}.guide-card{position:relative;padding:24px 0;border-top:1px solid var(--line)}.guide-card:last-child{border-bottom:1px solid var(--line)}.service-list .guide-card{display:grid;grid-template-columns:45px 1fr 1.2fr 35px;gap:18px;align-items:start;counter-increment:lanes;padding:25px 0}.service-list .guide-card:before{content:'0' counter(lanes);font-size:25px;font-weight:900;color:var(--accent);line-height:1.1}.guide-card h2{font:800 21px/1.18 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 14px}.service-list .guide-card h2{margin:0}.guide-card p{font-size:13px;margin:0 0 15px}.service-list .guide-card p{margin:0}.guide-card a{color:var(--accent);font-size:13px;font-weight:bold}.service-list .guide-card a{background:var(--accent);color:white;display:grid;place-items:center;width:35px;height:35px;font-size:0}.service-list .guide-card a:after{content:'↗';font-size:19px}.method-section{background:var(--text);color:var(--bg)}.method-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.method-grid h2{font-size:clamp(32px,3.4vw,48px)}.method-grid article{border-left:1px solid #A4B3C3;padding-left:23px}.method-grid article>span{display:block;color:#FFB547;font-size:34px;font-weight:900;line-height:1;margin-bottom:25px}.method-grid h3{font:700 19px/1.2 Arial,sans-serif;letter-spacing:-.04em}.method-grid p{color:#A4B3C3;font-size:13px}.method-note{border-top:1px solid #A4B3C3;margin-top:30px;padding-top:20px;font-size:12px;color:#A4B3C3}.prose{max-width:940px}.prose h2{font-size:34px}.prose a{color:var(--accent);text-decoration:underline}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.guide-grid .guide-card{padding:30px;border:1px solid var(--line)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:24px 35px 24px 0;font-weight:bold;position:relative;list-style:none}summary:after{content:'+';position:absolute;right:5px;color:var(--accent)}details[open] summary:after{content:'−'}details p{padding-bottom:20px;font-size:15px;max-width:950px}.site-footer{padding:55px 0 0;background:var(--text);color:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-brand .brand-lockup{margin-bottom:25px}.footer-brand p,.footer-brand a{font-size:12px;color:#A4B3C3}.footer-email{display:block;margin:8px 0}.footer-column h2{font:700 13px Arial,sans-serif;letter-spacing:0}.footer-column a{display:block;font-size:12px;color:#A4B3C3;margin:9px 0}.footer-status{border-top:1px solid #A4B3C3;margin-top:40px;padding:25px 0;display:flex;gap:30px;font-size:12px}.footer-status strong{color:var(--bg);white-space:nowrap}.footer-status p{color:#A4B3C3;font-size:12px;margin:0}.footer-bottom{border-top:1px solid #A4B3C3;padding:20px 0 30px;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#A4B3C3}.mobile-actionbar{display:none} @media(max-width:1050px){.wrap{width:calc(100% - 48px)}.home-opening{grid-template-columns:1fr 1fr}.home-opening h1{font-size:clamp(40px,5.5vw,64px)}.nav-shell nav{gap:18px}.brand-lockup{width:210px}.service-editorial{grid-template-columns:.75fr 1.25fr;gap:25px}.service-list .guide-card{grid-template-columns:35px minmax(0,1fr) 35px;gap:12px}.service-list .guide-card p{grid-column:2;grid-row:2}.service-list .guide-card a{grid-column:3;grid-row:1/3}.method-grid{grid-template-columns:1fr 1fr}.method-grid>h2{grid-column:1/-1}} @media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav-shell{flex-wrap:wrap;min-height:90px;padding:18px 0;gap:12px}.menu-button{display:block}.nav-shell nav{display:flex;flex-direction:column;width:100%;gap:0}.js .nav-shell nav{display:none}.js .nav-shell nav.is-open{display:flex}.nav-shell nav a{border-top:1px solid var(--line);padding:14px 4px}.header-telemetry{font-size:10px}.home-opening{grid-template-columns:1fr;padding:40px 0 30px;gap:30px}.home-opening h1{font-size:clamp(40px,8.2vw,65px);max-width:700px}.home-opening .hero-lede{font-size:18px}.fleet-drawing{max-width:650px;width:100%;margin:auto}.hero{padding:42px 0}h1{font-size:clamp(38px,7vw,60px)}.hero-lede{font-size:18px}.section{padding:45px 0}.service-editorial{grid-template-columns:1fr;gap:20px}.service-editorial>div:first-child{border:0;padding:0}.service-editorial h2{max-width:650px;font-size:44px}.service-list .guide-card{grid-template-columns:35px minmax(0,1fr) 35px}.method-grid{grid-template-columns:1fr;gap:24px}.method-grid article{padding-bottom:5px}.method-grid article>span{font-size:26px;margin-bottom:15px}.method-grid h2{font-size:40px}.guide-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-status,.footer-bottom{display:block}.footer-status strong{display:block;margin-bottom:14px}.footer-bottom span{display:block;margin-bottom:10px}.launch-notice{padding:20px}.home-launch{padding:0}.btn{padding:12px 16px;font-size:12px}.footer-bottom{padding-bottom:25px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} .service-editorial>*{min-width:0}.service-list .guide-card h2{overflow-wrap:anywhere} @media(max-width:800px){.service-list .guide-card h2{font-size:20px;line-height:1.2;letter-spacing:-.035em}.service-list .guide-card p{font-size:13px}} @media(max-width:380px){.nav-shell .brand-lockup{width:175px}.menu-button{font-size:12px;padding:8px}.header-telemetry-inner{font-size:9px}.home-opening h1{font-size:38px}} /* Photorealistic editorial imagery replaces the original schematic. */ .fleet-photo{margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.fleet-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border:1px solid var(--line)}.fleet-photo figcaption,.photo-story figcaption,.fleet-service-photo figcaption{font:10px/1.6 Arial,sans-serif;letter-spacing:.04em;color:var(--muted);margin-top:12px}.photo-story-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px}.photo-story figure,.fleet-service-photo figure{margin:0}.photo-story img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.photo-story h2{font-size:clamp(36px,4vw,58px)}.photo-story p{font-size:15px;max-width:500px}.fleet-service-photo{padding-bottom:0;border-bottom:0}.fleet-service-photo img{display:block;width:100%;max-height:480px;object-fit:cover;object-position:center 58%} @media(max-width:800px){.fleet-photo{width:100%;margin-top:0}.photo-story-grid{grid-template-columns:minmax(0,1fr);gap:28px}.photo-story h2{font-size:40px}.photo-story p{font-size:15px}.fleet-service-photo img{max-height:340px}} /* BAR registration disclosure v30: consistent, high-contrast public identity */ .bar-disclosure{background:#A4B3C3;color:#16212D;border-bottom:1px solid #A4B3C3;font:600 12px/1.5 Arial,Helvetica,sans-serif} .bar-disclosure-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 20px;padding:9px 0} .bar-disclosure strong{font-weight:800;color:#16212D}.bar-disclosure a{color:#16212D;text-decoration:underline;text-underline-offset:3px;font-weight:800} .bar-disclosure a:hover,.bar-disclosure a:focus-visible{color:#FFB547} .footer-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px} @media(max-width:800px){.bar-disclosure{font-size:11px}.bar-disclosure-inner{justify-content:flex-start;gap:4px 12px;padding:10px 0}.bar-disclosure-inner span:first-child{flex-basis:100%}} @media(max-width:420px){.bar-disclosure-inner{gap:5px 10px}.bar-disclosure{font-size:10.5px}} /* v32 — GhostCore photoreal editorial direction; photo subjects are illustrative only. */ :root{--bg:#080D14;--surface:#16212D;--text:#F4F8FC;--muted:#A4B3C3;--accent:#00D9F5;--line:#16212D;--carbon:#080D14;--slate:#16212D;--silver:#F4F8FC;--teal:#00D9F5;--amber:#FFB547;--max:1360px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif} body{background:var(--bg);color:var(--text)} p{color:var(--muted)} .site-header{background:#16212D} .header-telemetry{background:#16212D;color:#A4B3C3} .header-telemetry a{color:#00D9F5} .nav-shell{border-bottom:1px solid #16212D} .nav-shell nav a{color:#A4B3C3} .nav-shell nav a:hover,.nav-shell nav a[aria-current]{color:#00D9F5} .menu-button{color:#A4B3C3;border-color:#A4B3C3} a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00D9F5;outline-offset:4px} .btn.primary{background:#00D9F5;color:#16212D;border-color:#00D9F5} .btn.primary:hover{background:#00D9F5;color:#16212D} .btn.secondary{color:#A4B3C3;border-color:#A4B3C3} .btn.secondary:hover{background:#16212D;border-color:#00D9F5} .eyebrow{color:#00D9F5} .launch-notice{background:#16212D;color:#A4B3C3;border-left:4px solid #00D9F5} .launch-notice strong{color:#A4B3C3} .hero,.section{border-bottom:1px solid #16212D} .site-footer{background:#16212D;color:#A4B3C3} .site-footer .footer-brand a,.site-footer .footer-column a{color:#A4B3C3} .site-footer .footer-status strong,.site-footer .footer-bottom span{color:#A4B3C3} .site-footer .footer-status p{color:#A4B3C3} .site-footer .footer-bottom{color:#A4B3C3} .site-footer .footer-column h2{color:#A4B3C3} .prose a,.guide-card a{color:#00D9F5} .prose h2,.guide-card h2,.auto-showcase-intro h2{color:#A4B3C3} details{border-color:#16212D} summary{color:#A4B3C3} details p{color:#A4B3C3} .mobile-actionbar{background:#16212D;border-top-color:#16212D} .mobile-actionbar a{color:#A4B3C3} .method-section{background:#16212D;color:#A4B3C3} .method-grid p,.method-note{color:#A4B3C3} .method-grid article{border-color:#16212D} .bar-disclosure{background:#A4B3C3;color:#16212D} .bar-disclosure strong{color:#16212D} .bar-disclosure a{color:#16212D} .bar-disclosure a:hover,.bar-disclosure a:focus-visible{color:#16212D} .auto-photo-hero{position:relative;overflow:hidden;padding:0;background:radial-gradient(ellipse at 70% 8%,#16212D 0%,#16212D 53%,#080D14 100%)} .auto-photo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(24px,5vw,86px);padding-block:clamp(48px,6vw,93px)} .auto-photo-copy{min-width:0} .auto-photo-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.025;max-width:720px;text-wrap:balance} .auto-photo-copy .hero-lede{color:#A4B3C3;max-width:640px;font-size:clamp(16px,1.5vw,20px);line-height:1.65} .auto-photo-copy .eyebrow{margin-bottom:27px} .auto-photo-copy .hero-actions{margin:28px 0 24px} .auto-hero-subline{font:600 11px/1.8 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#A4B3C3} .auto-visual{position:relative;margin:0;min-width:0} .auto-visual img{display:block;width:100%;object-fit:cover;object-position:center;background:#16212D} .auto-visual figcaption{font:600 10px/1.6 Arial,sans-serif;letter-spacing:.03em;color:#A4B3C3;margin-top:10px} .auto-visual--hero{align-self:center} .auto-visual--hero::before{content:"";position:absolute;z-index:0;inset:-10px -10px 35px 10px;border:1px solid rgba(0,217,245,.17);pointer-events:none} .auto-visual--hero img{position:relative;z-index:1;aspect-ratio:1.18;max-height:600px;border:1px solid #16212D;filter:brightness(.87) contrast(1.07) saturate(.88)} .auto-visual--hero figcaption{padding-left:6px} .auto-cards-section{background:#16212D} .auto-photo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch} .auto-photo-cards .auto-service-card{display:flex;flex-direction:column;padding:0;border:1px solid #16212D;background:#16212D;min-width:0;min-height:100%;overflow:hidden;transition:transform .18s ease,border-color .18s ease} .auto-photo-cards .auto-service-card:hover{transform:translateY(-3px);border-color:#00D9F5} .auto-service-card .auto-visual--card{margin:0} .auto-service-card .auto-visual--card img{width:100%;aspect-ratio:1.72;max-height:270px;filter:brightness(.88) saturate(.82);transition:filter .18s ease,transform .18s ease} .auto-service-card:hover .auto-visual--card img{filter:brightness(1) saturate(1)} .auto-service-card .auto-visual--card figcaption{position:absolute;bottom:0;right:0;margin:0;padding:5px 7px;background:rgba(3,12,17,.89);color:#A4B3C3;font-size:9px} .auto-card-copy{padding:25px 26px 28px;flex:1;display:flex;flex-direction:column} .auto-photo-cards .guide-card h2{font-size:clamp(21px,2vw,28px);letter-spacing:-.04em;margin:0 0 14px} .auto-card-copy p{font-size:14px;line-height:1.65;color:#A4B3C3;margin-bottom:18px} .auto-photo-cards .guide-card a{font-size:13px;font-weight:800;color:#00D9F5;margin-top:auto} .auto-photo-cards .guide-card a:focus-visible{outline:2px solid #00D9F5} .auto-imagery-note{margin:26px 0 0;color:#A4B3C3;font-size:12px} .auto-showcase{background:#16212D} .auto-showcase-intro{max-width:900px;margin-bottom:35px} .auto-showcase-intro h2{max-width:880px;font-size:clamp(34px,4.5vw,60px)} .auto-showcase-intro p{max-width:770px} .auto-showcase-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px} .auto-showcase-grid .auto-visual--wide img{aspect-ratio:1.24;max-height:410px;filter:brightness(.84) saturate(.8)} .auto-showcase-grid .auto-visual--wide figcaption{font-size:9px} @media(max-width:1050px){.auto-photo-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:34px}.auto-photo-copy h1{font-size:clamp(37px,4.5vw,56px)}.auto-photo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-showcase-grid figure:first-child{grid-column:1/-1}.auto-showcase-grid figure:first-child img{aspect-ratio:2.4;max-height:470px}} @media(max-width:800px){.auto-photo-grid{grid-template-columns:minmax(0,1fr);padding-block:38px 42px;gap:26px}.auto-photo-copy h1{font-size:clamp(37px,9vw,62px)}.auto-photo-copy .hero-lede{font-size:17px}.auto-visual--hero img{max-height:420px;aspect-ratio:1.55}.auto-photo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auto-card-copy{padding:19px 19px 22px}.auto-showcase-grid{gap:13px}.site-footer .footer-status strong{color:#A4B3C3}} @media(max-width:560px){.auto-photo-cards,.auto-showcase-grid{grid-template-columns:minmax(0,1fr)}.auto-showcase-grid figure:first-child{grid-column:auto}.auto-showcase-grid figure:first-child img{aspect-ratio:1.5}.auto-photo-copy h1{font-size:clamp(35px,10.5vw,49px)}.auto-visual--hero img{aspect-ratio:1.38;max-height:320px}.auto-service-card .auto-visual--card img{max-height:230px}.auto-photo-copy .hero-actions .btn{width:100%}.auto-photo-cards .guide-card h2{font-size:24px}} @media(prefers-reduced-motion:reduce){.auto-photo-cards .auto-service-card,.auto-service-card .auto-visual--card img{transition:none}.auto-photo-cards .auto-service-card:hover{transform:none}} /* Service-detail photography: distinguish illustrative imagery from completed work. */ .auto-detail-visual{padding:35px 0 9px;max-width:1100px} .auto-visual--detail img{aspect-ratio:2.25;max-height:430px;object-fit:cover;object-position:center;border:1px solid #16212D;filter:brightness(.87) saturate(.8)} .auto-visual--detail figcaption{padding-left:2px} @media(max-width:800px){.auto-detail-visual{padding:23px 0 8px}.auto-visual--detail img{aspect-ratio:1.65;max-height:300px}} /* GhostCore identity v33 — one active color system (legacy values retired). */ body{background:var(--carbon);color:var(--silver)} .site-header,.site-footer{background:var(--carbon);color:var(--silver)} .header-telemetry{background:var(--slate);color:var(--silver)} .header-telemetry a{color:var(--silver)} .nav-shell{border-color:rgba(164,179,195,.28)} .nav-shell nav a,.menu-button{color:var(--silver)} .nav-shell nav a:hover,.nav-shell nav a[aria-current]{color:var(--teal)} .eyebrow{color:var(--amber)} .btn.primary{background:var(--teal);color:var(--carbon);border-color:var(--teal)} .btn.primary:hover{background:var(--silver);color:var(--carbon)} .btn.secondary{color:var(--silver);border-color:var(--silver)} .btn.secondary:hover{background:var(--slate);color:var(--teal);border-color:var(--teal)} .launch-notice{background:var(--slate);color:var(--silver);border-left-color:var(--amber)} .launch-notice strong{color:var(--silver)} .bar-disclosure{background:var(--silver);color:var(--carbon);border-color:var(--slate)} .bar-disclosure strong,.bar-disclosure a{color:var(--carbon)} .bar-disclosure a:hover,.bar-disclosure a:focus-visible{color:var(--slate)} .hero,.section{border-color:rgba(164,179,195,.24)} .prose a,.guide-card a,.auto-photo-cards .guide-card a{color:var(--teal)} .prose h2,.guide-card h2,.auto-showcase-intro h2{color:var(--silver)} .auto-photo-hero{background:radial-gradient(circle at 78% 18%,var(--slate) 0%,var(--carbon) 70%)} .auto-cards-section,.auto-showcase{background:var(--carbon)} .auto-photo-cards .auto-service-card{background:var(--slate);border-color:rgba(164,179,195,.3)} .auto-photo-cards .auto-service-card:hover{border-color:var(--teal)} .auto-card-copy p,.auto-imagery-note,.auto-hero-subline,.auto-showcase-intro p{color:var(--silver)} .auto-visual--hero img,.auto-visual--detail img{border-color:var(--slate)} .auto-visual--hero::before{border-color:var(--teal)} .auto-visual figcaption{color:var(--silver)} .auto-service-card .auto-visual--card figcaption{background:var(--carbon);color:var(--silver)} .site-footer .footer-brand a,.site-footer .footer-column a,.site-footer .footer-status strong,.site-footer .footer-bottom span{color:var(--silver)} a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px} @media(forced-colors:active){.btn,.bar-disclosure a{forced-color-adjust:auto}} /* v34: service discovery + qualification, using official five-color brand */ .service-explorer-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px} .service-explorer-intro h2,.site-qualification h2{font-size:clamp(30px,3vw,48px);line-height:1.2;margin:5px 0 10px} .service-explorer-intro p,.qualification-lede{max-width:680px;color:var(--silver)} .service-filters{display:none;flex-wrap:wrap;gap:10px;margin:0 0 24px} .js .service-filters{display:flex} .service-filter{min-height:44px;padding:10px 15px;border:1px solid var(--silver);border-radius:3px;background:var(--carbon);color:var(--silver);font-weight:700;font-size:13px} .service-filter:hover{border-color:var(--teal);color:var(--teal)} .service-filter[aria-pressed=true]{background:var(--teal);color:var(--carbon);border-color:var(--teal)} .auto-photo-cards .auto-service-card[hidden]{display:none} .service-filter-count{font-size:12px;color:var(--silver);white-space:nowrap} .auto-card-tag{display:block;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800;margin-bottom:8px} .fleet-detail-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px} .fleet-detail-links span{font-weight:800} .fleet-detail-links a,.qualification-bottom a{color:var(--teal);text-decoration:underline;text-underline-offset:3px} .site-qualification{background:var(--slate)} .qualification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0;list-style:none} .qualification-grid li{min-width:0;padding:20px;background:var(--carbon);border:1px solid var(--silver)} .qualification-number{color:var(--amber);font-size:11px;font-weight:800} .qualification-grid h3{font-size:18px;color:var(--silver);margin:8px 0} .qualification-grid p{color:var(--silver);font-size:13px;line-height:1.6} .qualification-bottom{color:var(--silver);margin-top:22px} @media(max-width:850px){.qualification-grid{grid-template-columns:repeat(2,1fr)}.service-explorer-intro{display:block}} @media(max-width:540px){.qualification-grid{grid-template-columns:1fr}.service-filter{flex:1 1 46%;padding:9px 6px}.fleet-detail-links span{flex-basis:100%}} /* v35 — Ghostly Industrial: machined steel, phantom current, controlled motion. Palette intentionally remains Carbon / Slate / Silver / Teal / Amber. */ :root{--industrial-line:color-mix(in srgb,var(--silver) 19%,transparent);--industrial-ghost:color-mix(in srgb,var(--teal) 19%,transparent);--industrial-dark:color-mix(in srgb,var(--carbon) 72%,var(--slate));} body{background-color:var(--carbon);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--silver) 3%,transparent) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--silver) 2%,transparent) 0 1px,transparent 1px 80px);} .site-header{position:relative;background:linear-gradient(145deg,var(--carbon),var(--industrial-dark));box-shadow:0 10px 30px color-mix(in srgb,var(--carbon) 80%,transparent);} .header-telemetry{border-bottom:1px solid var(--industrial-line);background:var(--slate);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase;} .header-telemetry-inner>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border:1px solid var(--amber);background:var(--amber);box-shadow:0 0 10px color-mix(in srgb,var(--amber) 50%,transparent);vertical-align:1px;} .nav-shell{position:relative;border-bottom:1px solid var(--industrial-line);} .nav-shell:after{content:"";position:absolute;bottom:-1px;left:0;width:min(190px,25%);height:2px;background:linear-gradient(90deg,var(--teal),transparent);box-shadow:0 0 20px var(--industrial-ghost);pointer-events:none;} .nav-shell nav a{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.055em;transition:color .18s,text-shadow .18s;} .nav-shell nav a:hover,.nav-shell nav a[aria-current]{text-shadow:0 0 16px var(--industrial-ghost);} .auto-photo-hero{isolation:isolate;background:radial-gradient(ellipse at 83% 16%,var(--industrial-ghost),transparent 42%),linear-gradient(135deg,var(--industrial-dark),var(--carbon) 68%);} .auto-photo-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,var(--industrial-line) 0 1px,transparent 1px 88px),repeating-linear-gradient(0deg,var(--industrial-line) 0 1px,transparent 1px 88px);mask-image:linear-gradient(90deg,transparent 0%,black 62%,transparent 100%);} .auto-photo-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,transparent 28%,var(--industrial-ghost) 51%,transparent 69%);background-size:250% 100%;opacity:.24;animation:ghost-current 16s ease-in-out infinite alternate;} .auto-photo-grid{position:relative;z-index:1;} .auto-photo-copy{position:relative;padding-left:clamp(14px,2.2vw,30px);border-left:2px solid var(--teal);} .auto-photo-copy:before{content:"";position:absolute;top:0;left:-3px;width:4px;height:52px;background:var(--teal);box-shadow:0 0 28px var(--teal);} .auto-photo-copy .eyebrow,.auto-hero-subline,.auto-card-tag,.qualification-number,.service-filter-count{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;} .auto-photo-copy h1{letter-spacing:-.035em;text-shadow:0 0 26px color-mix(in srgb,var(--teal) 13%,transparent);} .auto-hero-subline:before{content:"// ";color:var(--teal);} .auto-visual--hero{filter:drop-shadow(0 16px 24px color-mix(in srgb,var(--carbon) 65%,transparent));} .auto-visual--hero:before{inset:-12px -12px 40px 12px;border:1px solid var(--industrial-ghost);background:repeating-linear-gradient(135deg,var(--industrial-ghost) 0 1px,transparent 1px 13px);} .auto-visual--hero:after{content:"";position:absolute;top:-8px;right:-8px;width:80px;height:80px;border-top:3px solid var(--teal);border-right:3px solid var(--teal);box-shadow:9px -9px 30px var(--industrial-ghost);pointer-events:none;z-index:2;} .auto-visual--hero img{filter:brightness(.85) contrast(1.14) saturate(.75);border-color:var(--industrial-line);} .auto-visual figcaption{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;} .eyebrow{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.17em;} .eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:currentColor;box-shadow:0 0 10px var(--industrial-ghost);flex-shrink:0;} .btn{position:relative;isolation:isolate;overflow:hidden;border-radius:0;letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;} .btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--industrial-ghost);} .btn.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,color-mix(in srgb,var(--silver) 27%,transparent) 48%,transparent 70%);transform:translateX(-120%);transition:transform .5s;pointer-events:none;} .btn.primary:hover:after{transform:translateX(120%);} .launch-notice{position:relative;border:1px solid var(--industrial-line);border-left:4px solid var(--amber);background:linear-gradient(120deg,var(--slate),var(--carbon));box-shadow:inset 0 1px 0 var(--industrial-line); } .launch-notice:before{content:"STATUS //";display:block;color:var(--amber);font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;margin-bottom:8px;} .section{position:relative;border-bottom:1px solid var(--industrial-line);} .auto-cards-section{background:linear-gradient(180deg,var(--carbon),var(--industrial-dark) 50%,var(--carbon));} .auto-photo-cards{gap:18px;} .auto-photo-cards .auto-service-card{position:relative;background:linear-gradient(145deg,var(--slate),var(--industrial-dark));border:1px solid var(--industrial-line);box-shadow:inset 0 1px 0 var(--industrial-line),0 16px 30px color-mix(in srgb,var(--carbon) 55%,transparent);transition:border-color .2s,box-shadow .2s,transform .2s;} .auto-photo-cards .auto-service-card:before{content:"";position:absolute;z-index:2;top:0;left:0;width:72px;height:3px;background:var(--teal);box-shadow:0 0 17px var(--industrial-ghost);pointer-events:none;} .auto-photo-cards .auto-service-card:after{content:"";position:absolute;right:12px;bottom:12px;width:5px;height:5px;border:1px solid var(--silver);border-radius:50%;opacity:.45;pointer-events:none;} .auto-photo-cards .auto-service-card:hover{border-color:var(--teal);box-shadow:0 0 0 1px var(--industrial-ghost),0 15px 42px var(--industrial-ghost);} .auto-card-copy{position:relative;border-top:1px solid var(--industrial-line);} .auto-card-copy h2{line-height:1.13;} .auto-card-tag{color:var(--amber);} .auto-showcase{background:linear-gradient(145deg,var(--industrial-dark),var(--carbon));} .auto-showcase-grid .auto-visual--wide img,.auto-visual--detail img{border:1px solid var(--industrial-line);filter:brightness(.78) contrast(1.13) saturate(.8);} .site-qualification{background:repeating-linear-gradient(135deg,var(--industrial-line) 0 1px,transparent 1px 26px),var(--industrial-dark);} .qualification-grid li{position:relative;border:1px solid var(--industrial-line);border-top:2px solid var(--teal);background:linear-gradient(165deg,var(--slate),var(--carbon));box-shadow:inset 0 1px 0 var(--industrial-line);} .qualification-number{display:inline-block;color:var(--amber);font-size:18px;} .service-filter{border-radius:0;border-color:var(--industrial-line);background:var(--industrial-dark);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.03em;} .service-filter[aria-pressed=true]{box-shadow:0 0 22px var(--industrial-ghost);} .site-footer{position:relative;background:linear-gradient(120deg,var(--industrial-dark),var(--carbon) 65%);border-top:2px solid var(--teal);} .site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;box-shadow:0 0 22px var(--teal);pointer-events:none;} .site-footer .footer-column h2{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);} @keyframes ghost-current{from{background-position:100% 0}to{background-position:0 0}} @media(max-width:800px){.auto-photo-hero:before{opacity:.26}.auto-photo-copy{padding-left:16px}.auto-visual--hero:after{width:42px;height:42px}.auto-photo-cards{gap:14px}.header-telemetry-inner{letter-spacing:.015em}} @media(prefers-reduced-motion:reduce){.auto-photo-hero:after{animation:none;opacity:.12}.btn,.nav-shell nav a,.auto-photo-cards .auto-service-card{transition:none!important}.btn:hover{transform:none}.btn.primary:after{display:none}} @media(forced-colors:active){.auto-photo-hero:before,.auto-photo-hero:after,.auto-visual--hero:after{display:none}.auto-photo-copy{border-left:2px solid CanvasText}.auto-photo-cards .auto-service-card,.qualification-grid li{border:1px solid CanvasText}} /* v36 — NITROUS MIDNIGHT: coordinated photoreal tuner-era automotive identity. Consistent brand colors, legible disclosures, local fonts, restrained cyan/violet racing light. */ @font-face{font-family:"NitrousOxanium";src:url("/assets/fonts/Oxanium-Variable.woff2") format("woff2");font-display:optional;font-weight:400 800} @font-face{font-family:"NitrousRajdhani";src:url("/assets/fonts/Rajdhani-SemiBold-latin-v58.woff2") format("woff2");font-display:optional;font-weight:600} @font-face{font-family:"NitrousInter";src:url("/assets/fonts/Inter-Regular-latin-v58.woff2") format("woff2");font-display:optional;font-weight:400} @font-face{font-family:"NitrousInter";src:url("/assets/fonts/Inter-SemiBold-latin-v58.woff2") format("woff2");font-display:optional;font-weight:600} @font-face{font-family:"NitrousMono";src:url("/assets/fonts/IBMPlexMono-Regular-latin-v58.woff2") format("woff2");font-display:optional;font-weight:400} :root{--bg:#080D14;--surface:#16212D;--text:#F4F8FC;--muted:#A4B3C3;--accent:#00D9F5;--line:#314354;--carbon:#080D14;--slate:#16212D;--silver:#F4F8FC;--teal:#00D9F5;--violet:#955CFF;--amber:#FFB547;--steel:#314354;--industrial-line:color-mix(in srgb,var(--steel) 60%,transparent);--industrial-ghost:color-mix(in srgb,var(--teal) 21%,transparent);--industrial-dark:color-mix(in srgb,var(--carbon) 76%,var(--slate));font-family:"NitrousInter",Arial,sans-serif} html{color-scheme:dark} body{font-family:"NitrousInter",Arial,sans-serif;color:var(--text);background:var(--carbon)} h1,h2,h3,.auto-photo-copy h1{font-family:"NitrousOxanium",Arial,sans-serif;font-weight:750;letter-spacing:-.035em} p,.auto-card-copy p,.auto-showcase-intro p,.hero-lede{color:var(--muted)} .nav-shell nav a,.btn,.menu-button,.service-filter,.footer-column h2{font-family:"NitrousRajdhani","Arial Narrow",Arial,sans-serif;letter-spacing:.08em;font-weight:600} .eyebrow,.auto-hero-subline,.qualification-number,.service-filter-count,.auto-card-tag,.auto-visual figcaption,.header-telemetry{font-family:"NitrousMono",Consolas,monospace} .site-header{background:linear-gradient(125deg,var(--carbon),var(--slate))} .header-telemetry{background:var(--slate);color:var(--text)} .header-telemetry a,.nav-shell nav a:hover,.nav-shell nav a[aria-current],.eyebrow{color:var(--teal)} .nav-shell{border-bottom:1px solid var(--steel)} .nav-shell nav a,.menu-button{color:var(--text)} .auto-photo-hero{background:radial-gradient(ellipse at 82% 38%,color-mix(in srgb,var(--violet) 20%,transparent),transparent 52%),radial-gradient(ellipse at 68% 20%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 43%),linear-gradient(132deg,var(--slate),var(--carbon) 65%)} .auto-photo-hero:after{background:linear-gradient(114deg,transparent 29%,color-mix(in srgb,var(--violet) 19%,transparent) 51%,color-mix(in srgb,var(--teal) 16%,transparent) 66%,transparent 82%)} .auto-photo-copy{border-left-color:var(--teal)} .auto-photo-copy h1{color:var(--text);text-shadow:0 0 34px color-mix(in srgb,var(--teal) 17%,transparent)} .auto-visual--hero:before{border-color:color-mix(in srgb,var(--violet) 46%,transparent)} .auto-visual--hero:after{border-color:var(--teal)} .auto-visual--hero img{filter:brightness(.95) contrast(1.1) saturate(1.08);border-color:var(--steel)} .auto-visual figcaption{color:var(--muted)} .auto-cards-section,.auto-showcase{background:linear-gradient(150deg,var(--carbon),var(--slate),var(--carbon))} .auto-photo-cards .auto-service-card,.qualification-grid li{border-color:var(--steel)} .auto-photo-cards .auto-service-card:hover{border-color:var(--teal);box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 44%,transparent),0 18px 40px color-mix(in srgb,var(--violet) 18%,transparent)} .auto-card-copy h2,.site-qualification h2,.service-explorer-intro h2{color:var(--text)} .auto-card-copy p,.auto-showcase-intro p,.auto-imagery-note,.qualification-lede,.qualification-grid p{color:var(--muted)} .auto-card-tag,.qualification-number{color:var(--teal)} .btn.primary,.service-filter[aria-pressed=true]{background:var(--teal);color:var(--carbon);border-color:var(--teal)} .btn.primary:hover{background:var(--text);color:var(--carbon);border-color:var(--text)} .btn.secondary{color:var(--text);border-color:var(--steel)} .btn.secondary:hover{border-color:var(--violet);color:var(--text)} .launch-notice{border-left:4px solid var(--amber);background:linear-gradient(120deg,var(--slate),var(--carbon));color:var(--text)} .launch-notice strong{color:var(--text)} .bar-disclosure{background:var(--text);color:var(--carbon);border-color:var(--steel)} .bar-disclosure strong,.bar-disclosure a{color:var(--carbon)} .bar-disclosure a:hover,.bar-disclosure a:focus-visible{color:var(--slate)} .site-footer{background:linear-gradient(145deg,var(--slate),var(--carbon));border-top:2px solid var(--teal);color:var(--text)} .site-footer .footer-brand a,.site-footer .footer-column a,.site-footer .footer-status strong,.site-footer .footer-bottom span{color:var(--text)} .site-footer .footer-brand p,.site-footer .footer-status p{color:var(--muted)} .site-footer .footer-column h2{color:var(--teal)} .site-footer .footer-bottom{color:var(--muted);border-color:var(--steel)} a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px} @media(prefers-reduced-motion:reduce){.auto-photo-hero:after{animation:none}.btn,.auto-service-card{transition:none!important}} @media(forced-colors:active){.auto-photo-hero:before,.auto-photo-hero:after{display:none}.bar-disclosure,.auto-photo-cards .auto-service-card{forced-color-adjust:auto}} /* v36 image composition: preserve the cinematic tuner-car framing without cropping. */ .auto-visual--hero img{aspect-ratio:16/9;max-height:none;object-position:center} .auto-showcase-grid .auto-visual--wide img{object-position:center} /* v37 live audit: image caption and secondary text legibility. */ .auto-visual figcaption,.auto-visual--hero figcaption{font-size:12px;line-height:1.5;color:var(--muted)} .auto-imagery-note,.auto-hero-subline,.service-filter-count{font-size:12px;line-height:1.55} .auto-card-tag,.qualification-number{font-size:12px} .footer-bottom,.footer-bottom a{font-size:11px;line-height:1.6} @media(max-width:540px){.auto-photo-copy h1{overflow-wrap:normal}.auto-visual figcaption{font-size:12px}.auto-card-copy{padding:20px}} /* site-blackhand-shell-v42.css */ /* Commercial automotive brand v39: Fleet Navy / Service Blue / Signal Orange */ :root{--bg:#08090B;--surface:#141E24;--text:#F4F6F8;--muted:#B8C0C8;--accent:#C8102E;--line:#516573;--carbon:#08090B;--slate:#08090B;--silver:#F4F6F8;--teal:#C8102E;--amber:#F28A9A;--steel:#516573;--violet:#C8102E;--max:1360px} body.site-release-v28{background:#08090B;color:#F4F6F8} body.site-release-v28 .site-header{background:#F4F6F8;color:#08090B;position:relative;z-index:20} body.site-release-v28 .header-telemetry{background:#08090B;color:#F4F6F8} body.site-release-v28 .header-telemetry a{color:#F4F6F8} body.site-release-v28 .bar-disclosure{background:#141E24;color:#08090B;border-color:#B8C0C8} body.site-release-v28 .bar-disclosure strong,body.site-release-v28 .bar-disclosure a{color:#08090B} body.site-release-v28 .nav-shell{min-height:84px;border-bottom:1px solid #B8C0C8} body.site-release-v28 .brand-lockup{width:230px} body.site-release-v28 .nav-shell nav a{color:#08090B;font-weight:750} body.site-release-v28 .nav-shell nav a:hover,body.site-release-v28 .nav-shell nav a[aria-current]{color:#C8102E} body.site-release-v28 .menu-button{color:#08090B;border-color:#516573} body.site-release-v28 .site-footer{background:#08090B;border-top:4px solid #C8102E} body.site-release-v28 .site-footer .footer-column h2{color:#B8C0C8} body.site-release-v28 .site-footer p,body.site-release-v28 .site-footer a{color:#F4F6F8} body.site-release-v28 .site-footer .footer-bottom,body.site-release-v28 .site-footer .footer-bottom span{color:#B8C0C8} body.site-release-v28 .launch-notice{border-left:4px solid #F28A9A} body.site-release-v28 .btn.primary{background:#C8102E;border-color:#C8102E;color:#F4F6F8} body.site-release-v28 .btn.primary:hover{background:#9D0C23} body.site-release-v28 a:focus-visible,body.site-release-v28 button:focus-visible{outline:3px solid #F28A9A;outline-offset:4px} body.site-release-v28 .auto-photo-hero:after{display:none} body.site-release-v28 .auto-photo-hero{background:linear-gradient(135deg,#08090B,#08090B)} body.site-release-v28 .auto-card-tag{color:#F28A9A} body.site-release-v28 .auto-service-card{border-color:#516573} body.site-release-v28 .auto-service-card a{color:#F28A9A} body.site-release-v28 .eyebrow{color:#F28A9A} body.site-release-v28 .mobile-actionbar{background:#08090B;border-top:2px solid #C8102E} body.site-release-v28 .commercial-home{color:#08090B;background:#F4F6F8} body.site-release-v28 .commercial-home .eyebrow{color:#C8102E} body.site-release-v28 .commercial-home .light-eyebrow{color:#B8C0C8} body.site-release-v28 .commercial-home strong{color:inherit} body.site-release-v28 .commercial-home p{color:inherit} body.site-release-v28 .commercial-home .service-card p,body.site-release-v28 .commercial-home .section-sidecopy,body.site-release-v28 .commercial-home .process-grid p,body.site-release-v28 .commercial-home .readiness-copy{color:#516573} body.site-release-v28 .commercial-home .hero{background:#08090B;border:0} body.site-release-v28 .commercial-home .hero-intro{color:#CFDBDF} body.site-release-v28 .commercial-home .hero-micro{color:#B8C0C8} body.site-release-v28 .commercial-home .service-card{background:#fff;border-color:#D9E2E8;color:#08090B} body.site-release-v28 .commercial-home .service-card:hover{border-color:#C8102E} body.site-release-v28 .commercial-home .audience-card p{color:#E5EDF2} body.site-release-v28 .commercial-home .footer{background:#08090B} body.site-release-v28 .commercial-home .status-card strong{color:#08090B} @media(max-width:800px){body.site-release-v28 .nav-shell nav{background:#F4F6F8;color:#08090B}body.site-release-v28 .nav-shell nav.is-open a{color:#08090B}} /* Browser QA fixes: approved colors with accessible text contrast. */ body.site-release-v28 .service-filter[aria-pressed="true"]{background:#C8102E;color:#F4F6F8;border-color:#C8102E} body.site-release-v28 .qualification-bottom a, body.site-release-v28 .prose a, body.site-release-v28 .auto-photo-hero a:not(.btn), body.site-release-v28 .auto-showcase a{color:#F28A9A} body.site-release-v28 .service-filter:focus-visible{outline:3px solid #F28A9A} /* v40 image polish: concept photography, honest captions and consistent cards */ body.site-release-v28 .auto-service-card .auto-visual--card img{display:block;width:100%;height:180px;object-fit:cover} body.site-release-v28 .auto-detail-visual .auto-visual--detail img{display:block;max-height:440px;object-fit:cover;object-position:center} body.site-release-v28 .auto-visual figcaption{padding:8px 12px;background:#08090B;color:#F4F6F8;font-size:12px} body.site-release-v28 .auto-service-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.14)} @media(max-width:540px){body.site-release-v28 .auto-service-card .auto-visual--card img{height:170px}} /* V41 approved Ghost-Inspired Automotive palette, type and mobile navigation. */ @font-face{font-family:Oxanium;src:url('/assets/fonts/Oxanium-Variable.woff2') format('woff2');font-weight:400 800;font-display:optional} @font-face{font-family:Rajdhani;src:url('/assets/fonts/Rajdhani-SemiBold-latin-v58.woff2') format('woff2');font-weight:600;font-display:optional} @font-face{font-family:Inter;src:url('/assets/fonts/Inter-Regular-latin-v58.woff2') format('woff2');font-weight:400;font-display:optional} @font-face{font-family:Inter;src:url('/assets/fonts/Inter-SemiBold-latin-v58.woff2') format('woff2');font-weight:600 800;font-display:optional} @font-face{font-family:IBMPlexMono;src:url('/assets/fonts/IBMPlexMono-Regular-latin-v58.woff2') format('woff2');font-weight:400;font-display:optional} :root{--bg:#08090B;--surface:#141E24;--text:#F4F6F8;--muted:#B8C0C8;--accent:#F28A9A;--line:#33444C;--carbon:#08090B;--slate:#141E24;--silver:#F4F6F8;--teal:#C8102E;--amber:#F28A9A;--violet:#8E7CFF;color-scheme:dark;font-family:Inter,Arial,sans-serif} body.site-release-v28{font-family:Inter,Arial,sans-serif;background:#08090B;color:#F4F6F8} body.site-release-v28 h1,body.site-release-v28 h2,body.site-release-v28 h3{font-family:Oxanium,Arial,sans-serif;font-weight:750;letter-spacing:-.025em} body.site-release-v28 p{color:#B8C0C8} body.site-release-v28 .site-header{background:#0B1016;color:#F4F6F8;box-shadow:0 8px 35px #0008} body.site-release-v28 .header-telemetry{background:#08090B;color:#B8C0C8;border-bottom:1px solid #273941} body.site-release-v28 .header-telemetry a{color:#F28A9A} body.site-release-v28 .bar-disclosure{background:#141E24;color:#F4F6F8;border-bottom:1px solid #34454D} body.site-release-v28 .bar-disclosure strong{color:#F4F6F8} body.site-release-v28 .bar-disclosure a{color:#F28A9A;text-decoration:underline;text-underline-offset:3px} body.site-release-v28 .nav-shell{border-color:#314047;min-height:90px} body.site-release-v28 .brand-lockup{width:min(280px,46vw)} body.site-release-v28 .nav-shell nav a{color:#F4F6F8;font-family:Rajdhani,Inter,sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em} body.site-release-v28 .nav-shell nav a:hover,body.site-release-v28 .nav-shell nav a[aria-current]{color:#F28A9A} body.site-release-v28 .menu-button{color:#F4F6F8;border:1px solid #5E777D;background:#141E24} body.site-release-v28 .site-footer{background:#090C11;border-top:2px solid #C8102E} body.site-release-v28 .site-footer .footer-column h2{color:#F28A9A} body.site-release-v28 .site-footer p,body.site-release-v28 .site-footer a{color:#C9D8DC} body.site-release-v28 .site-footer a:hover{color:#F28A9A} body.site-release-v28 .site-footer .footer-bottom,body.site-release-v28 .site-footer .footer-bottom span{color:#B8C0C8} body.site-release-v28 .launch-notice{background:#1D242C;border-left:4px solid #F28A9A;color:#F4F6F8} body.site-release-v28 .btn.primary{background:#C8102E;color:#08090B;border-color:#C8102E} body.site-release-v28 .btn.primary:hover{background:#F28A9A} body.site-release-v28 .btn.secondary{border-color:#F28A9A;color:#F4F6F8} body.site-release-v28 .auto-photo-hero{background:linear-gradient(115deg,#08090B,#141E24)} body.site-release-v28 .auto-service-card{background:#141E24;border-color:#35464D} body.site-release-v28 .auto-service-card:hover{border-color:#F28A9A;box-shadow:0 12px 40px #0007} body.site-release-v28 .auto-service-card a,body.site-release-v28 .prose a,body.site-release-v28 .qualification-bottom a{color:#F28A9A} body.site-release-v28 .auto-card-tag,body.site-release-v28 .eyebrow{color:#F28A9A} body.site-release-v28 .service-filter[aria-pressed="true"]{background:#C8102E;border-color:#C8102E;color:#F4F6F8} body.site-release-v28 .mobile-actionbar{background:#111923;border-top:1px solid #C8102E} body.site-release-v28 .commercial-home{background:#08090B;color:#F4F6F8} body.site-release-v28 a:focus-visible,body.site-release-v28 button:focus-visible{outline:3px solid #F28A9A;outline-offset:4px} body.site-release-v28 .auto-visual figcaption{background:#10151C;color:#D4E3E6} @media(max-width:800px){body.site-release-v28 .nav-shell nav,body.site-release-v28 .nav-shell nav.is-open{background:#131A22;border:1px solid #40565F}body.site-release-v28 .nav-shell nav.is-open a{color:#F4F6F8}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}} /* Black Hand v42: legible noir shell, independent of the current legal entity. */ body.site-release-v28{--bg:#08090B;--surface:#141E24;--text:#F4F6F8;--muted:#B8C0C8;--accent:#C8102E;--teal:#F28A9A;--violet:#B8C0C8;background:#08090B;color:#F4F6F8} body.site-release-v28 .site-header{background:#08090B;color:#F4F6F8} body.site-release-v28 .bar-disclosure{background:#141E24;color:#D4D7DC;border-color:#333A42} body.site-release-v28 .bar-disclosure strong,body.site-release-v28 .bar-disclosure a{color:#F4F6F8} body.site-release-v28 .nav-shell{border-color:#333A42;min-height:94px} body.site-release-v28 .nav-shell nav a,body.site-release-v28 .menu-button{color:#F4F6F8} body.site-release-v28 .nav-shell nav a:hover,body.site-release-v28 .nav-shell nav a[aria-current]{color:#F28A9A} body.site-release-v28 .brand-lockup{display:flex;align-items:center;gap:12px;width:250px;flex-shrink:0;text-decoration:none} body.site-release-v28 .brand-lockup img{width:51px;height:51px;object-fit:contain;padding:4px;background:#F4F6F8;border-radius:9px;flex-shrink:0} body.site-release-v28 .brand-lockup>span{font-family:Georgia,serif;font-size:18px;letter-spacing:.02em;line-height:1.1;color:#F4F6F8;white-space:nowrap} body.site-release-v28 .brand-lockup small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.3em;margin-top:9px;color:#B8C0C8} body.site-release-v28 .site-footer{border-top:2px solid #C8102E;background:#08090B} body.site-release-v28 .btn.primary{background:#C8102E;color:#fff;border-color:#C8102E} body.site-release-v28 .btn.primary:hover{background:#9D0C23} body.site-release-v28 .eyebrow{color:#F28A9A} body.site-release-v28 h1,body.site-release-v28 h2,body.site-release-v28 h3{font-family:Georgia,serif} body.site-release-v28 .auto-visual img,body.site-release-v28 .auto-service-card img{filter:grayscale(1)} body.site-release-v28 .brand-proposal{font-size:11px;line-height:1.7;color:#B8C0C8} @media(max-width:800px){body.site-release-v28 .nav-shell nav,body.site-release-v28 .nav-shell nav.is-open{background:#141E24;border-color:#414953}body.site-release-v28 .nav-shell nav.is-open a{color:#F4F6F8}} @media(max-width:650px){body.site-release-v28 .brand-lockup{width:220px;gap:10px}body.site-release-v28 .brand-lockup>span{font-size:15px}body.site-release-v28 .brand-lockup img{width:43px;height:43px}body.site-release-v28 .nav-shell{min-height:78px}} /* NOIR v44 */ body.site-release-v28 main>.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 38%,#87203a2d,transparent 46%),linear-gradient(130deg,#141c25,#08090b 74%);border-bottom:1px solid #a3b3bd44}body.site-release-v28 main>.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(130deg,transparent 0 100px,#d5e4f407 101px 102px),radial-gradient(circle at 85% 50%,#b2bdc822,transparent 30%)}body.site-release-v28 main>.hero h1{color:#f5f6f7;text-wrap:balance;letter-spacing:-.035em}body.site-release-v28 main>.hero .hero-lede{color:#d7dfe3;max-width:780px;line-height:1.72}body.site-release-v28 main>.hero .eyebrow{color:#ff9fb5}body.site-release-v28 .auto-photo-hero{background:linear-gradient(125deg,#141c24,#08090b 70%)}body.site-release-v28 .auto-photo-hero .auto-visual{box-shadow:0 25px 85px #000a,0 0 0 1px #d4dfe455}body.site-release-v28 .auto-photo-hero .auto-visual img{filter:grayscale(.62) contrast(1.1)}body.site-release-v28 .auto-cards-section{background:radial-gradient(ellipse at 90% 20%,#a70e2320,transparent 55%),#0b0e13}body.site-release-v28 .auto-service-card{background:linear-gradient(145deg,#202831,#10151c 85%)!important;border:1px solid #79889670;border-radius:3px;overflow:hidden;box-shadow:0 17px 43px #0008}body.site-release-v28 .auto-service-card h2{color:#f5f6f8}body.site-release-v28 .auto-service-card p{color:#d0d8df}body.site-release-v28 .auto-service-card a{color:#ff9fb3}body.site-release-v28 .auto-service-card .auto-visual img{filter:grayscale(.65) contrast(1.1);transition:filter .3s,transform .3s}body.site-release-v28 .auto-service-card:hover .auto-visual img{filter:grayscale(.26) contrast(1.12);transform:scale(1.035)}body.site-release-v28 .site-qualification{background:#0e141b}body.site-release-v28 .section .prose h2{color:#f4f6f8}body.site-release-v28 .section .prose p{color:#cbd4da}body.site-release-v28 .auto-detail-visual{border:1px solid #79889533;box-shadow:0 25px 80px #0007}body.site-release-v28 .noir-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:28px 0}body.site-release-v28 .noir-contact-card{display:flex;flex-direction:column;gap:13px;min-height:172px;padding:25px;border:1px solid #aab7c477;background:linear-gradient(145deg,#29323b,#10141b 85%);text-decoration:none;box-shadow:inset 0 1px #fff2,0 18px 40px #0006;overflow-wrap:anywhere;transition:border-color .2s,transform .2s}body.site-release-v28 .noir-contact-card:hover,body.site-release-v28 .noir-contact-card:focus-visible{border-color:#f0b0be;transform:translateY(-3px)}body.site-release-v28 .noir-contact-card span{font:600 11px/1.4 IBMPlexMono,monospace;letter-spacing:.09em;color:#ffacbd}body.site-release-v28 .noir-contact-card strong{font:700 clamp(16px,2vw,24px)/1.4 Inter,Arial,sans-serif;color:#f5f6f7;overflow-wrap:anywhere}body.site-release-v28 .noir-contact-card small{font:400 12px/1.6 Inter,Arial,sans-serif;color:#d4dae0}body.site-release-v28 .contact-safety{padding:15px 20px;background:#27151c;border-left:3px solid #d02a46;color:#e9dce0!important}body.site-release-v28 .contact-next{display:flex;flex-wrap:wrap;gap:13px;margin:27px 0 0}body.site-release-v28 .contact-next a{display:inline-flex;align-items:center;min-height:44px;padding:12px 15px;border:1px solid #71828e;color:#f4f6f8!important;background:#192027;text-decoration:none;font-weight:600;font-size:13px}body.site-release-v28 .contact-next a:hover,body.site-release-v28 .contact-next a:focus-visible{border-color:#ff9eb4;background:#2b1720}@media(max-width:760px){body.site-release-v28 .noir-contact-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){body.site-release-v28 .noir-contact-card,body.site-release-v28 .auto-service-card .auto-visual img{transition:none!important;transform:none!important}} /* v45: Shared Black Hand type and navigation; independent of homepage-only art CSS. */ @font-face{font-family:"BlackHandCinzel";src:url("/assets/fonts/Cinzel-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:optional} @font-face{font-family:"BlackHandCinzel";src:url("/assets/fonts/Cinzel-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:optional} @font-face{font-family:Oswald;src:url("/assets/fonts/Oswald-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:optional} body.site-release-v28 .brand-lockup>span,body.site-release-v28 main .hero h1,body.site-release-v28 main .section h2,body.site-release-v28 main .auto-card-copy h2,body.site-release-v28 .site-footer h2{font-family:"BlackHandCinzel",Georgia,"Times New Roman",serif;letter-spacing:-.025em} body.site-release-v28 .brand-lockup>span{font-size:16px;letter-spacing:.018em;line-height:1.2;font-weight:700} body.site-release-v28 .brand-lockup small{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:9px;letter-spacing:.25em;margin-top:7px} body.site-release-v28 .nav-shell nav a{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.06em} body.site-release-v28 .nav-shell a:focus-visible{outline:3px solid #fff;outline-offset:4px} @media(max-width:1050px){body.site-release-v28 .nav-shell nav a{font-size:13px}} @media(max-width:760px){body.site-release-v28 .brand-lockup>span{font-size:14px}} @media(max-width:420px){body.site-release-v28 .brand-lockup>span{font-size:12px}body.site-release-v28 .brand-lockup small{font-size:8px}} /* Owner-approved typography v46: Cinzel Bold / Oswald Medium / Inter. */ body.site-release-v28 .brand-lockup small{font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:11px;letter-spacing:.2em} body.site-release-v28 h1,body.site-release-v28 h2,body.site-release-v28 h3{font-family:"BlackHandCinzel",Georgia,serif;font-weight:700} /* Executive noir v47: engraved wordmark, silver rules and pinstripe surfaces. */ body.site-release-v28 .site-header{background:#08090b;box-shadow:0 10px 40px #0004} body.site-release-v28 .header-telemetry{background:#111015;border-bottom:1px solid #43313a} body.site-release-v28 .nav-shell{border-bottom:1px solid #7a8087;min-height:94px} body.site-release-v28 .brand-lockup img{border-radius:0;padding:5px;box-shadow:0 0 0 1px #b8c0c84d} body.site-release-v28 .brand-lockup>span{color:#e1e5e9;text-shadow:0 1px 0 #ffffff30;letter-spacing:.035em} body.site-release-v28 .brand-lockup small{color:#b8c0c8} body.site-release-v28 .nav-shell nav a{font-family:Oswald,Inter,sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:13px} body.site-release-v28 .nav-shell nav a:hover,body.site-release-v28 .nav-shell nav a[aria-current]{color:#f4f6f8;text-decoration:underline;text-decoration-color:#c8102e;text-decoration-thickness:2px;text-underline-offset:9px} body.site-release-v28 .site-footer{background:repeating-linear-gradient(90deg,transparent 0 31px,#ffffff03 32px),#08090b;border-top:2px solid #8b0e1a} body.site-release-v28 .site-footer .footer-column h2{font-family:Oswald,Inter,sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#e1e5e9} body.site-release-v28 .footer-status{border-color:#b8c0c833} @media(max-width:800px){body.site-release-v28 .nav-shell{min-height:82px}body.site-release-v28 .nav-shell nav a{font-size:15px;min-height:44px}} /* v49: iOS Safari / Android Chrome touch and safe-area support. */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%} a,button,summary{touch-action:manipulation} @media(max-width:800px){ body.site-release-v28.has-mobile-actions{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))} body.site-release-v28 .mobile-actionbar{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));box-shadow:0 -10px 28px #0009} body.site-release-v28 .mobile-actionbar a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:9px 5px;background:#263039;border:1px solid #52616a;color:#f4f6f8;text-align:center;font:600 12px/1.25 Inter,Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere} body.site-release-v28 .mobile-actionbar a:last-child{background:#8b0e1a;border-color:#da6477} body.site-release-v28 .menu-button{min-height:48px;min-width:82px} body.site-release-v28 #primary-nav.is-open{max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} body.site-release-v28 #primary-nav a{display:flex;align-items:center;min-height:48px} body.site-release-v28 .header-telemetry a,body.site-release-v28 .bar-disclosure a{display:inline-flex;align-items:center;min-height:36px} body.site-release-v28 .blackhand-home .hero-content>p:not(.eyebrow){font-size:clamp(14px,3.7vw,16px);line-height:1.7} body.site-release-v28 .service-filter{min-height:44px} } @media(max-width:380px){body.site-release-v28 .mobile-actionbar a{font-size:11px;padding-inline:3px}} /* v50: preserve branded typography without clipping on small screens. */ body.site-release-v28 main h1{overflow-wrap:break-word} body.site-release-v28 .footer-bottom,body.site-release-v28 .footer-email{overflow-wrap:anywhere} @media(max-width:800px){ body.site-release-v28 .nav-shell{column-gap:8px} body.site-release-v28 .nav-shell>.brand-lockup{width:min(220px,calc(100% - 96px));min-width:0;gap:8px;margin-bottom:0} body.site-release-v28 .nav-shell>.brand-lockup img{width:clamp(34px,10vw,44px);height:clamp(34px,10vw,44px);padding:3px} body.site-release-v28 .nav-shell>.brand-lockup>span{min-width:0;font-size:clamp(11px,3vw,14px);line-height:1.2;letter-spacing:0;white-space:normal} body.site-release-v28 .nav-shell>.brand-lockup small{font-size:clamp(9px,2.45vw,10px);line-height:1.3;letter-spacing:.1em} body.site-release-v28 .header-telemetry-inner{flex-wrap:wrap;row-gap:2px} } @media(max-width:540px){ body.site-release-v28 main h1{font-size:clamp(31px,8vw,41px);line-height:1.14} body.site-release-v28 .bar-disclosure-inner,body.site-release-v28 .footer-status{overflow-wrap:break-word} } /* site-blackhand-noir-v54.css */ /* * The Black Hand — photographic noir direction, October 2026. * No generative illustrations, cartoon objects, or generic concept-art visuals. * The historical photographs are editorial context; real-world automotive * stock images are explicitly not company vehicles, customers or completed work. */ :root{ --noir-black:#090a0a;--noir-gunmetal:#171a1c;--noir-ivory:#f1e9d9; --noir-muted:#c9bcaa;--noir-burgundy:#641f30;--noir-oxblood:#822b3e; --noir-gold:#bca06a;--noir-line:rgba(188,160,106,.28); --bg:#090a0a;--surface:#171a1c;--text:#f1e9d9;--muted:#c9bcaa; --accent:#bca06a;--line:#6a574c;--carbon:#090a0a;--silver:#f1e9d9; --teal:#641f30;--amber:#c7a875;--steel:#796b5f;color-scheme:dark; } body.site-release-v28{background:var(--noir-black);color:var(--noir-ivory)} body.site-release-v28 :is(h1,h2,h3){color:var(--noir-ivory)} body.site-release-v28 :is(a,button,summary):focus-visible{outline:3px solid var(--noir-gold);outline-offset:4px} body.site-release-v28 .site-header{background:var(--noir-black);color:var(--noir-ivory);border-bottom:1px solid var(--noir-line)} body.site-release-v28 .header-telemetry{background:#3d1422;color:var(--noir-ivory)} body.site-release-v28 .header-telemetry a{color:var(--noir-ivory)} body.site-release-v28 .bar-disclosure{background:#141213;border-color:var(--noir-line);color:var(--noir-muted)} body.site-release-v28 .bar-disclosure :is(strong,a){color:var(--noir-ivory)} body.site-release-v28 .nav-shell{border-color:var(--noir-line)} body.site-release-v28 .brand-lockup{color:var(--noir-ivory)} body.site-release-v28 .brand-lockup>span{color:var(--noir-ivory);letter-spacing:.075em} body.site-release-v28 .brand-lockup small{color:var(--noir-gold);letter-spacing:.27em} body.site-release-v28 .nav-shell nav a{color:var(--noir-ivory)} body.site-release-v28 .nav-shell nav a:hover, body.site-release-v28 .nav-shell nav a[aria-current]{color:var(--noir-gold)} body.site-release-v28 .menu-button{color:var(--noir-ivory);border-color:var(--noir-line)} body.site-release-v28 .site-footer{background:#0d0c0c;border-top:3px solid var(--noir-gold);color:var(--noir-ivory)} body.site-release-v28 .site-footer .footer-column h2{color:var(--noir-gold)} body.site-release-v28 .site-footer :is(p,a){color:var(--noir-ivory)} body.site-release-v28 .site-footer .footer-bottom, body.site-release-v28 .site-footer .footer-bottom span{color:var(--noir-muted)} body.site-release-v28 .launch-notice{border-left-color:var(--noir-gold)} body.site-release-v28 .btn.primary{background:var(--noir-burgundy);border-color:var(--noir-gold);color:var(--noir-ivory)} body.site-release-v28 .btn.primary:hover{background:var(--noir-oxblood)} body.site-release-v28 .eyebrow,body.site-release-v28 .auto-card-tag{color:var(--noir-gold)} body.site-release-v28 .auto-photo-hero{background:linear-gradient(135deg,#0b0c0d,#1c1617)} body.site-release-v28 .auto-service-card{border-color:var(--noir-line);background:#181919;color:var(--noir-ivory)} body.site-release-v28 .auto-service-card a, body.site-release-v28 .qualification-bottom a, body.site-release-v28 .prose a{color:#e0c28d} body.site-release-v28 .auto-visual figcaption{background:#1b1717;color:var(--noir-muted)} body.site-release-v28 .auto-visual img{filter:saturate(.73) contrast(1.07)} body.site-release-v28 .mobile-actionbar{background:#111010;border-top:2px solid var(--noir-gold)} body.site-release-v28 .service-filter[aria-pressed="true"]{background:var(--noir-burgundy);border-color:var(--noir-gold);color:var(--noir-ivory)} body.site-release-v28 :is(.hero,.section,.auto-cards-section){border-color:var(--noir-line)} body.site-release-v28 .section:not(.blackhand-home .section){background-color:#101112} body.site-release-v28 .prose{color:var(--noir-ivory)} body.site-release-v28 .prose p{color:var(--noir-muted)} body.site-release-v28 .auto-showcase{background-color:#0c0d0e} body.site-release-v28 .auto-service-card .auto-visual--card img{height:208px;object-fit:cover} body.site-release-v28 .auto-detail-visual .auto-visual--detail img{width:100%;max-height:440px;object-fit:cover} /* The homepage is art-directed, not an unrelated retro landing-page template. */ body.site-release-v28 .blackhand-home{ --bh-silver:var(--noir-muted);--bh-red:var(--noir-burgundy);--bh-line:var(--noir-line); background:var(--noir-black);color:var(--noir-ivory); } body.site-release-v28 .blackhand-home :is(h1,h2,h3){color:var(--noir-ivory)} body.site-release-v28 .blackhand-home .eyebrow{color:var(--noir-gold);letter-spacing:.2em} body.site-release-v28 .blackhand-home .eyebrow span{color:#d6b77d} body.site-release-v28 .blackhand-home .bh-launch-notice{ background:#27151a;border-color:var(--noir-gold);color:#f0e3d8;letter-spacing:.035em; } body.site-release-v28 .blackhand-home .hero{ min-height:790px;background:#08090a;border-color:var(--noir-gold);display:flex;align-items:center; } body.site-release-v28 .blackhand-home .hero-image{ opacity:.92;filter:contrast(1.14) saturate(.52) brightness(.8); object-fit:cover;object-position:center 52%; } body.site-release-v28 .blackhand-home .hero:before{ background:linear-gradient(90deg,#090a0afa 0%,#090a0ae8 29%,#090a0a98 51%,#090a0a2b 83%), linear-gradient(0deg,#090a0af9 0%,transparent 29%,#00000015 80%); } body.site-release-v28 .blackhand-home .hero:after{background:var(--noir-gold);width:66px;height:2px} body.site-release-v28 .blackhand-home .hero-content{padding-block:118px 146px;max-width:970px} body.site-release-v28 .blackhand-home .hero h1{ font-family:BlackHandCinzel,Georgia,serif; font-size:clamp(46px,6vw,92px);line-height:1.11;letter-spacing:-.055em; max-width:860px;text-shadow:0 3px 32px rgba(0,0,0,.37); } body.site-release-v28 .blackhand-home .hero h1 em{color:#d8c09a;font-style:normal} body.site-release-v28 .blackhand-home .hero-content>p:not(.eyebrow){color:#e7dfd0;font-size:15px;max-width:560px} body.site-release-v28 .blackhand-home .hero-content .hero-status-line{border-color:var(--noir-gold);color:#ede4d5} body.site-release-v28 .blackhand-home .button.primary{ background:var(--noir-burgundy);border:1px solid #bb9770;box-shadow:0 12px 36px #0009; color:var(--noir-ivory); } body.site-release-v28 .blackhand-home .button.primary:hover{background:var(--noir-oxblood)} body.site-release-v28 .blackhand-home .hero-caption{color:#d0bd9c;border-top:1px solid var(--noir-line);padding-top:10px} body.site-release-v28 .blackhand-home .principle-strip{background:#1a1517;border-color:var(--noir-line);color:var(--noir-ivory)} body.site-release-v28 .blackhand-home .principle-strip b{color:var(--noir-gold)} body.site-release-v28 .blackhand-home .journey-rail{background:linear-gradient(118deg,#201719,#101112);border-color:var(--noir-line)} body.site-release-v28 .blackhand-home .journey-grid{border-color:var(--noir-line)} body.site-release-v28 .blackhand-home .journey-card{color:var(--noir-ivory)} body.site-release-v28 .blackhand-home .journey-card+.journey-card{border-color:var(--noir-line)} body.site-release-v28 .blackhand-home .journey-index{color:var(--noir-gold)} body.site-release-v28 .blackhand-home .journey-card>span:nth-of-type(2){color:var(--noir-muted)} body.site-release-v28 .blackhand-home .section-heading p:not(.eyebrow), body.site-release-v28 .blackhand-home .journey-heading>p:not(.eyebrow){color:var(--noir-muted)} body.site-release-v28 .blackhand-home .service-card{border-color:var(--noir-line)} body.site-release-v28 .blackhand-home .service-card p{color:var(--noir-muted)} body.site-release-v28 .blackhand-home .service-card h3{color:var(--noir-ivory)} body.site-release-v28 .blackhand-home .service-card a{color:#e4c894} body.site-release-v28 .blackhand-home .service-art{background:#161818;overflow:hidden} body.site-release-v28 .blackhand-home .service-art img{ width:100%;height:100%;object-fit:cover;filter:grayscale(.33) sepia(.12) contrast(1.12); transition:filter .3s ease,transform .4s ease; } body.site-release-v28 .blackhand-home .service-card:hover img{filter:grayscale(0) sepia(.08) contrast(1.07);transform:scale(1.045)} body.site-release-v28 .blackhand-home .photo-disclosure{color:#cfc0aa} body.site-release-v28 .blackhand-home .feature-visual--photo{background:#111!important;overflow:hidden} body.site-release-v28 .blackhand-home .feature-visual--photo img{ display:block;width:100%;height:100%;min-height:440px;max-width:none;object-fit:cover; filter:grayscale(.5) contrast(1.12);opacity:.88; } body.site-release-v28 .blackhand-home .feature-visual--photo>span{ position:absolute;bottom:32px;left:32px;color:var(--noir-ivory);z-index:1; background:#101010b8;padding:8px 14px;border:1px solid var(--noir-line); } body.site-release-v28 .blackhand-home .bh-info{background:#141112} body.site-release-v28 .blackhand-home .bh-panel{background:#201b1b;border:1px solid var(--noir-line)} body.site-release-v28 .blackhand-home .bh-panel>span{color:var(--noir-gold)} body.site-release-v28 .blackhand-home .bh-panel small{color:var(--noir-muted)} body.site-release-v28 .blackhand-home .closing{background:#1c1115} body.site-release-v28 .blackhand-home .faq-section{background:#0d0e0f} body.site-release-v28 .blackhand-home .faq :is(summary,p){color:var(--noir-ivory)} /* Archival gallery: actual photographs, no AI, icons, renderings or illustrated portraits. */ body.site-release-v28 .blackhand-home .noir-heritage{ padding:105px 6% 100px;max-width:1600px;margin:0 auto; border-bottom:1px solid var(--noir-line);background:#100e0f; } .blackhand-home .heritage-intro{ display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); align-items:end;gap:46px;margin-bottom:40px; } .blackhand-home .heritage-intro h2{ font-size:clamp(35px,4vw,64px);line-height:1.17;letter-spacing:-.035em;margin:0; } .blackhand-home .heritage-intro h2 em{font-style:normal;color:var(--noir-gold)} .blackhand-home .heritage-intro>p{max-width:530px;color:var(--noir-muted);line-height:1.85} .blackhand-home .heritage-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px} .blackhand-home .heritage-photo{ position:relative;min-width:0;min-height:470px;margin:0;overflow:hidden; background:#26201f;border:1px solid var(--noir-line); } .blackhand-home .heritage-photo>img{width:100%;height:100%;max-height:540px;min-height:470px;object-fit:cover;filter:grayscale(1) contrast(1.1)} .blackhand-home .heritage-photo--wide>img{filter:grayscale(.45) sepia(.12) contrast(1.1)} .blackhand-home .heritage-photo:after{content:"";position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#090909f4)} .blackhand-home .heritage-photo figcaption{position:absolute;left:22px;right:18px;bottom:22px;z-index:1;display:grid;gap:5px} .blackhand-home .heritage-photo figcaption span{font:500 11px/1.5 Oswald,Arial,sans-serif;color:#d9be8e;letter-spacing:.2em} .blackhand-home .heritage-photo figcaption strong{font:700 clamp(21px,2.1vw,31px)/1.15 BlackHandCinzel,Georgia,serif;color:#fff3e1} .blackhand-home .heritage-photo figcaption small{font:400 10px/1.5 Inter,Arial,sans-serif;color:#e5d4bd} .blackhand-home .heritage-legal{font-size:11px;line-height:1.65;color:#c9bdb0;margin:24px 0 0;max-width:990px} @media(max-width:900px){ body.site-release-v28 .nav-shell nav{background:#171213;color:var(--noir-ivory);border-color:var(--noir-line)} body.site-release-v28 .nav-shell nav.is-open a{color:var(--noir-ivory)} body.site-release-v28 .blackhand-home .heritage-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.site-release-v28 .blackhand-home .heritage-photo--wide{grid-column:1/-1} body.site-release-v28 .blackhand-home .heritage-photo--wide>img{max-height:440px;min-height:320px} } @media(max-width:680px){ body.site-release-v28 .blackhand-home .hero{min-height:750px;align-items:flex-end} body.site-release-v28 .blackhand-home .hero-image{object-position:60% center;opacity:.8} body.site-release-v28 .blackhand-home .hero:before{background:linear-gradient(0deg,#090a0afb 7%,#090a0ae8 40%,#090a0a91 85%)} body.site-release-v28 .blackhand-home .hero-content{padding:100px 6% 110px} body.site-release-v28 .blackhand-home .hero h1{font-size:clamp(37px,9vw,59px);letter-spacing:-.048em} body.site-release-v28 .blackhand-home .noir-heritage{padding:65px 6% 70px} body.site-release-v28 .blackhand-home .heritage-intro{grid-template-columns:1fr;gap:18px} body.site-release-v28 .blackhand-home .heritage-grid{grid-template-columns:1fr;gap:16px} body.site-release-v28 .blackhand-home .heritage-photo--wide{grid-column:auto} body.site-release-v28 .blackhand-home .heritage-photo, body.site-release-v28 .blackhand-home .heritage-photo>img{min-height:390px;max-height:470px} body.site-release-v28 .blackhand-home .hero-caption{flex-wrap:wrap;gap:4px} } @media(prefers-reduced-motion:reduce){ body.site-release-v28 .blackhand-home .service-art img{transition:none} body.site-release-v28 .blackhand-home .service-card:hover img{transform:none} } /* V55 editorial refinement: proposed service details precede historical storytelling. */ body.site-release-v28 .blackhand-home #expertise{ padding-top:clamp(54px,6vw,82px); padding-bottom:clamp(65px,7vw,100px); scroll-margin-top:22px; background:linear-gradient(180deg,#141012 0%,#090a0a 64%); } body.site-release-v28 .blackhand-home #expertise .section-heading>div{align-items:start} body.site-release-v28 .blackhand-home #expertise .service-grid{margin-top:6px} body.site-release-v28 .blackhand-home .standard-feature{ border-top:1px solid var(--noir-line);border-bottom:1px solid var(--noir-line); } body.site-release-v28 .blackhand-home .noir-heritage{background:linear-gradient(135deg,#171214,#0e0c0d)} body.site-release-v28 .blackhand-home .heritage-photo figcaption small{line-height:1.7} body.site-release-v28 .blackhand-home .heritage-photo figcaption a{ color:#f0d2a0;text-decoration:underline;text-decoration-color:#e0c38b99; text-underline-offset:3px; } body.site-release-v28 .blackhand-home .heritage-photo figcaption a:hover{color:#fff} body.site-release-v28 .blackhand-home .heritage-legal{max-width:920px} body.site-release-v28 .blackhand-home .hero-image{object-position:62% 50%} @media(max-width:680px){ body.site-release-v28 .blackhand-home #expertise{padding-top:52px} body.site-release-v28 .blackhand-home #expertise .service-grid{gap:30px} body.site-release-v28 .blackhand-home .heritage-photo figcaption{bottom:18px;left:18px} body.site-release-v28 .blackhand-home .hero-image{object-position:64% center} } /* zoot-period-archive-v1.css */ /* 1940–1946 archival / zoot-suit Los Angeles editorial layer. Print, textiles, chrome and period photographic treatment. Never recolor the official logo. */ body.site-release-v28 { --archive-ink:#141013;--archive-paper:#f1e5d1;--archive-gold:#c6a16a; --archive-oxblood:#592834;--archive-muted:#d5c3b0; background:var(--archive-ink);color:var(--archive-paper); } body.site-release-v28 main .eyebrow{letter-spacing:.18em;color:var(--archive-gold);} body.site-release-v28 .blackhand-home.storefront-home .hero h1 em{color:#f0d7a3;} body.site-release-v28 .blackhand-home.storefront-home .hero .hero-content{position:relative;z-index:2;} body.site-release-v28 .blackhand-home.storefront-home .hero::before{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(90deg,rgba(17,11,15,.96) 0%,rgba(20,12,17,.86) 35%,rgba(16,12,13,.3) 82%); } body.site-release-v28 .blackhand-home.storefront-home .hero-image{filter:grayscale(1) sepia(.12) contrast(1.13);object-position:center 52%;} body.site-release-v28 img[data-era-archive="1940s"]{filter:grayscale(1) sepia(.13) contrast(1.08);object-fit:cover;} body.site-release-v28 .service-card, body.site-release-v28 .bh-collection, body.site-release-v28 .bh-spotlight, body.site-release-v28 .jl-finder-card, body.site-release-v28 .bomba-detail{border-radius:1px!important;} body.site-release-v28 .blackhand-home.storefront-home .service-card{ border:1px solid #8d6a49;border-top:3px double var(--archive-gold); background:#1d1519;box-shadow:0 8px 24px #07040566; } body.site-release-v28 .blackhand-home.storefront-home .service-card a{color:#efd3a2;} body.site-release-v28 .blackhand-home.storefront-home .bh-collections{background:#201419;border-block:4px double var(--archive-gold);} body.site-release-v28 .blackhand-home.storefront-home .bh-spotlight{background:#27191f;} body.site-release-v28 .blackhand-home.storefront-home .principle-strip{border-block:3px double #9e805c;background:#24171b;} body.site-release-v28 .blackhand-home.storefront-home .bh-spotlight-visual img, body.site-release-v28 .bomba-heritage .bomba-image img{object-position:center 45%;} body.site-release-v28 .era-archive-intro{ display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:clamp(30px,6vw,100px); align-items:center;padding:clamp(55px,7vw,100px) max(5%,calc((100vw - 1360px)/2)); background:linear-gradient(125deg,#f0e3cb,#e2d0b2);color:#23151a; border-top:7px double #967043;border-bottom:7px double #967043; } body.site-release-v28 .era-archive-intro .eyebrow{color:#6d3b30;font-weight:700;} body.site-release-v28 .era-archive-intro h2{ font-family:BlackHandCinzel,Georgia,serif!important; color:#2a171b;font-size:clamp(35px,4.2vw,65px);line-height:1.17;letter-spacing:.015em; } body.site-release-v28 .era-archive-intro h2 em{font-style:italic;color:#6b2731;} body.site-release-v28 .era-archive-intro p{color:#49353c;max-width:760px;line-height:1.75;} body.site-release-v28 .era-archive-intro .era-archive-source{ border-block:2px solid #a38a66;padding:14px 0;font:600 11px/1.8 Oswald,Arial,sans-serif; letter-spacing:.12em;color:#61404a; } body.site-release-v28 .era-archive-portrait{position:relative;margin:0;padding:13px;background:#f8edda;border:1px solid #916f4d;box-shadow:14px 15px 0 #7a523b;} body.site-release-v28 .era-archive-portrait img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;} body.site-release-v28 .era-archive-portrait figcaption{padding:12px 5px 2px;color:#543d3d;font:12px/1.6 Georgia,serif;} body.site-release-v28 .era-archive-portrait a,body.site-release-v28 .era-archive-link{color:#602738;text-underline-offset:4px;} body.site-release-v28 .era-archive-portrait figcaption a{color:#5c1731;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;} body.site-release-v28 .era-archive-link{ display:inline-block;margin-top:10px;padding:12px 20px; border:2px solid #8b704d;font:700 13px/1.3 Oswald,Arial,sans-serif; letter-spacing:.06em;text-decoration:none; } body.site-release-v28 .era-archive-link:hover{background:#ead3b3;} body.site-release-v28 .era-archive-link:focus-visible, body.site-release-v28 .era-archive-portrait a:focus-visible{outline:3px solid #613242;outline-offset:4px;} body.site-release-v28 .blackhand-home.storefront-home .button.primary{ background:#592834;border:2px double #c6a16a;border-radius:1px;box-shadow:none; } body.site-release-v28 .blackhand-home.storefront-home .button.primary:hover{background:#71313d;} body.site-release-v28 .blackhand-home.storefront-home .bh-collection-copy{background:linear-gradient(0deg,#140d10bb,transparent);padding:10px;} @media(max-width:800px){ body.site-release-v28 .era-archive-intro{grid-template-columns:1fr;gap:28px;padding:50px 6%;} body.site-release-v28 .era-archive-portrait{max-width:520px;margin:0 auto;} body.site-release-v28 .blackhand-home.storefront-home .hero::before{ background:linear-gradient(0deg,rgba(18,11,16,.97),rgba(19,11,15,.6) 80%); } } @media(prefers-reduced-motion:reduce){ body.site-release-v28 img[data-era-archive="1940s"]{transition:none!important;} } /* WCAG 1.4.1: identify the historical source link without relying on color alone. */ body.site-release-v28 .era-archive-portrait figcaption a{color:#602738;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;} body.site-release-v28 .era-archive-portrait figcaption a:hover{text-decoration-style:double;} /* October 19 layout audit: reduce above-the-fold height and reading fatigue. */ body.site-release-v28 .blackhand-home.storefront-home .hero{min-height:580px} body.site-release-v28 .blackhand-home.storefront-home .hero-content{padding-top:70px;padding-bottom:80px} body.site-release-v28 .blackhand-home.storefront-home .storefront-featured{padding-top:64px;padding-bottom:66px} body.site-release-v28 .blackhand-home.storefront-home .storefront-featured .section-heading{margin-bottom:27px} body.site-release-v28 .blackhand-home.storefront-home .bh-spotlight{min-height:440px} body.site-release-v28 .blackhand-home.storefront-home .bh-spotlight-visual{min-height:390px} @media(max-width:720px){ body.site-release-v28 .blackhand-home.storefront-home .hero{min-height:550px} body.site-release-v28 .blackhand-home.storefront-home .hero-content{padding-top:44px;padding-bottom:60px} body.site-release-v28 .blackhand-home.storefront-home .storefront-featured{padding-top:49px;padding-bottom:54px} body.site-release-v28 .blackhand-home.storefront-home .bh-spotlight-visual{min-height:290px} }