/*
Theme Name: Spark Sports Hulu
Theme URI: https://mysparkmedia.com
Author: Spark Media
Description: Hulu-style sports streaming public WordPress theme for Spark, with Vodlix members-only CTA.
Version: 1.0.0
Text Domain: spark-sports-hulu
*/
:root{--bg:#06100b;--bg2:#020403;--panel:#0e1712;--panel2:#15241b;--green:#1ce783;--green2:#58ff9b;--text:#ffffff;--muted:#a9b6af;--line:rgba(255,255,255,.10);--max:1320px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(28,231,131,.18),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 36px),var(--max));margin:0 auto}.spark-header{position:sticky;top:0;z-index:99;background:rgba(2,4,3,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}body.admin-bar .spark-header{top:32px}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.brand img{height:50px;width:auto;object-fit:contain}.links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.links a{color:#dfe7e3;opacity:.9;padding:8px 0;border-bottom:2px solid transparent}.links a:hover,.links a.active{color:#fff;border-color:var(--green)}.actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 22px;font-weight:900;border:1px solid transparent;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#00170b;box-shadow:0 0 28px rgba(28,231,131,.28)}.btn-secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}.hero{position:relative;min-height:90vh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) contrast(1.12) saturate(1.08)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,3,.95),rgba(2,4,3,.60) 45%,rgba(2,4,3,.18)),linear-gradient(180deg,rgba(2,4,3,.15),rgba(2,4,3,.92) 95%);z-index:1}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(320px,720px) 1fr;gap:32px;align-items:end;padding:118px 0 64px;min-height:90vh}.eyebrow{color:var(--green);font-weight:950;text-transform:uppercase;letter-spacing:.16em;font-size:13px;margin-bottom:16px}.hero h1{font-size:clamp(48px,8vw,96px);line-height:.9;margin:0 0 18px;letter-spacing:-.055em;text-transform:uppercase;font-weight:1000}.hero p{font-size:clamp(17px,2vw,22px);color:#e9f0ec;line-height:1.55;max-width:62ch;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-dots{display:flex;gap:11px;margin-top:24px}.hero-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.34)}.hero-dots span:first-child{background:var(--green)}.live-card{justify-self:end;max-width:390px;width:100%;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(28,231,131,.10),rgba(255,255,255,.04));box-shadow:0 28px 70px rgba(0,0,0,.45)}.live-card img{aspect-ratio:16/10;object-fit:cover}.live-copy{padding:18px}.meta{color:var(--green);font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.live-copy h3{font-size:27px;margin:8px 0 8px}.muted{color:var(--muted);line-height:1.55}.section{padding:40px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section h2{font-size:clamp(26px,4vw,42px);margin:0;letter-spacing:-.04em;text-transform:uppercase}.section p{color:var(--muted);margin:7px 0 0}.rail{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 20px;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:#1f3428;border-radius:999px}.wide-card{position:relative;min-width:310px;width:310px;border-radius:17px;overflow:hidden;background:#111;border:1px solid var(--line);scroll-snap-align:start;transition:.18s ease}.wide-card:hover{transform:scale(1.035);border-color:rgba(28,231,131,.38)}.wide-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.74) contrast(1.12) saturate(1.08)}.wide-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.86))}.card-copy{position:absolute;left:16px;right:16px;bottom:14px;z-index:2}.card-copy h3{font-size:22px;text-transform:uppercase;line-height:1;margin:6px 0}.label{display:inline-block;background:var(--green);color:#00170b;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:950;text-transform:uppercase}.portrait-row{display:flex;gap:18px;overflow-x:auto;padding:8px 2px 20px}.portrait{position:relative;min-width:205px;height:310px;overflow:hidden;border-radius:18px;background:#111;border:1px solid var(--line);transition:.18s ease}.portrait:hover{transform:scale(1.04)}.portrait img{width:100%;height:100%;object-fit:cover;filter:brightness(.80) contrast(1.1) saturate(1.08)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.90))}.rank{position:absolute;left:-4px;bottom:-25px;z-index:2;font-size:122px;line-height:1;font-weight:1000;color:rgba(255,255,255,.86);-webkit-text-stroke:2px rgba(0,0,0,.45)}.portrait-title{position:absolute;z-index:3;left:56px;right:12px;bottom:16px;font-size:19px;font-weight:1000;text-transform:uppercase;line-height:1.05}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{background:linear-gradient(145deg,#10281a,#07130d);border:1px solid rgba(28,231,131,.18);border-radius:20px;padding:23px;min-height:170px}.benefit h3{font-size:23px;margin:0 0 8px}.cta{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(28,231,131,.15),rgba(28,231,131,.04));border:1px solid rgba(28,231,131,.22);border-radius:28px;padding:34px}.cta h2{font-size:clamp(32px,5vw,56px);line-height:.98;margin:0 0 12px}.input-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.input-row input{flex:1 1 260px;background:#07100b;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;padding:15px 18px}.page-hero{padding:92px 0 38px;background:radial-gradient(circle at top right,rgba(28,231,131,.18),transparent 30%),#07100b;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:8px 0 12px;letter-spacing:-.05em;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:26px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.list{display:grid;gap:14px}.list-item{border-top:1px solid var(--line);padding-top:14px}.list-item:first-child{border-top:0;padding-top:0}.footer{border-top:1px solid var(--line);padding:34px 0 56px;background:#020403;color:#99a7a0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:1060px){.hero-inner,.cta{grid-template-columns:1fr}.live-card{justify-self:start}.benefit-grid,.grid-3{grid-template-columns:repeat(2,1fr)}.links{display:none}}@media(max-width:720px){body.admin-bar .spark-header{top:46px}.brand img{height:42px}.actions .btn-secondary{display:none}.hero{min-height:auto}.hero-inner{min-height:auto;padding-top:96px}.hero h1{font-size:48px}.benefit-grid,.grid-2,.grid-3{grid-template-columns:1fr}.wide-card{min-width:270px;width:270px}.portrait{min-width:180px;height:280px}}