:root {
  --hhh-blue: #1FA6D9;
  --hhh-blue-dark: #1787b3;
  --hhh-black: #030303;
  --hhh-ink: #101010;
  --hhh-line: #e6e6e6;
  --hhh-soft: #f3f3f3;
  --hhh-font-display: "Bebas Neue", "Oswald", "Arial Narrow", Impact, sans-serif;
  --hhh-font-body: "Helvetica Neue", Arial, sans-serif;
}
html { scroll-behavior: smooth; width: 100%; max-width: 100%; overflow-x: clip; }
body { width: 100%; max-width: 100%; overflow-x: clip; position: relative; }
body.hhh-system-active, body.hhh-system-active #page, body.hhh-system-active .site, body.hhh-system-active #content, body.hhh-system-active .site-content { background: #fff !important; color: var(--hhh-ink) !important; font-family: var(--hhh-font-body) !important; max-width: 100% !important; overflow-x: hidden !important; }
body.hhh-system-active .hhh-theme-header-hidden, body.hhh-system-active > header:not(.hhh-site-header), body.hhh-system-active #masthead, body.hhh-system-active .site-header, body.hhh-system-active .wp-site-blocks > header, body.hhh-system-active .wp-block-template-part > header { display: none !important; }
body.hhh-system-active #masthead { display: none !important; background: transparent !important; }
.hhh-site-header, .hhh-site-header * { box-sizing: border-box; }
.hhh-site-header { width: 100%; max-width: 100vw; overflow-x: clip; background: #fff; color: #000; font-family: var(--hhh-font-display); text-transform: uppercase; letter-spacing: 0; position: relative; z-index: 100000; }
.hhh-site-header nav { max-width: 100%; }
.hhh-site-header a { color: inherit !important; text-decoration: none !important; }
.hhh-breaking { height: 70px; display: flex; align-items: stretch; background: #000; color: #fff; overflow: hidden; }
.hhh-breaking-label { width: 237px; min-width: 237px; display: flex; align-items: center; gap: 13px; padding-left: 31px; background: var(--hhh-blue); color: #fff !important; font-size: 31px; font-weight: 900; line-height: 1; }
.hhh-bolt { width: 19px; height: 33px; background: #fff; clip-path: polygon(45% 0, 100% 0, 67% 42%, 98% 42%, 20% 100%, 43% 53%, 0 53%); }
.hhh-breaking-track { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 2px 27px 0; white-space: nowrap; overflow: hidden; font-size: 21px; font-weight: 900; line-height: 1; }
.hhh-breaking-track a { display: inline-flex; align-items: center; gap: 18px; }
.hhh-breaking-track a:not(:last-child)::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--hhh-blue); }
.hhh-masthead { min-height: 200px; display: grid; grid-template-columns: minmax(315px, 1fr) minmax(430px, 560px) minmax(315px, 1fr); align-items: center; padding: 20px 31px; background: #fff !important; }
.hhh-social { display: flex; align-items: center; gap: 14px; justify-self: start; padding-top: 30px; }
.hhh-social a { width: 46px; height: 46px; border: 1.8px solid #000; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.hhh-social svg { width: 25px; height: 25px; fill: currentColor; stroke: none; display: block; }
.hhh-social a:nth-child(3) svg, .hhh-social a:nth-child(4) svg, .hhh-social a:nth-child(5) svg { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.hhh-logo-link { justify-self: center; display: block; width: min(380px, 100%); }
.hhh-logo { display: block; margin: 0 auto; width: 100%; }
.hhh-actions { justify-self: end; display: flex; align-items: center; gap: 17px; padding-top: 29px; }
.hhh-masthead-search { width: 28px; height: 35px; display: flex; align-items: center; justify-content: center; }
.hhh-masthead-search svg, .hhh-nav-search svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; }
.hhh-action-divider { width: 1px; height: 50px; background: #000; opacity: .65; }
.hhh-tipline { width: 237px; height: 74px; border: 2px solid #000; display: flex; align-items: center; justify-content: center; gap: 14px; background: #fff; }
.hhh-envelope { width: 41px; height: 28px; color: var(--hhh-blue); }
.hhh-envelope svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.4; }
.hhh-tipline strong, .hhh-tipline em { display: block; font-style: normal; font-weight: 900; line-height: .96; }
.hhh-tipline strong { font-size: 22px; color: #000; }
.hhh-tipline em { margin-top: 4px; font-size: 25px; color: var(--hhh-blue); }
.hhh-category-nav { height: 91px; border-top: 10px solid var(--hhh-blue); border-bottom: 10px solid #000; display: grid; grid-template-columns: 99px minmax(0, 1fr) 72px; background: #fff; }
.hhh-home { background: var(--hhh-blue); display: flex; align-items: center; justify-content: center; }
.hhh-home span { width: 40px; height: 36px; background: #fff; clip-path: polygon(50% 0, 100% 39%, 86% 39%, 86% 100%, 60% 100%, 60% 67%, 40% 67%, 40% 100%, 14% 100%, 14% 39%, 0 39%); }
.hhh-menu { min-width: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); align-items: center; box-shadow: inset 0 0 0 1px #ececec; }
.hhh-menu a { height: 71px; display: flex; align-items: center; justify-content: center; gap: 9px; padding-top: 2px; font-size: 31px; font-weight: 900; line-height: 1; }
.hhh-chevron { width: 12px; height: 12px; border-right: 3px solid var(--hhh-blue); border-bottom: 3px solid var(--hhh-blue); transform: rotate(45deg); margin-top: -6px; }
.hhh-nav-search { background: #000; color: #fff !important; display: flex; align-items: center; justify-content: center; padding: 23px 21px 22px; }
.hhh-trending { height: 87px; display: flex; align-items: center; gap: 40px; padding: 0 31px; background: #fff; }
.hhh-trending-label { height: 46px; width: 122px; display: flex; align-items: center; justify-content: center; background: var(--hhh-blue); color: #fff !important; font-size: 25px; font-weight: 900; line-height: 1; }
.hhh-trending-links { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; }
.hhh-trending-links a { display: flex; align-items: center; gap: 31px; white-space: nowrap; font-size: 21px; font-weight: 900; line-height: 1; }
.hhh-trending-links a:not(:last-child)::after { content: ""; width: 1px; height: 24px; background: #000; opacity: .55; }
body.hhh-system-active .site-content, body.hhh-system-active #content, body.hhh-system-active main, body.hhh-system-active .content-area { max-width: 1280px !important; margin: 0 auto !important; padding: 18px 18px 34px !important; }
body.hhh-system-active #secondary, body.hhh-system-active .sidebar, body.hhh-system-active aside.widget-area { display: none !important; }
body.hhh-system-active .site-main { display: grid !important; grid-template-columns: minmax(0, 1280px) !important; justify-content: center !important; gap: 12px !important; align-items: start !important; }
body.hhh-system-active .hhh-feed-card { position: relative !important; background: #fff !important; border: 1px solid var(--hhh-line) !important; border-top: 5px solid var(--hhh-blue) !important; box-shadow: 7px 7px 0 #000 !important; padding: 14px 14px 13px !important; margin: 0 !important; min-width: 0 !important; width: min(100%, 820px) !important; justify-self: center !important; overflow: hidden !important; }
body.hhh-system-active .hhh-hero-box { width: 100%; justify-self: center; display: grid; grid-template-columns: 1.86fr 1fr 1fr; gap: 5px; margin: 0 auto 8px; }
body.hhh-system-active .hhh-hero-box .hhh-feed-card { width: 100% !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; background: #000 !important; overflow: visible !important; }
body.hhh-system-active .hhh-hero-box .post-thumbnail, body.hhh-system-active .hhh-hero-box .entry-thumbnail, body.hhh-system-active .hhh-hero-box .featured-image, body.hhh-system-active .hhh-hero-box figure.wp-block-post-featured-image { width: 100%; height: 100%; min-height: 348px; margin: 0 !important; border: 0 !important; }
body.hhh-system-active .hhh-hero-box img { width: 100% !important; height: 100% !important; min-height: 348px; object-fit: cover !important; }
body.hhh-system-active .hhh-hero-box .hhh-story-frame { height: 100% !important; min-height: 348px !important; display: grid !important; grid-template-rows: minmax(0, 1fr) auto; border: 0 !important; border-top: 0 !important; }
body.hhh-system-active .hhh-hero-box .entry-meta, body.hhh-system-active .hhh-hero-box .entry-summary, body.hhh-system-active .hhh-hero-box .entry-content { display: none !important; }
body.hhh-system-active .hhh-hero-box .entry-title { position: absolute !important; left: 24px; right: 22px; bottom: 20px; z-index: 4; margin: 0 !important; padding: 0 !important; background: transparent !important; max-height: 150px !important; overflow: hidden !important; }
body.hhh-system-active .hhh-hero-box .entry-title a { color: #fff !important; background: transparent !important; padding: 0 !important; margin: 0 !important; text-shadow: 0 2px 12px rgba(0,0,0,.75); display: block !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; }
body.hhh-system-active .hhh-hero-box .hhh-hero-large .entry-title a { font-size: clamp(34px, 3.05vw, 48px) !important; line-height: .98 !important; }
body.hhh-system-active .hhh-hero-box .hhh-hero-large .hhh-frame-headline { font-size: clamp(34px, 3.1vw, 50px) !important; line-height: .92 !important; }
body.hhh-system-active .hhh-hero-box .hhh-hero-small .hhh-frame-headline { font-size: clamp(24px, 2.05vw, 32px) !important; line-height: .92 !important; padding: 11px 12px 13px !important; }
body.hhh-system-active .hhh-hero-box .hhh-hero-small .entry-title a { font-size: clamp(26px, 2.12vw, 33px) !important; line-height: .98 !important; }
body.hhh-system-active .hhh-hero-box .hhh-hero-small .entry-title { left: 18px; right: 14px; max-height: 160px !important; }
body.hhh-system-active .hhh-hero-box .hhh-branded-frame::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.08) 10%, rgba(0,0,0,.88) 100%); pointer-events: none; }
body.hhh-system-active .hhh-branded-frame, body.hhh-system-active .hhh-single-featured-frame { position: relative !important; display: block !important; overflow: hidden !important; background: #000 !important; border: 3px solid #000 !important; box-shadow: none !important; margin: 0 0 8px !important; }
body.hhh-system-active .hhh-story-frame { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; background: #000 !important; color: #fff !important; border: 3px solid #000 !important; border-top: 5px solid var(--hhh-blue) !important; overflow: hidden !important; text-decoration: none !important; isolation: isolate; }
body.hhh-system-active .hhh-feed-card:not(.hhh-hero-story) .hhh-story-frame, body.hhh-system-active .hhh-single-article .hhh-story-frame { box-shadow: 7px 7px 0 #000 !important; padding-top: 52px !important; }
body.hhh-system-active .hhh-story-media { position: relative !important; display: block !important; width: 100% !important; aspect-ratio: 16/9; background: #000 !important; overflow: hidden !important; }
body.hhh-system-active .hhh-hero-box .hhh-story-media { height: 100%; min-height: 348px; aspect-ratio: auto; }
body.hhh-system-active .hhh-story-media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.16) 68%, rgba(0,0,0,.65) 100%); pointer-events: none; }
body.hhh-system-active .hhh-frame-logo { position: absolute; top: 9px; left: 12px; z-index: 6; width: 82px; height: 36px; background-color: var(--hhh-blue); background-image: var(--hhh-watermark-url); background-size: auto 82%; background-position: center; background-repeat: no-repeat; border: 0; clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%); box-shadow: 3px 3px 0 #000; pointer-events: none; }
body.hhh-system-active .hhh-category-widget { position: absolute; right: 0; top: 0; z-index: 5; display: inline-flex; align-items: center; max-width: min(58%, 240px); min-height: 34px; padding: 8px 13px 7px; background: var(--hhh-blue); color: #fff; font-family: var(--hhh-font-display); font-size: 20px; font-weight: 900; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: -4px 4px 0 rgba(0,0,0,.5); }
body.hhh-system-active .hhh-category-widget::after { content: ""; position: absolute; right: 0; bottom: -11px; width: 0; height: 0; border-top: 11px solid var(--hhh-blue-dark); border-left: 11px solid transparent; }
body.hhh-system-active .hhh-feed-card:not(.hhh-hero-story) .hhh-category-widget, body.hhh-system-active .hhh-single-article .hhh-category-widget { top: 9px; right: 10px; }
body.hhh-system-active .hhh-frame-headline { display: block !important; width: 100% !important; background: #000 !important; color: #fff !important; font-family: var(--hhh-font-display) !important; font-size: clamp(30px, 5.7vw, 58px) !important; font-weight: 900 !important; line-height: .92 !important; text-transform: uppercase !important; padding: 14px 16px 16px !important; overflow-wrap: break-word !important; }
body.hhh-system-active .hhh-feed-card img, body.hhh-system-active .hhh-single-featured-frame img { width: 100% !important; height: 100% !important; border: 0 !important; box-shadow: none !important; display: block !important; object-fit: cover !important; object-position: center !important; }
body.hhh-system-active .hhh-feed-card .entry-title, body.hhh-system-active .hhh-feed-card .entry-title a, body.hhh-system-active .hhh-feed-card h2.entry-title a { color: var(--hhh-blue) !important; font-family: var(--hhh-font-display) !important; font-size: clamp(30px, 2.75vw, 44px) !important; font-weight: 900 !important; line-height: .98 !important; text-transform: uppercase !important; background: var(--hhh-soft) !important; padding: 9px 10px 8px !important; margin: 0 0 9px !important; display: block !important; width: 100% !important; overflow-wrap: break-word !important; text-decoration: none !important; }
body.hhh-system-active .hhh-original-title-hidden { display: none !important; }
body.hhh-system-active .hhh-feed-card .entry-summary, body.hhh-system-active .hhh-feed-card .entry-summary p, body.hhh-system-active .hhh-feed-card .entry-content p { color: #111 !important; font-family: var(--hhh-font-body) !important; font-size: 17px !important; line-height: 1.62 !important; font-weight: 400 !important; margin: 0 !important; }
body.hhh-system-active .hhh-feed-card .entry-meta a, body.hhh-system-active .hhh-feed-card .cat-links a { color: var(--hhh-blue) !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; }
.hhh-advertorial { width: min(100%, 820px); justify-self: center; min-height: 168px; background: #000; border-top: 5px solid var(--hhh-blue); box-shadow: 7px 7px 0 var(--hhh-blue); padding: 0; margin: 0; font-family: var(--hhh-font-display); }
.hhh-advertorial-link { min-height: 168px; display: flex; flex-direction: column; justify-content: center; padding: 21px 24px; color: #fff !important; text-decoration: none !important; background: linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.7)), repeating-linear-gradient(135deg, rgba(31,166,217,.28) 0 8px, rgba(255,255,255,.05) 8px 16px); }
.hhh-advertorial-kicker { width: fit-content; background: var(--hhh-blue); color: #fff; font-size: 18px; font-weight: 900; padding: 5px 8px; margin-bottom: 11px; }
.hhh-advertorial-title { max-width: 420px; color: #fff; font-size: 34px; font-weight: 900; line-height: .95; }
.hhh-advertorial-copy { margin-top: 10px; color: #ddd; font-family: var(--hhh-font-body); font-size: 13px; font-weight: 700; text-transform: uppercase; }
body.hhh-system-active.single .site-main, body.hhh-system-active.single-post .site-main { display: block !important; }
body.hhh-system-active.single .hhh-single-article, body.hhh-system-active.single-post .hhh-single-article { max-width: 860px !important; margin: 0 auto !important; background: #fff !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.hhh-system-active.single .entry-title, body.hhh-system-active.single-post .entry-title { color: var(--hhh-blue) !important; font-family: var(--hhh-font-display) !important; font-weight: 900 !important; line-height: .95 !important; text-transform: uppercase !important; background: var(--hhh-soft) !important; padding: 9px 10px 8px !important; margin: 0 0 16px !important; width: 100% !important; overflow-wrap: break-word !important; }
body.hhh-system-active.single .hhh-single-featured-frame, body.hhh-system-active.single-post .hhh-single-featured-frame { margin: 0 !important; border: 3px solid #000 !important; border-top: 5px solid var(--hhh-blue) !important; }
body.hhh-system-active.single .entry-content p, body.hhh-system-active.single-post .entry-content p { font-size: 18px !important; line-height: 1.82 !important; }
body.hhh-system-active.single .entry-content p:first-of-type, body.hhh-system-active.single-post .entry-content p:first-of-type { font-size: 19px !important; border-left: 4px solid var(--hhh-blue) !important; padding-left: 15px !important; }
.hhh-artist-panel { width: min(100%, 1280px); justify-self: center; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); gap: 18px; margin: 0 auto 18px; padding: 22px; border-top: 6px solid var(--hhh-blue); box-shadow: 7px 7px 0 #000; background: #fff; }
.hhh-artist-kicker { background: var(--hhh-blue); color: #fff; font-family: var(--hhh-font-display); font-size: 21px; font-weight: 900; padding: 7px 11px 6px; text-transform: uppercase; }
.hhh-artist-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.hhh-artist-copy.has-photo .hhh-artist-main { grid-template-columns: 220px minmax(0, 1fr); }
.hhh-artist-photo { width: 220px; height: 220px; margin: 0; border: 3px solid #000; box-shadow: 5px 5px 0 var(--hhh-blue); background: #000; overflow: hidden; }
.hhh-artist-photo img { width: 100%; height: 100%; object-fit: cover; }
.hhh-artist-panel h1 { color: var(--hhh-blue); font-family: var(--hhh-font-display); font-size: clamp(48px, 6vw, 96px); font-weight: 900; text-transform: uppercase; margin: 11px 0 0; }
.hhh-artist-bio { margin-top: 12px; color: #111; font-family: var(--hhh-font-body); font-size: 18px; line-height: 1.55; }
.hhh-artist-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; font-family: var(--hhh-font-display); font-size: 20px; font-weight: 900; text-transform: uppercase; }
.hhh-artist-meta span, .hhh-artist-meta a { color: #000 !important; background: var(--hhh-soft); padding: 7px 10px 5px; }
.hhh-artist-side { display: grid; gap: 14px; }
.hhh-artist-accolades { border: 2px solid #000; background: #fff; padding: 16px; box-shadow: 5px 5px 0 var(--hhh-blue); }
.hhh-artist-panel h2 { color: #000; font-family: var(--hhh-font-display); font-size: 30px; font-weight: 900; text-transform: uppercase; margin: 0 0 10px; }
.hhh-artist-accolades ul { margin: 0; padding-left: 18px; }
.hhh-artist-accolades li { color: #111; font-family: var(--hhh-font-body); font-size: 15px; font-weight: 700; line-height: 1.45; margin: 0 0 8px; }
.hhh-artist-ad-slot { min-height: 250px; display: grid; place-items: center; border: 2px solid #000; background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.7)), repeating-linear-gradient(135deg, rgba(31,166,217,.25) 0 8px, rgba(255,255,255,.05) 8px 16px); color: #fff; font-family: var(--hhh-font-display); font-weight: 900; text-align: center; text-transform: uppercase; padding: 16px; }
@media (max-width: 1120px) {
  .hhh-masthead { grid-template-columns: 1fr; height: auto; min-height: 340px; gap: 20px; padding: 28px 22px 24px; }
  .hhh-social, .hhh-actions { justify-self: center; padding-top: 0; }
  .hhh-logo-link { order: -1; }
  .hhh-category-nav { height: auto; grid-template-columns: 78px minmax(0, 1fr); }
  .hhh-home { grid-row: 1 / -1; min-height: 128px; }
  .hhh-menu { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hhh-menu a { height: 64px; font-size: 28px; }
  .hhh-nav-search { display: none; }
  .hhh-trending { height: auto; flex-wrap: wrap; gap: 12px 24px; padding-block: 14px; }
  .hhh-trending-links { flex: 1 1 520px; flex-wrap: wrap; gap: 12px 22px; overflow: visible; }
}
@media (max-width: 820px) {
  body.hhh-system-active .site-main { grid-template-columns: 1fr !important; }
  body.hhh-system-active .hhh-hero-box { grid-template-columns: 1fr; }
  .hhh-menu { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hhh-menu a { height: 56px; font-size: 24px; }
}
@media (max-width: 720px) {
  .hhh-breaking { height: 44px; }
  .hhh-breaking-label { width: 118px; min-width: 118px; font-size: 17px; gap: 7px; padding-left: 10px; }
  .hhh-bolt { width: 12px; height: 22px; }
  .hhh-breaking-track { font-size: 14px; padding-inline: 12px; }
  .hhh-breaking-track a:not(:first-child) { display: none; }
  .hhh-masthead { gap: 9px; padding: 12px 12px 14px; }
  .hhh-logo-link { width: min(85vw, 400px); }
  .hhh-social a { width: 34px; height: 34px; }
  .hhh-actions { width: 100%; justify-content: center; gap: 10px; }
  .hhh-tipline { width: min(190px, calc(100vw - 96px)); height: 54px; }
  .hhh-tipline strong { font-size: 16px; }
  .hhh-tipline em { font-size: 19px; }
  .hhh-category-nav { grid-template-columns: 56px minmax(0, 1fr); border-top-width: 6px; border-bottom-width: 6px; }
  .hhh-home { min-height: 88px; }
  .hhh-menu { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hhh-menu a { height: 44px; font-size: clamp(14px, 4.15vw, 18px); }
  .hhh-nav-search { display: none; }
  .hhh-trending { gap: 8px 10px; padding: 10px 12px; }
  .hhh-trending-label { width: 94px; min-width: 94px; height: 34px; font-size: 18px; }
  .hhh-trending-links { flex: 1 1 220px; flex-wrap: wrap; gap: 7px 12px; overflow: visible; }
  .hhh-trending-links a { font-size: 14px; gap: 12px; }
  body.hhh-system-active .site-content, body.hhh-system-active #content, body.hhh-system-active main { padding: 14px !important; }
  .hhh-artist-panel { grid-template-columns: 1fr; padding: 14px; }
  .hhh-artist-copy.has-photo .hhh-artist-main { grid-template-columns: 132px minmax(0, 1fr); }
  .hhh-artist-photo { width: 132px; height: 132px; }
}
@media (max-width: 430px) {
  .hhh-breaking-label { width: 112px; min-width: 112px; font-size: 16px; }
  .hhh-logo-link { width: min(74vw, 250px); }
  .hhh-menu a { height: 42px; font-size: clamp(13px, 3.95vw, 17px); }
  .hhh-trending-label { width: 88px; min-width: 88px; font-size: 17px; }
  .hhh-trending-links a { font-size: 13px; }
}