
:root{--hx23-bg:#08090b;--hx23-panel:#111318;--hx23-line:#282b33;--hx23-text:#f5f5f6;--hx23-muted:#9b9da4;--hx23-accent:#ff5d55;--hx23-blue:#4f7cff}
body{background:var(--hx23-bg)!important;color:var(--hx23-text)}
.hx23-header{position:sticky;top:0;z-index:720;background:rgba(12,13,15,.97);backdrop-filter:blur(14px);border-bottom:1px solid #22252c}.hx23-top{height:60px;display:grid;grid-template-columns:210px minmax(260px,1fr) 120px;gap:20px;align-items:center}.hx23-brand{font-size:29px;font-weight:950;letter-spacing:-1.7px;color:#fff}.hx23-brand b{color:var(--hx23-accent);margin-left:3px}.hx23-search{display:grid;grid-template-columns:1fr 48px;height:40px;max-width:720px;margin:auto;width:100%}.hx23-search input{border:1px solid #d8d8dc;background:#f5f5f6;color:#111;padding:0 14px;font-size:15px;border-radius:6px 0 0 6px}.hx23-search button{border:0;background:#d9d9dc;color:#111;border-radius:0 6px 6px 0;font-size:22px;font-weight:900}.hx23-age{justify-self:end;border:1px solid #5a2929;color:#ff9792;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px}.hx23-nav{background:#151619;border-top:1px solid #1d2026}.hx23-nav .wrap{display:flex;gap:4px;overflow:auto}.hx23-nav a{padding:13px 14px;color:#dbdbe0;font-size:11px;font-weight:850;white-space:nowrap;border-bottom:2px solid transparent}.hx23-nav a:hover,.hx23-nav a.active{color:#fff;border-bottom-color:var(--hx23-accent);background:#1c1e23}
.hx23-main{padding:20px 0 70px}.hx23-heading,.hx23-homehead{margin:2px 0 16px}.hx23-heading>span,.hx23-homehead>div>span,.hx23-sectionhead span{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#ff7b74;font-weight:900}.hx23-heading h1,.hx23-homehead h1{font-size:28px;margin:4px 0}.hx23-heading p,.hx23-homehead p{font-size:12px;color:#9ea0a7;max-width:900px;line-height:1.6}.hx23-homehead{display:flex;align-items:end;justify-content:space-between;gap:20px}.hx23-homehead>strong{font-size:28px}.hx23-homehead>strong small{display:block;font-size:9px;color:#92949a;text-transform:uppercase;letter-spacing:1px}.hx23-quick{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 26px}.hx23-quick a,.hx23-discovery a{padding:8px 11px;border:1px solid #2b2e35;background:#12141a;border-radius:999px;color:#ddd;font-size:11px}.hx23-home-section{margin:34px 0 44px}.hx23-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 13px}.hx23-sectionhead h2{font-size:24px;margin:3px 0}.hx23-sectionhead>a{font-size:11px;color:#ff827b}
.hx23-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 7px;align-items:start}.hx23-card{min-width:0;color:#fff}.hx23-thumb{position:relative;background:#111;aspect-ratio:16/9;overflow:hidden;border-radius:4px}.hx23-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.18s transform,.18s filter}.hx23-card:hover img{transform:scale(1.025);filter:brightness(1.08)}.hx23-card h3{font-size:13px;line-height:1.25;margin:6px 3px 3px;color:#f4f4f5;font-weight:760;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hx23-meta,.hx23-cardfoot{font-size:10px;color:#9c9ea5;margin:0 3px;display:flex;gap:5px;white-space:nowrap;overflow:hidden}.hx23-cardfoot{justify-content:space-between;margin-top:4px;color:#777b84}.hx23-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.66);color:#fff;opacity:0;transition:.15s}.hx23-card:hover .hx23-play{opacity:1}.hx23-duration,.hx23-hd{position:absolute;background:rgba(0,0,0,.85);padding:3px 5px;border-radius:3px;color:#fff;font-size:9px}.hx23-duration{right:5px;bottom:5px}.hx23-hd{right:5px;top:5px}.hx23-grid-ad{grid-column:1/-1}
.hx23-tc{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:15px 0 21px;padding:18px 20px;border:1px solid #343a48;border-radius:14px;background:radial-gradient(circle at 85% -20%,rgba(79,124,255,.32),transparent 38%),linear-gradient(135deg,#151822,#0e0f13 62%);box-shadow:0 18px 45px rgba(0,0,0,.2)}.hx23-tc>div{min-width:0}.hx23-tc span{display:block;color:#8fa7ff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1.25px}.hx23-tc strong{display:block;font-size:20px;margin:4px 0}.hx23-tc p{margin:0;color:#9da1aa;font-size:11px;line-height:1.55;max-width:680px}.hx23-tc>a{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:11px 15px;background:#f6f6f8;color:#101116;border-radius:9px;font-size:12px;font-weight:900}.hx23-tc-compact{display:block;padding:15px}.hx23-tc-compact strong{font-size:17px}.hx23-tc-compact>a{margin-top:12px;justify-content:center}.hx23-tilead{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:18px;border:1px solid #343a48;border-radius:8px;background:radial-gradient(circle at 90% 0%,rgba(79,124,255,.3),transparent 40%),#12151d;color:#fff}.hx23-tilead>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8fa7ff}.hx23-tilemark{font-size:27px;font-weight:950;margin:15px 0 5px}.hx23-tilead h3{font-size:18px;margin:0}.hx23-tilead p{font-size:10px;color:#9da1aa}.hx23-tilead b{margin-top:10px;font-size:11px;color:#fff}
.hx23-watch{padding:14px 0 70px}.hx23-watchgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.hx23-player{aspect-ratio:16/9;background:#000;border:1px solid #24272e;border-radius:10px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.25)}.hx23-player iframe{width:100%;height:100%;display:block;border:0}.hx23-copy{padding:5px 2px 0}.hx23-copy h1{font-size:30px;line-height:1.12;margin:16px 0 8px}.hx23-lead{color:#b2b3b8;line-height:1.7;font-size:13px}.hx23-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.hx23-facts>div{background:#111319;border:1px solid #292d35;padding:10px 12px;border-radius:9px}.hx23-facts span{display:block;color:#777c87;font-size:9px;text-transform:uppercase;letter-spacing:.9px}.hx23-facts strong{display:block;color:#eee;font-size:12px;margin-top:4px;line-height:1.4}.hx23-performers{font-size:11px;color:#999}.hx23-performers a{color:#ddd;text-decoration:underline}.hx23-upnext{position:sticky;top:118px;background:#0d0f13;border:1px solid #272a32;border-radius:12px;padding:12px}.hx23-sidehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hx23-sidehead span{font-weight:900}.hx23-sidehead a{font-size:10px;color:#ff827b}.hx23-mini{display:grid;grid-template-columns:112px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid #23262c;color:#fff}.hx23-mini img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.hx23-mini strong{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hx23-mini span{display:block;margin-top:5px;color:#888;font-size:9px}.hx23-content{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.hx23-seo,.hx23-faq{background:#111318;border:1px solid #292d35;border-radius:12px;padding:20px}.hx23-seo h2,.hx23-faq h2{font-size:20px;margin:0 0 10px}.hx23-seo p,.hx23-faq p,.hx23-source-desc{color:#aaaeb6;line-height:1.75;font-size:12px}.hx23-source-desc{margin:12px 0;padding:13px 15px;border-left:3px solid #4f7cff;background:#0c0e13}.hx23-source-desc span{display:block;color:#7d96ed;text-transform:uppercase;font-size:8px;letter-spacing:1px;margin-bottom:5px}.hx23-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.hx23-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.hx23-discovery{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.hx23-faq{grid-column:1/-1}.hx23-faq details{border-top:1px solid #282b32;padding:12px 0}.hx23-faq summary{cursor:pointer;font-size:12px;font-weight:800}.hx23-related{margin-top:30px}.hx23-pages{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:32px 0}.hx23-pages a{padding:8px 11px;border:1px solid #30343d;background:#15171c;border-radius:5px;color:#ddd;font-size:11px}.hx23-pages a.active{background:#f05f57;border-color:#f05f57;color:#fff}
.hx23-mobile-sticky{display:none}
@media(min-width:1500px){.hx23-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.hx23-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hx23-watchgrid{grid-template-columns:1fr}.hx23-upnext{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hx23-sidehead,.hx23-upnext>.hx23-tc{grid-column:1/-1}.hx23-content{grid-template-columns:1fr}.hx23-top{grid-template-columns:150px 1fr 90px}}
@media(max-width:720px){body{padding-bottom:74px}.hx23-top{height:auto;grid-template-columns:1fr 72px;padding:9px 0}.hx23-brand{font-size:23px}.hx23-search{grid-column:1/-1;grid-row:2}.hx23-age{grid-column:2;grid-row:1}.hx23-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 6px}.hx23-homehead{align-items:start;flex-direction:column}.hx23-tc{display:block;padding:15px}.hx23-tc>a{margin-top:13px;justify-content:center}.hx23-copy h1{font-size:23px}.hx23-facts{grid-template-columns:1fr}.hx23-gallery{grid-template-columns:repeat(2,1fr)}.hx23-upnext{grid-template-columns:1fr}.hx23-sidehead,.hx23-upnext>.hx23-tc{grid-column:auto}.hx23-mini{grid-template-columns:120px 1fr}.hx23-mobile-sticky{display:flex;position:fixed;left:8px;right:8px;bottom:8px;z-index:900;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#121620;border:1px solid #3a4253;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.6)}.hx23-mobile-sticky span{font-size:10px;color:#d7d9df}.hx23-mobile-sticky a{font-size:10px;font-weight:900;background:#fff;color:#111;padding:8px 10px;border-radius:7px}.hx23-mobile-sticky button{border:0;background:transparent;color:#999;font-size:18px}}


/* HAVEN X V24 — image-based Traffic Company creative system */
.hx24-sponsor-pair{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.hx24-sponsor-single{display:block!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.hx24-creative{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid #343946;border-radius:12px;background:#0d0f14;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.24);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.hx24-creative:hover{transform:translateY(-2px);border-color:#596987;box-shadow:0 18px 42px rgba(0,0,0,.32)}
.hx24-sponsored{position:absolute;z-index:3;left:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(5,6,9,.78);backdrop-filter:blur(6px);color:#fff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.hx24-creative-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#08090c}
.hx24-creative-media:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.hx24-creative img{display:block;width:100%;height:100%;object-fit:cover}
.hx24-creative-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:linear-gradient(180deg,#11141b,#0c0e13)}
.hx24-creative-foot strong{font-size:11px;line-height:1.3;color:#f3f4f6}.hx24-creative-foot b{flex:0 0 auto;padding:7px 9px;border-radius:7px;background:#f5f6f8;color:#111319;font-size:9px;white-space:nowrap}
.hx24-creative-compact .hx24-creative-foot{padding:8px}.hx24-creative-compact .hx24-creative-foot strong{font-size:10px}.hx24-creative-compact .hx24-creative-foot b{display:none}
.hx24-tile-wrap{min-height:0!important;padding:0!important;border:0!important;background:none!important}.hx24-tile-wrap .hx24-creative{height:100%}.hx24-tile-wrap .hx24-creative-media{aspect-ratio:16/9}
.hx23-upnext .hx24-sponsor-single{margin-top:8px}.hx23-upnext .hx24-creative-foot{display:block}.hx23-upnext .hx24-creative-foot b{display:inline-block;margin-top:7px}
@media(max-width:720px){
 .hx24-sponsor-pair{grid-template-columns:1fr}
 .hx24-creative-foot strong{font-size:10px}.hx24-creative-foot b{font-size:9px}
 .hx23-mobile-sticky{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto!important;gap:9px!important;align-items:center;padding:6px 8px!important;overflow:hidden}
 .hx23-mobile-sticky .hx24-stick-media{display:block!important;background:none!important;padding:0!important}.hx23-mobile-sticky .hx24-stick-img{width:92px;height:52px;object-fit:cover;border-radius:7px;display:block}
 .hx23-mobile-sticky .hx24-stick-copy{display:block!important;background:none!important;padding:0!important;min-width:0;color:#fff}.hx23-mobile-sticky .hx24-stick-copy span{display:block;font-size:8px;color:#8fa7ff;text-transform:uppercase;font-weight:900;letter-spacing:.7px}.hx23-mobile-sticky .hx24-stick-copy strong{display:block;margin-top:2px;color:#fff;font-size:10px;line-height:1.2}
}
