/* Shared category covers: text stays readable independently of the artwork. */
#content .cn-category-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:240px;box-sizing:border-box;overflow:hidden;background:#101318;color:#fff;border-bottom:4px solid #ffcf00;}
#content .cn-category-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;}
#content .cn-category-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,19,24,.98),rgba(16,19,24,.86) 40%,rgba(16,19,24,.12) 75%);z-index:-1;}
#content .cn-category-hero__copy{padding:32px 40px;max-width:62%;box-sizing:border-box;}
#content .cn-category-hero__accent{display:block;width:44px;height:4px;background:#ffcf00;margin-bottom:16px;border-radius:2px;}
#content .cn-category-hero h1{color:#fff;background:none;border:0;padding:0;margin:0 0 12px;font-size:40px;font-weight:700;line-height:1.12;letter-spacing:-.6px;}
#content .cn-category-hero p{color:#f1f3f5;margin:0;padding:0;font-size:18px;line-height:1.5;}
@media(max-width:768px){
#content .cn-category-hero{min-height:208px;}
#content .cn-category-hero__copy{max-width:100%;padding:24px;}
#content .cn-category-hero__image{object-position:72% center;opacity:.42;}
#content .cn-category-hero:after{background:linear-gradient(90deg,rgba(16,19,24,.94),rgba(16,19,24,.68));}
#content .cn-category-hero h1{font-size:30px;line-height:1.15;letter-spacing:-.3px;}
#content .cn-category-hero p{font-size:16px;line-height:1.5;max-width:34em;}
}