@import url("https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap");
/* blackhand-period-f4c-audit20261020.css */
/* Black Hand: period-inspired print typography; official logo excluded. */
body.site-release-v28{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:17px;line-height:1.65}
body.site-release-v28 main h1,body.site-release-v28 main h2,body.site-release-v28 main h3{font-family:"Bodoni MT",Didot,"Times New Roman",serif!important;font-weight:700;letter-spacing:.015em;line-height:1.15}
body.site-release-v28 .nav-shell nav a,body.site-release-v28 .menu-button,body.site-release-v28 .eyebrow,body.site-release-v28 .site-footer .footer-column h2{font-family:Oswald,"Arial Narrow",Arial,sans-serif;font-weight:500;letter-spacing:.08em}
body.site-release-v28 button,body.site-release-v28 input,body.site-release-v28 select,body.site-release-v28 textarea{font-family:"Times New Roman",Times,serif}
body.site-release-v28 .bar-disclosure,body.site-release-v28 .header-telemetry,body.site-release-v28 .mobile-actionbar{font-family:Arial,Helvetica,sans-serif}

/* Mob-era visual direction: Art Deco geometry, letterpress panels, postwar chrome.
   Presentation only; official logo and commercial controls remain unchanged. */
body.site-release-v28{--era-gold:#d6b77d;--era-ivory:#f2e8d9;--era-burgundy:#542431}
body.site-release-v28 main h1,body.site-release-v28 main h2{font-family:BlackHandCinzel,"Bodoni MT",Didot,Georgia,serif!important;letter-spacing:.025em}
body.site-release-v28 main h3{font-family:"Bodoni MT",Didot,Georgia,serif!important}
body.site-release-v28 .site-header{border-bottom:3px double #9c7841}
body.site-release-v28 .site-footer{border-top:3px double #9c7841}
body.site-release-v28 main .eyebrow{font-family:Oswald,"Arial Narrow",Arial,sans-serif;letter-spacing:.16em;line-height:1.7}
body.site-release-v28 .blackhand-home.storefront-home .hero h1{letter-spacing:.015em;line-height:1.12;text-shadow:0 2px 24px #000}
body.site-release-v28 .blackhand-home.storefront-home .hero h1 em{color:#e6c78d;font-style:normal}
body.site-release-v28 .blackhand-home.storefront-home .pb-service-panel{background:linear-gradient(135deg,#f5ecdc,#e8dcc5);border-block:5px double #806740}
body.site-release-v28 .blackhand-home.storefront-home .pb-service-panel h2{letter-spacing:.015em}
body.site-release-v28 .blackhand-home.storefront-home :is(.button.primary,.bh-storefront-link){border-radius:2px;border:1px solid #d6b77d;box-shadow:inset 0 0 0 3px #542431,inset 0 0 0 4px #b38e56;background:#542431;color:#fff5e4}
body.site-release-v28 .blackhand-home.storefront-home :is(.service-card,.bh-collection,.jl-tip){border-radius:2px;border-top:3px double #b38e56}
body.site-release-v28 .blackhand-home.storefront-home .jl-finder-card{border-top:3px double #9c7841;background:linear-gradient(145deg,#fffaf2,#eee3d0)}
body.site-release-v28 .blackhand-home.storefront-home .jl-finder-arrow{border-radius:2px}
body.site-release-v28 .blackhand-home.storefront-home :is(.bh-collections,.jl-tips,.noir-heritage){border-block:3px double #806740}
body.site-release-v28 .blackhand-home.storefront-home .bh-spotlight{background:linear-gradient(120deg,#130f11,#321d24)}
body.site-release-v28 .blackhand-home.storefront-home .era-design-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0;padding:22px 0;border-block:3px double #806740}
body.site-release-v28 .blackhand-home.storefront-home .era-design-notes article{min-width:0;padding:12px 16px;border-left:1px solid #806740}
body.site-release-v28 .blackhand-home.storefront-home .era-design-notes h3{color:#f2e8d9;margin:10px 0;font-size:clamp(21px,2vw,28px)}
body.site-release-v28 .blackhand-home.storefront-home .era-design-notes small{color:#d6b77d;font:500 12px/1.5 Oswald,Arial,sans-serif;letter-spacing:.1em}
body.site-release-v28 .blackhand-home.storefront-home .era-design-notes p{color:#ded0c3;font-size:16px;line-height:1.65;margin:0}
body.site-release-v28 main a:focus-visible{outline:3px solid #d6b77d;outline-offset:4px}
@media(max-width:720px){body.site-release-v28 .blackhand-home.storefront-home .era-design-notes{grid-template-columns:1fr;gap:12px}body.site-release-v28 .blackhand-home.storefront-home .hero h1{font-size:clamp(35px,8.5vw,58px)}}
@media(prefers-reduced-motion:reduce){body.site-release-v28 .blackhand-home.storefront-home :is(.service-card,.bh-collection img,.jl-tip,.jl-finder-card){transition:none;transform:none}}


/* 1920s–1950s hierarchy: device-installed historical faces with licensed local fallbacks.
   Cinzel and Oswald are modern companions, not period-original typefaces. */
body.site-release-v28{
 --type-deco:Broadway,"BlackHandCinzel","Bodoni MT",Didot,Georgia,serif;
 --type-geometric:Futura,"Century Gothic","Avenir Next",Avenir,Arial,sans-serif;
 --type-headline:"Alternate Gothic","News Gothic",Oswald,"Arial Narrow",Arial,sans-serif;
 --type-editorial:"Century Expanded",Century,"Times New Roman",Times,"Liberation Serif",serif;
 font-family:var(--type-editorial);font-size:17px;line-height:1.65;
}
body.site-release-v28 main h1,
body.site-release-v28 .blackhand-home.storefront-home :is(.bh-storefront-heading,.bh-spotlight-copy,.jl-finder-intro,.jl-tips-heading) h2{
 font-family:var(--type-deco)!important;font-weight:700;letter-spacing:.025em;line-height:1.14;text-wrap:balance;
}
body.site-release-v28 main :is(.service-card,.auto-card-copy,.jl-tip) :is(h2,h3),
body.site-release-v28 .blackhand-home.storefront-home :is(.jl-finder-card,.bh-collection-copy)>strong{
 font-family:var(--type-headline)!important;font-weight:500;letter-spacing:.025em;line-height:1.25;
}
body.site-release-v28 .nav-shell nav a,
body.site-release-v28 .menu-button,
body.site-release-v28 main :is(.button,.btn,.bh-storefront-link,.pb-quick-actions a){
 font-family:var(--type-geometric);font-weight:600;letter-spacing:.055em;
}
body.site-release-v28 main :is(.eyebrow,.jl-vin-kicker,.bh-collection-copy small),
body.site-release-v28 .site-footer .footer-column h2{
 font-family:var(--type-headline);font-weight:500;letter-spacing:.12em;line-height:1.5;
}
body.site-release-v28 main :is(p,li,dd){font-family:var(--type-editorial)}
body.site-release-v28 main :is(.hero-content,.bh-spotlight-copy) p{line-height:1.7}
body.site-release-v28 main .hero h1 em{font-style:normal}
@media(max-width:540px){
 body.site-release-v28 .nav-shell nav a{font-size:14px;letter-spacing:.025em}
 body.site-release-v28 main h1{font-size:clamp(30px,8vw,43px);letter-spacing:.01em;line-height:1.14}
 body.site-release-v28 .blackhand-home.storefront-home .hero h1{font-size:clamp(30px,8vw,43px);line-height:1.14}
 body.site-release-v28 main :is(.button,.btn,.pb-quick-actions a){letter-spacing:.025em;white-space:normal}
}

/* Designer audit: readable keyboard bypass and comfortable footer targets. */
body.site-release-v28 .skip-link{background:#f2e8d9;color:#100e0f;min-height:44px;padding:12px 18px}
body.site-release-v28 .skip-link:focus{outline:3px solid #d6b77d;outline-offset:3px}
body.site-release-v28 .footer-column a,body.site-release-v28 .footer-email{display:flex;align-items:center;min-height:44px;padding-block:8px}

/* blackhand-airbrush-calligraphy-v1.css */

/* The Black Hand Automotive — airbrushed golden-era brand, 19 October 2026.
   Primary owner-approved black ink handprint logo is NOT transformed. */
body.site-release-v28 {
  --airbrush-black:#0a0809;--airbrush-wine:#4b1a28;--airbrush-wine-deep:#250e18;
  --airbrush-gold:#e4bf76;--airbrush-bright:#ffe7a9;--airbrush-ivory:#f6ecd9;
  --airbrush-border:rgba(230,182,107,.48);
  background:var(--airbrush-black);color:var(--airbrush-ivory);
}
body.site-release-v28 :is(.site-header,.site-footer){border-color:var(--airbrush-border);}
body.site-release-v28 .header-telemetry{background:var(--airbrush-wine-deep);}
body.site-release-v28 .bar-disclosure{background:#120d12;border-color:var(--airbrush-border);}
body.site-release-v28 :is(.nav-shell nav a,.brand-lockup small):hover{color:var(--airbrush-bright);}
body.site-release-v28 main :is(h1,h2) {
  font-family:"Pinyon Script","Snell Roundhand","Apple Chancery","Brush Script MT",cursive!important;
  font-weight:400!important;letter-spacing:.015em!important;
  line-height:1.08!important;text-transform:none;color:var(--airbrush-gold)!important;
  text-shadow:0 2px 1px #000,0 0 18px #7c431a44;
  overflow-wrap:normal;
}
body.site-release-v28 main h1{font-size:clamp(3rem,6vw,6.4rem)!important;}
body.site-release-v28 main h2{font-size:clamp(2.75rem,4.75vw,5.1rem)!important;}
body.site-release-v28 main :is(h3,h4){
  font-family:BlackHandCinzel,Georgia,serif!important;letter-spacing:.035em;
  color:var(--airbrush-ivory);
}
body.site-release-v28 main :is(h1,h2) em{font:inherit;color:var(--airbrush-bright)!important;}
body.site-release-v28 main .eyebrow{color:var(--airbrush-gold);font-family:Oswald,Arial,sans-serif;}
body.site-release-v28 :is(a,button,summary):focus-visible{outline:3px solid var(--airbrush-bright);outline-offset:3px;}
/* The six airbrushed art panels must not be tinted or treated as old photographs. */
body.site-release-v28 img[data-airbrush-art="original"]{
  filter:none!important;-webkit-filter:none!important;
  mix-blend-mode:normal;opacity:1!important;image-rendering:auto;
}
body.site-release-v28 img[data-airbrush-art="original"]:hover{filter:none!important;}
/* Put the full commissioned hero visual above copy so baked-in gold lettering
   is never obscured by an HTML headline or an unreadable dark gradient. */
body.site-release-v28 .blackhand-home.storefront-home .hero{
  display:flex!important;flex-direction:column;
  min-height:0!important;height:auto!important;max-height:none!important;
  background:var(--airbrush-black);border-block:2px solid var(--airbrush-border);isolation:isolate;
}
body.site-release-v28 .blackhand-home.storefront-home .hero::before,
body.site-release-v28 .blackhand-home.storefront-home .hero::after{display:none!important;}
body.site-release-v28 .blackhand-home.storefront-home .hero>picture{
  display:block;position:relative!important;inset:auto!important;z-index:0;
  width:100%;line-height:0;background:#090709;
}
body.site-release-v28 .blackhand-home.storefront-home .hero .hero-image{
  display:block;position:relative!important;inset:auto!important;
  z-index:0!important;width:100%;height:auto!important;max-height:680px!important;
  object-fit:contain!important;object-position:center!important;
  border:0;filter:none!important;
}
body.site-release-v28 .blackhand-home.storefront-home .hero-content{
  position:relative!important;z-index:2;
  box-sizing:border-box;width:min(100%,1250px);max-width:1250px!important;
  padding:clamp(26px,4.5vw,65px) clamp(20px,6vw,90px)!important;
  margin-inline:auto;
  background:linear-gradient(100deg,#160d13f7,#2a111aba 75%,transparent);
}
body.site-release-v28 .blackhand-home.storefront-home .hero h1{
  max-width:990px!important;font-size:clamp(3.35rem,6vw,6.8rem)!important;
  text-shadow:0 4px 16px #0009;
}
body.site-release-v28 .blackhand-home.storefront-home .hero-content>p:not(.eyebrow){
  color:#f2e6d4;max-width:850px;font-size:clamp(14px,1.12vw,18px);
}
body.site-release-v28 .blackhand-home.storefront-home .hero-caption{display:none!important;}
body.site-release-v28 .blackhand-home.storefront-home .scroll-cue{display:none!important;}
body.site-release-v28 .blackhand-home .service-art{height:240px;border:1px solid var(--airbrush-border);background:#190d11;}
body.site-release-v28 .blackhand-home .service-art img[data-airbrush-art="original"]{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .35s ease;
}
body.site-release-v28 .blackhand-home .service-card:hover .service-art img[data-airbrush-art="original"]{transform:scale(1.015);}
body.site-release-v28 .blackhand-home .service-art:not(:has(img)){display:none!important;}
body.site-release-v28 .blackhand-home .service-card{
  background:linear-gradient(145deg,#221218,#100b0e)!important;
  border:1px solid var(--airbrush-border)!important;
  padding:14px!important;
  box-shadow:0 12px 36px #0006!important;
}
body.site-release-v28 .blackhand-home .service-card h3{
  font-size:clamp(1.18rem,1.4vw,1.55rem);color:var(--airbrush-gold)!important;
}
body.site-release-v28 .blackhand-home .button.primary{
  color:var(--airbrush-ivory)!important;background:var(--airbrush-wine)!important;
  border:1px solid var(--airbrush-gold)!important;box-shadow:0 3px 18px #0005;
}
body.site-release-v28 .blackhand-home .button.primary:hover{background:#733042!important;}
body.site-release-v28 .blackhand-home .principle-strip{
  border-color:var(--airbrush-border);background:var(--airbrush-wine-deep);
}
body.site-release-v28 .era-archive-intro{background:linear-gradient(110deg,#1b1016,#0f0a0d);border-color:var(--airbrush-border);}
body.site-release-v28 .era-archive-portrait img[data-airbrush-art="original"]{
  width:100%;height:auto;max-height:520px;object-fit:contain;
  background:#130a0f;border:1px solid var(--airbrush-border);
}
body.site-release-v28 .blackhand-home :is(.feature-visual,.bh-spotlight-visual,.bh-collection-image):not(:has(img)){display:none!important;}
body.site-release-v28 .blackhand-home .standard-feature:has(.feature-visual:not(:has(img))){grid-template-columns:1fr;}
body.site-release-v28 .blackhand-home .hero-status-line{border-color:var(--airbrush-gold);color:#f7e4bd;}
body.site-release-v28 main :is(.section,.story,.bh-collections,.bh-spotlight){border-color:var(--airbrush-border);}
@media(max-width:700px){
  body.site-release-v28 .blackhand-home.storefront-home .hero .hero-image{
    max-height:none!important;aspect-ratio:1600/900;
  }
  body.site-release-v28 .blackhand-home.storefront-home .hero-content{
    padding:28px 20px 40px!important;background:#1b1016;
  }
  body.site-release-v28 .blackhand-home.storefront-home .hero h1{font-size:clamp(3.1rem,11vw,5rem)!important;}
  body.site-release-v28 .blackhand-home .service-art{height:220px;}
  body.site-release-v28 main h2{font-size:clamp(2.8rem,10vw,4.4rem)!important;}
}
@media(prefers-reduced-motion:reduce){
  body.site-release-v28 img[data-airbrush-art="original"]{transform:none!important;transition:none!important;}
}

/* Secondary service pages carry no editorial illustrations by design. */
body.site-release-v28 .auto-photo-grid--text-only{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding-block:clamp(42px,5vw,72px);
}
body.site-release-v28 .auto-photo-grid--text-only .auto-photo-copy{max-width:900px}
