/* Desktop-only composition; the accepted mobile/tablet values stay unchanged. */
.v8-hero-picture{display:contents}
.store-v3 .v7-category-hero>.v8-hero-picture>.v7-hero-image{position:absolute;inset:0 0 0 auto;z-index:-2;display:block;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right center;padding:0;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}
.v8-hero-topics{display:none}
@media(min-width:1024px){
 .store-v3 .v7-category-hero[data-hero-theme]{min-height:318px}
 .store-v3 .v7-category-hero>.v8-hero-picture>.v7-hero-image{inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#000 13%)}
 .store-v3 .v7-category-hero::after{background:linear-gradient(90deg,rgba(var(--hero-rgb),1) 0%,rgba(var(--hero-rgb),.98) 24%,rgba(var(--hero-rgb),.9) 34%,rgba(var(--hero-rgb),.46) 45%,rgba(var(--hero-rgb),.05) 57%,rgba(var(--hero-rgb),0) 70%)}
 .store-v3 .v7-category-hero>.v7-hero-copy{width:44%;max-width:44%;min-height:318px;padding:30px 36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
 .store-v3 .v7-category-hero .eyebrow{font-size:12px;letter-spacing:1.6px;margin:0 0 10px}
 .store-v3 .v7-category-hero .v7-hero-title,.store-v3 .directory-heading.v7-category-hero .v7-hero-title{font-size:clamp(34px,3.06vw,44px);line-height:1.28;margin:0 0 12px}
 .store-v3 .v7-category-hero .v7-hero-description{font-size:15px;line-height:1.85;max-width:26em;margin:0 0 15px}
 .store-v3 .v7-category-hero .v8-hero-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px;max-width:100%}
 .v8-hero-topics>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:7px 12px;border:1px solid #c6bba6;border-radius:5px;background:#fffdf8de;color:var(--hero-ink);font:12px/1.5 var(--ui);white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}
 .v8-hero-topics>a>span{font-size:15px;line-height:1;color:var(--hero-accent)}
 .v8-hero-topics>a:hover{background:#fffdf8;border-color:var(--hero-accent)}
 .v8-hero-topics>a:focus-visible{outline:2px solid var(--hero-accent);outline-offset:3px}
 .store-v3 .v7-category-hero .v7-hero-note{font-size:11px;line-height:1.7;margin:0}
}
@media(min-width:1024px) and (max-width:1199px){.store-v3 .v7-category-hero>.v7-hero-copy{padding-left:28px;padding-right:20px}.v8-hero-topics>a{font-size:11px;padding:7px 10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.v8-hero-topics>a{transition:none}}