/* 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}
}