.hero h1 em{font-style:normal;color:#f0cf8d;text-shadow:0 7px 32px #0009}
.hero-image{filter:saturate(.92) contrast(1.04);transform:scale(1.01)}
.hero-overlay{background:linear-gradient(90deg,rgba(3,16,28,.58) 0%,rgba(3,17,29,.34) 52%,rgba(3,17,29,.2) 100%)}
.hero-watermark{position:absolute;z-index:2;left:50%;top:34px;transform:translateX(-50%);display:grid;text-align:center;color:#fff;opacity:.92;text-shadow:0 3px 18px #000;pointer-events:none;white-space:nowrap}
.hero-watermark strong{font-family:var(--serif);font-size:clamp(34px,3.4vw,54px);letter-spacing:.12em;line-height:.9}
.hero-watermark span{font-size:clamp(10px,.85vw,14px);letter-spacing:.34em;font-weight:700;margin-top:11px}.hero-watermark i{display:inline-block;width:44px;height:2px;background:var(--gold);vertical-align:middle;margin-right:10px;box-shadow:0 0 12px #000}
.hero-content:before{content:"";display:block;width:82px;height:5px;background:var(--gold);margin-bottom:25px;box-shadow:22px 0 0 #fff}
.category-directory{background:#eef1f1}
.category-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:45px}
.category-heading h2{font-size:clamp(38px,4.4vw,58px)}
.category-heading>p{color:var(--muted);font-size:18px}
.category-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-group{background:#fff;border-top:4px solid var(--gold);padding:29px;box-shadow:0 14px 35px #0b22300d}
.category-number{font-family:var(--serif);font-size:17px;color:#9a7536}
.category-group h3{font-family:var(--serif);font-size:25px;line-height:1.2;margin:10px 0 18px}
.category-group ul{list-style:none;padding:0;margin:0}
.category-group li{border-top:1px solid var(--line)}
.category-group li a{display:flex;justify-content:space-between;gap:15px;padding:11px 0;font-weight:600;font-size:15px}
.category-group li a:hover{color:#8a682d}
.category-group li span{color:var(--gold)}
.category-all{display:inline-block;margin-top:22px;color:#74551f;font-weight:700;border-bottom:1px solid var(--gold)}
.directory-actions{display:flex;justify-content:center;gap:13px;margin-top:34px;flex-wrap:wrap}
.button-navy{background:var(--navy);border-color:var(--navy);color:#fff}
.button-navy:hover{background:var(--navy2)}
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-visual{background-position:center;background-size:cover}.card-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,32,.22),rgba(4,19,32,.75))}.card-visual>*{position:relative;z-index:1}.card-visual.restaurant{background-image:url('assets/restaurant-card.png')}.card-visual.salon{background-image:url('assets/salon-card.png')}.card-visual.warehouse{background-image:url('assets/industrial-card.png')}.card-visual.featured-business{background-image:url('assets/featured-business-card.png')}
.dual-links{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.dual-links a{background:var(--navy);color:#fff!important;text-align:center;padding:11px;border:1px solid var(--navy)}.dual-links a:last-child{background:#fff;color:#74551f!important;border-color:var(--gold)}
.team{background:#fff}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.team-card{border:1px solid var(--line);padding:31px;display:flex;flex-direction:column;min-height:340px}
.team-initials{width:64px;height:64px;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-family:var(--serif);font-size:22px;margin-bottom:24px}
.team-card h3{font-family:var(--serif);font-size:27px;margin:0}
.team-card>p{color:#8a682d;font-weight:700;margin:4px 0 14px}
.team-card>small{font-size:15px;color:var(--muted);line-height:1.6}
.team-card>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:auto;padding-top:24px}
.team-card a{font-weight:700;border-bottom:1px solid var(--gold)}
.contact-choice{background:#fff;color:var(--ink);padding:30px;display:grid;gap:0}
.contact-choice h3{font-family:var(--serif);font-size:28px;margin:0 0 14px}
.contact-choice>a{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--line);font-weight:700}
.contact-choice>a:hover{color:#8a682d}
.contact-choice span{color:var(--gold)}
@media(max-width:980px){.category-heading{grid-template-columns:1fr}.category-columns,.team-grid{grid-template-columns:1fr 1fr}.category-group:last-child,.team-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.category-columns,.team-grid{grid-template-columns:1fr}.category-group:last-child,.team-card:last-child{grid-column:auto}.directory-actions{display:grid}.category-group{padding:24px}}
.detail-hero{min-height:620px;position:relative;display:grid;align-items:end;padding:90px clamp(24px,8vw,140px);color:#fff;background:url('https://herrerabusinessgroup.com/wp-content/uploads/2026/07/Screenshot-2026-07-09-235130.png') center/cover no-repeat}.detail-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,28,.18),rgba(3,16,28,.55))}.detail-copy{position:relative;z-index:2;max-width:950px}.detail-copy h1{font-family:var(--serif);font-size:clamp(43px,6vw,80px);line-height:1.02;margin:0 0 15px}.detail-copy>p:last-child{font-size:19px;max-width:720px}.detail-results{display:grid;grid-template-columns:1fr .75fr;gap:9vw;padding:80px clamp(24px,8vw,140px);align-items:center;background:var(--cream)}.detail-results h2{font-family:var(--serif);font-size:clamp(34px,4vw,52px);line-height:1.1;margin:0 0 20px}.detail-results p{font-size:18px;color:var(--muted)}.detail-actions{display:grid;gap:12px}.detail-back{text-align:center;font-weight:700;color:#74551f;padding:10px}.category-page footer{grid-template-columns:1.3fr 1fr 1fr}.detail-nav{display:flex!important}.category-page .site-header{position:relative}@media(max-width:760px){.detail-nav{display:none!important}.cards{grid-template-columns:1fr}.detail-hero{min-height:560px;padding-bottom:55px}.detail-results{grid-template-columns:1fr}.category-page footer{grid-template-columns:1fr}}
.hbg-category-restaurant .detail-hero{background-image:url('assets/restaurant-card.png')}.hbg-category-beauty .detail-hero{background-image:url('assets/salon-card.png')}.hbg-category-industrial .detail-hero{background-image:url('assets/industrial-card.png')}.hbg-category-featured .detail-hero{background-image:url('assets/featured-business-card.png');animation:hbg-business-showcase 16s ease-in-out infinite}.hbg-category-featured .detail-overlay{background:linear-gradient(90deg,rgba(3,16,28,.72),rgba(3,16,28,.35)),linear-gradient(180deg,rgba(3,16,28,.15),rgba(3,16,28,.7))}@keyframes hbg-business-showcase{0%,29%{background-image:url('assets/featured-business-card.png')}33%,62%{background-image:url('assets/restaurant-card.png')}66%,95%{background-image:url('assets/salon-card.png')}100%{background-image:url('assets/featured-business-card.png')}}
@media(max-width:700px){.detail-hero{min-height:360px;padding:40px 24px}.detail-copy h1{font-size:clamp(2.2rem,11vw,3.3rem)}.detail-results{display:block;padding:46px 24px}.detail-actions{margin-top:26px}.detail-actions .button{width:100%}.site-header{height:auto;min-height:76px;padding:14px 20px}.detail-nav{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:10px;margin-top:8px}.detail-nav>a{padding:11px 0}.detail-nav .button{width:100%}.category-page footer{display:grid;grid-template-columns:1fr!important;gap:20px}.card-body>div,.dual-links{display:grid!important;grid-template-columns:1fr!important;gap:10px}.dual-links a{display:flex;justify-content:center;width:100%}}