/* Black Hand Automotive — owner-approved Glass & Noir, 2026-10-20.
   Presentation only. Original handprint, content and operating controls preserved. */
body.site-release-v28{--noir-glass:rgba(17,20,25,.64);--noir-edge:rgba(241,218,179,.34);--noir-highlight:rgba(255,247,229,.17)}
html body.site-release-v28 .site-header{background:linear-gradient(120deg,rgba(20,22,28,.84),rgba(35,29,30,.76))!important;backdrop-filter:blur(16px) saturate(112%);-webkit-backdrop-filter:blur(16px) saturate(112%);border-bottom:1px solid var(--noir-edge)!important;box-shadow:0 15px 40px #0006,inset 0 1px 0 var(--noir-highlight)!important}
html body.site-release-v28 .site-header .header-telemetry{background:rgba(8,10,14,.56)!important}
html body.site-release-v28 .site-header .bar-disclosure{background:rgba(49,43,37,.6)!important}
html body.site-release-v28 .bhm-hero{position:relative;isolation:isolate;overflow:hidden;background:#101216!important;border-bottom:1px solid #91724f66;padding-block:clamp(34px,5vw,64px)}
html body.site-release-v28 .bhm-hero::before{content:"";position:absolute;inset:-12px;z-index:0;pointer-events:none;background:linear-gradient(100deg,rgba(8,11,16,.72),rgba(26,19,20,.47) 58%,rgba(8,10,15,.64)),url("/assets/blackhand-airbrush-hero-v1.webp") center/cover no-repeat;filter:blur(5px) grayscale(.48) saturate(.78);opacity:.9}
html body.site-release-v28 .bhm-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 65% 24%,rgba(225,177,106,.17),transparent 52%),radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.69) 100%),repeating-linear-gradient(0deg,rgba(255,246,220,.025) 0,rgba(255,246,220,.025) 1px,transparent 1px,transparent 4px);box-shadow:inset 0 -45px 70px #0006}
html body.site-release-v28 .bhm-hero>.wrap{position:relative;z-index:2}
html body.site-release-v28 .bhm-hero-grid{gap:clamp(24px,3vw,42px);grid-template-columns:minmax(0,1.03fr) minmax(0,1.12fr)}
html body.site-release-v28 .bhm-hero .bhm-intro{position:relative;min-width:0;padding:clamp(24px,3vw,40px);background:linear-gradient(135deg,rgba(114,110,105,.25),rgba(13,17,23,.64) 52%,rgba(53,34,39,.57))!important;border:1px solid var(--noir-edge);border-radius:24px;backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%);box-shadow:0 26px 70px #0008,inset 0 1px 0 rgba(255,247,229,.25),inset 1px 0 0 rgba(255,247,229,.09),inset 0 -1px 0 #0009}
html body.site-release-v28 .bhm-hero .bhm-intro h1{font-size:clamp(36px,4.7vw,64px)!important;line-height:1.12!important;letter-spacing:-.025em!important}
html body.site-release-v28 .bhm-hero .bhm-intro :is(h1,h2){color:#fff5e5!important;text-shadow:0 2px 16px #0008!important}
html body.site-release-v28 .bhm-hero .bhm-intro p:not(.bhm-kicker):not(.bhm-status):not(.bhm-caption){color:#e0dcd4!important;font-size:clamp(16px,1.45vw,19px)!important}
html body.site-release-v28 .bhm-hero .bhm-status{background:rgba(35,29,21,.75)!important;border-color:#b49461aa!important;box-shadow:inset 0 1px 0 #fff1}
html body.site-release-v28 .bhm-hero .bhm-hero-art{min-width:0;padding:12px;background:linear-gradient(145deg,rgba(239,218,182,.16),rgba(19,21,27,.44) 46%,rgba(63,39,42,.37));border:1px solid rgba(235,206,160,.3);border-radius:22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 28px 65px #0008,inset 0 1px 0 #fff2}
html body.site-release-v28 .bhm-hero-art img{filter:grayscale(.24) saturate(.8) contrast(1.09)!important;border-radius:12px!important}
html body.site-release-v28 .bhm-hero-art figcaption{padding:0 4px 3px;color:#ddd0bb!important}
html body.site-release-v28 .bhm-section:not(.bhm-light){background:radial-gradient(ellipse at 8% 0%,rgba(145,103,63,.1),transparent 52%),radial-gradient(ellipse at 95% 100%,rgba(95,39,53,.09),transparent 55%),rgba(12,14,18,.7)}
html body.site-release-v28 :is(.bhm-card,.service-card,.noir-contact-card,.standard-feature,.bhm-panel){background:linear-gradient(138deg,rgba(115,113,110,.23),rgba(20,24,31,.66) 45%,rgba(54,33,39,.57))!important;border:1px solid var(--noir-edge)!important;border-radius:18px!important;backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);box-shadow:0 20px 48px #0005,inset 0 1px 0 var(--noir-highlight),inset 0 -1px 0 #0009!important}
html body.site-release-v28 .bhm-card>div{background:linear-gradient(120deg,rgba(255,245,222,.045),transparent 65%)}
html body.site-release-v28 .bhm-card>img{filter:grayscale(.22) saturate(.8) contrast(1.08)!important}
html body.site-release-v28 .bhm :is(.bhm-card,.bhm-panel) :is(h2,h3,strong){color:#f4eddf!important}
html body.site-release-v28 .bhm :is(.bhm-card,.bhm-panel) :is(p,li){color:#d8d2c8!important}
html body.site-release-v28 .bhm-faq details{background:linear-gradient(120deg,rgba(255,244,222,.065),rgba(17,20,25,.5));border:1px solid #c4a57944;border-radius:12px;margin-bottom:12px;padding-inline:18px;box-shadow:inset 0 1px 0 #fff1}
html body.site-release-v28 .bhm-faq details p{color:#d8d2c8!important}
html body.site-release-v28 .bhm-principles{background:linear-gradient(110deg,rgba(57,49,39,.58),rgba(14,18,24,.85))!important;border-color:#b4956255}
html body.site-release-v28 .bhm-final{background:radial-gradient(ellipse at 70% 20%,rgba(173,125,70,.13),transparent 65%),linear-gradient(130deg,#17191e,#161217)!important;box-shadow:inset 0 1px 0 #ebd0a633}
html body.site-release-v28 .bhm .bhm-button{background:linear-gradient(145deg,#ead2a6,#c4a06a)!important;border-color:#f0d7ae!important;box-shadow:0 7px 0 #0004,0 15px 30px #0005,inset 0 1px 0 #fff8!important;color:#151413!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body.site-release-v28 .bhm-card{transition:border-color .22s ease,box-shadow .22s ease}html body.site-release-v28 .bhm-card:hover{border-color:#e4c28a99!important;box-shadow:0 25px 55px #0008,inset 0 1px 0 #fff4!important}}
@media(max-width:900px){html body.site-release-v28 .bhm-hero-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:640px){html body.site-release-v28 .bhm-hero .bhm-intro{padding:22px 20px;border-radius:18px;backdrop-filter:blur(9px) saturate(110%);-webkit-backdrop-filter:blur(9px) saturate(110%)}html body.site-release-v28 .bhm-hero .bhm-intro h1{font-size:clamp(30px,8.4vw,42px)!important}html body.site-release-v28 .bhm-hero .bhm-hero-art{padding:9px;border-radius:16px}html body.site-release-v28 .bhm-hero::before{filter:blur(3px) grayscale(.4)}html body.site-release-v28 :is(.bhm-card,.service-card,.noir-contact-card,.standard-feature,.bhm-panel){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body.site-release-v28 .bhm-hero .bhm-intro,html body.site-release-v28 :is(.bhm-card,.service-card,.noir-contact-card,.standard-feature,.bhm-panel){background:linear-gradient(130deg,#27292d,#141820 60%,#241a20)!important}}
@media(prefers-reduced-transparency:reduce){html body.site-release-v28 .site-header,html body.site-release-v28 .bhm-hero .bhm-intro,html body.site-release-v28 .bhm-hero .bhm-hero-art,html body.site-release-v28 :is(.bhm-card,.service-card,.noir-contact-card,.standard-feature,.bhm-panel){background:#191c22!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body.site-release-v28 .bhm-hero::after{background:radial-gradient(ellipse at center,transparent 30%,#0008 100%)}}
@media(prefers-reduced-motion:reduce){html body.site-release-v28 :is(.bhm-card,.bhm-button,.bhm-hero-art img){animation:none!important;transition:none!important;transform:none!important}}

/* Universal Glass / Noir / 3D — The Black Hand Automotive, 2026-10-20.
   Shared by every HTML page; no changes to content, logo or commercial controls. */
html body.site-release-v28.site-effects-3d{--fx-edge:rgba(240,213,173,.38);--fx-glass:rgba(23,27,34,.69);--fx-shadow:0 1px 0 #f9e6c329,0 3px 0 #161519,0 7px 0 #050608,0 24px 48px #0007;--fx-panel:linear-gradient(135deg,rgba(125,122,117,.22),rgba(19,23,30,.75) 48%,rgba(62,37,44,.57));background:radial-gradient(ellipse at 8% 15%,#73523921,transparent 42%),radial-gradient(ellipse at 94% 65%,#602c3b26,transparent 48%),#0c0f14!important}
html body.site-release-v28.site-effects-3d main{position:relative;isolation:isolate;min-width:0}
html body.site-release-v28.site-effects-3d main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 0%,#e0b5771f,transparent 35%),radial-gradient(ellipse at 95% 50%,#8c3b501c,transparent 40%),repeating-linear-gradient(0deg,#fff7e803 0,#fff7e803 1px,transparent 1px,transparent 5px)}
html body.site-release-v28.site-effects-3d main>.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 18%,#b58b5540,transparent 58%),linear-gradient(115deg,#10141c,#241a20)!important;border-bottom:1px solid #d2ae7355!important;overflow:clip}
html body.site-release-v28.site-effects-3d main>.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0e16d9,#1b161dcc),url("/assets/blackhand-airbrush-hero-v1.webp") center/cover;filter:grayscale(.65);opacity:.62}
html body.site-release-v28.site-effects-3d main>.hero>.wrap,
html body.site-release-v28.site-effects-3d main>.section>.wrap,
html body.site-release-v28.site-effects-3d .bhm-section>.wrap{position:relative;min-width:0;background:var(--fx-panel)!important;border:1px solid var(--fx-edge)!important;border-radius:22px;padding:clamp(22px,3vw,38px)!important;backdrop-filter:blur(14px) saturate(116%);-webkit-backdrop-filter:blur(14px) saturate(116%);box-shadow:var(--fx-shadow)!important}
html body.site-release-v28.site-effects-3d main>.hero>.wrap{background:linear-gradient(125deg,#a99e8c26,#0c121ac4 58%,#3b242b80)!important;border-top-color:#f1d4a580!important;box-shadow:0 1px 0 #fff3,0 5px 0 #080b10,0 28px 65px #0008,inset 0 1px 0 #fff2!important}
html body.site-release-v28.site-effects-3d main>.hero>.wrap::after,
html body.site-release-v28.site-effects-3d main>.section>.wrap::after,
html body.site-release-v28.site-effects-3d .bhm-section>.wrap::after{content:"";position:absolute;pointer-events:none;inset:4px;border:1px solid #f4d5a510;border-radius:18px}
html body.site-release-v28.site-effects-3d main>.section,
html body.site-release-v28.site-effects-3d .bhm-section{background:transparent!important;border-bottom-color:#bfa37226!important}
html body.site-release-v28.site-effects-3d .bhm-light{background:linear-gradient(120deg,#181c23,#21181e)!important}
html body.site-release-v28.site-effects-3d .bhm-light :is(h2,p,strong){color:#e5ded2!important}
html body.site-release-v28.site-effects-3d main :is(.prose,.auto-photo-copy,.bhm-resource){color:#ddd7ce!important}
html body.site-release-v28.site-effects-3d main :is(h1,h2,h3,h4,summary){color:#f5ecdd!important}
html body.site-release-v28.site-effects-3d main :is(p,li,dd,dt){color:#d7d1c7!important}
html body.site-release-v28.site-effects-3d main :is(.eyebrow,.bhm-kicker,.auto-card-tag,.qualification-number){color:#e2c38e!important}
html body.site-release-v28.site-effects-3d main :is(.prose,.bhm-resource) a:not(.btn):not(.button):not(.bhm-button){color:#ead09f!important;text-decoration:underline;text-underline-offset:4px}
html body.site-release-v28.site-effects-3d main>.hero h1,
html body.site-release-v28.site-effects-3d .bhm-intro h1{text-shadow:0 2px 0 #06090c,0 5px 1px #0005,0 14px 24px #0009!important}
html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.standard-feature,.bh-panel,.bhm-panel,.journey-card),
html body.site-release-v28.site-effects-3d main .qualification-grid>article{position:relative;min-width:0;background:linear-gradient(138deg,#8e8b862b,#151b24b8 46%,#4429328c)!important;border:1px solid var(--fx-edge)!important;border-top-color:#f2d6a96e!important;border-radius:18px!important;box-shadow:var(--fx-shadow),inset 0 1px 0 #fff2,inset 0 -1px 0 #0009!important;backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);transform:translateZ(0)}
html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.bh-panel,.bhm-panel) :is(h2,h3){font-size:clamp(22px,2.2vw,28px)!important;line-height:1.22!important}
html body.site-release-v28.site-effects-3d main .guide-card{padding:24px!important}
html body.site-release-v28.site-effects-3d main .auto-card-copy{background:linear-gradient(125deg,#fff4dc0b,transparent 70%)!important}
html body.site-release-v28.site-effects-3d main :is(.auto-card-copy,.guide-card,.bh-panel,.bhm-panel) :is(a,strong){color:#ebce98!important}
html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.bh-panel,.bhm-panel) p{color:#dcd5ca!important}
html body.site-release-v28.site-effects-3d .bhm-intro,
html body.site-release-v28.site-effects-3d .bhm-hero-art{box-shadow:0 1px 0 #f4ddba55,0 4px 0 #12151a,0 8px 0 #06090d,0 30px 65px #0009,inset 0 1px 0 #fff3!important;border-top-color:#e6c68e88!important}
html body.site-release-v28.site-effects-3d main :is(.hero-actions,.bhm-actions){gap:16px}
html body.site-release-v28.site-effects-3d main :is(.btn,.button,.bhm-button,.service-filter){position:relative;min-height:44px;max-width:100%;border:1px solid #e0c08a99!important;border-radius:11px!important;box-shadow:0 1px 0 #fff4 inset,0 4px 0 #3c3022,0 7px 0 #07090c,0 15px 26px #0006!important;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease}
html body.site-release-v28.site-effects-3d main :is(.btn.primary,.button.primary,.bhm-button){background:linear-gradient(140deg,#eed6ac,#c29c64)!important;color:#14161a!important;text-shadow:0 1px 0 #ffffff40!important}
html body.site-release-v28.site-effects-3d main :is(.btn.secondary,.button.secondary,.service-filter){background:linear-gradient(140deg,#4b4640b3,#141b25d9)!important;color:#f3e9d8!important}
html body.site-release-v28.site-effects-3d main .service-filter[aria-pressed="true"]{background:linear-gradient(140deg,#ead2a7,#bc965f)!important;color:#161513!important}
html body.site-release-v28.site-effects-3d main :is(.btn,.button,.bhm-button,.service-filter):active{transform:translateY(4px)!important;box-shadow:0 1px 0 #fff3 inset,0 2px 0 #07090c,0 7px 16px #0006!important}
html body.site-release-v28.site-effects-3d main .launch-notice{background:linear-gradient(120deg,#51422c99,#161b24e6)!important;color:#f1e3ca!important;border:1px solid #c5a16c99!important;border-radius:12px!important;box-shadow:0 5px 0 #06090d,0 16px 28px #0005,inset 0 1px 0 #fff2!important}
html body.site-release-v28.site-effects-3d main .launch-notice strong{color:#ffe1a9!important}
html body.site-release-v28.site-effects-3d main details{background:linear-gradient(115deg,#80776a1f,#111822a8)!important;border:1px solid #c2a26c55!important;border-radius:12px!important;margin-block:10px!important;padding-inline:18px!important;box-shadow:0 4px 0 #070a0f,0 12px 22px #0004,inset 0 1px 0 #fff1!important}
html body.site-release-v28.site-effects-3d main summary{min-height:48px}
html body.site-release-v28.site-effects-3d main :is(table,pre){max-width:100%;overflow-x:auto}
html body.site-release-v28.site-effects-3d .site-footer{background:linear-gradient(130deg,#151b24e8,#221820ef)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #c7a57480!important;box-shadow:0 -6px 0 #070a0f,0 -20px 45px #0005,inset 0 1px 0 #fff2!important}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.journey-card){transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;transform-origin:center}html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.journey-card):hover{transform:perspective(1100px) translateY(-5px) rotateX(1.2deg) rotateY(-1.2deg)!important;border-color:#ebc68fa6!important;box-shadow:0 1px 0 #fff5,0 6px 0 #13151a,0 12px 0 #040608,0 32px 55px #0009,inset 0 1px 0 #fff3!important}html body.site-release-v28.site-effects-3d main :is(.btn,.button,.bhm-button,.service-filter):hover{transform:perspective(900px) translateY(-2px) rotateX(2deg)!important}}
@media(max-width:1000px){html body.site-release-v28.site-effects-3d main :is(.guide-grid--four,.auto-photo-cards,.qualification-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){html body.site-release-v28.site-effects-3d main>.hero>.wrap,html body.site-release-v28.site-effects-3d main>.section>.wrap,html body.site-release-v28.site-effects-3d .bhm-section>.wrap{padding:22px 18px!important;border-radius:16px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}html body.site-release-v28.site-effects-3d main :is(.guide-grid--four,.guide-grid,.auto-photo-cards,.qualification-grid,.noir-contact-grid){grid-template-columns:minmax(0,1fr)!important}html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.standard-feature,.bh-panel,.bhm-panel,.journey-card){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:none!important}html body.site-release-v28.site-effects-3d main :is(.btn,.button,.bhm-button,.service-filter){white-space:normal;overflow-wrap:break-word}}
@media(hover:none),(pointer:coarse){html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.journey-card){transform:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body.site-release-v28.site-effects-3d main>.hero>.wrap,html body.site-release-v28.site-effects-3d main>.section>.wrap,html body.site-release-v28.site-effects-3d .bhm-section>.wrap,html body.site-release-v28.site-effects-3d main :is(.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.standard-feature,.bh-panel,.bhm-panel){background:linear-gradient(135deg,#2b2d32,#171d27 60%,#2a1b23)!important}}
@media(prefers-reduced-transparency:reduce){html body.site-release-v28.site-effects-3d main>.hero>.wrap,html body.site-release-v28.site-effects-3d main>.section>.wrap,html body.site-release-v28.site-effects-3d .bhm-section>.wrap,html body.site-release-v28.site-effects-3d main :is(.bhm-intro,.bhm-hero-art,.bhm-card,.service-card,.auto-service-card,.guide-card,.noir-contact-card,.standard-feature,.bh-panel,.bhm-panel,.journey-card),html body.site-release-v28.site-effects-3d :is(.site-header,.site-footer){background:#1b2029!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){html body.site-release-v28.site-effects-3d *,html body.site-release-v28.site-effects-3d *::before,html body.site-release-v28.site-effects-3d *::after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}}