/* The catalogue homepage has its own layout; stream and replay pages use styles.css. */
.catalog-home{background:#090909;color:#f5f5f3;font-family:'DM Sans',Arial,sans-serif}
.catalog-home .wrap{width:min(1240px,calc(100% - 64px))}
.catalog-home a{color:inherit}
.catalog-nav{height:76px;background:#101010;border-bottom:1px solid #2a2a2a}
.catalog-nav-inner{height:100%;display:flex;align-items:center;gap:42px}
.catalog-logo{font-size:20px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}
.catalog-logo strong{font-weight:700;color:#b8b8b8}
.catalog-nav nav{display:flex;gap:27px;margin-left:auto}
.catalog-nav nav a,.catalog-support{font-size:13px;font-weight:600;color:#cacaca!important}
.catalog-nav nav a:hover,.catalog-support:hover{color:#fff!important}
.catalog-support{margin-left:12px}
.catalog-hero{height:min(610px,68vw);min-height:430px;position:relative;isolation:isolate;background:#171717;overflow:hidden}
.catalog-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2}
.catalog-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 38%,rgba(0,0,0,.05) 75%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 70%)}
.catalog-hero-content{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:start;padding-bottom:64px}
.catalog-eyebrow,.catalog-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;color:#a8a8a8;margin:0}
.catalog-hero h1{font:700 clamp(52px,6vw,85px)/.96 'DM Sans',Arial,sans-serif;letter-spacing:-.07em;text-transform:none;max-width:660px;margin:16px 0 20px}
.catalog-hero-meta{display:flex;flex-wrap:wrap;gap:10px;color:#ececec;font-size:14px;margin:0 0 26px}
.catalog-dot{color:#858585}
.catalog-button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;border:1px solid #f1f1f1;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.03em}
.catalog-button:hover{background:#fff;color:#111!important}
.catalog-section{padding-top:76px;padding-bottom:36px}
.catalog-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.catalog-section-head h2{font:700 clamp(30px,3.5vw,46px)/1.1 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:8px 0 0}
.catalog-section-head>a{font-size:13px;color:#b7b7b7;white-space:nowrap}
.catalog-section-head>a:hover{color:#fff}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-grid>.catalog-card:only-child{grid-column:span 2}
.catalog-card{display:block;min-width:0}
.catalog-poster{position:relative;aspect-ratio:16/9;background:#191919;overflow:hidden}
.catalog-poster img,.catalog-poster-fallback{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.catalog-card:hover .catalog-poster img{transform:scale(1.025)}
.catalog-poster-fallback{background:#1b1b1b}
.catalog-card-copy{padding-top:15px}
.catalog-card-copy h3{font:700 21px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 5px}
.catalog-card-copy p{font-size:13px;color:#aaa;margin:0 0 10px}
.catalog-card-copy>span{font-size:12px;color:#e7e7e7;font-weight:600}
.catalog-empty{color:#aaa;font-size:15px;margin:4px 0 0}
.catalog-access{background:#f5f5f2;color:#111;margin-top:86px;padding:78px 0 90px}
.catalog-access .catalog-kicker{color:#666}
.catalog-access-head h2{font:700 clamp(35px,4vw,56px)/1 'DM Sans',Arial,sans-serif;letter-spacing:-.06em;margin:11px 0 12px}
.catalog-access-head>p:last-child{font-size:14px;color:#666;display:flex;gap:10px;margin:0 0 35px}
.catalog-access .access-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.catalog-access .access-grid article{min-height:420px;padding:27px 42px 28px 0;background:none;border:0;box-shadow:none;border-radius:0}
.catalog-access .access-grid article+article{border-left:1px solid #ccc;padding-left:42px;padding-right:0}
.catalog-access .access-topline{color:#666;padding:0;border:0;font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.11em}
.catalog-access .access-grid h3{font:700 30px/1.1 'DM Sans',Arial,sans-serif;letter-spacing:-.045em;margin:31px 0 8px}
.catalog-access .access-grid .muted{color:#666;font-size:14px;line-height:1.5;max-width:40ch}
.catalog-access .price{margin:20px 0 10px}
.catalog-access .price sup,.catalog-access .price b{color:#111;font:700 38px 'DM Sans',Arial,sans-serif;letter-spacing:-.06em}
.catalog-access .price span{color:#666;font:700 10px 'DM Sans',Arial,sans-serif}
.catalog-access label{font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:.1em;color:#333;margin-top:auto}
.catalog-access input{background:#fff;color:#111;border:1px solid #aaa;border-radius:0}
.catalog-access input::placeholder{color:#999}
.catalog-access .btn{margin-top:10px;border-radius:0;background:#111;color:#fff;border:1px solid #111;font:700 12px 'DM Sans',Arial,sans-serif;letter-spacing:.04em;padding:15px}
.catalog-access .btn.outline{background:transparent;color:#111}
.catalog-access .btn.outline:hover{background:#111;color:#fff}
.catalog-access .btn:disabled{opacity:.52}
.catalog-access .fine{color:#666;text-align:left;margin:8px 0 0}
.catalog-access .archive-path{font:600 12px 'DM Sans',Arial,sans-serif;color:#333;margin-top:9px}
.catalog-access .error{min-height:18px;height:auto}
.catalog-lineup{padding-top:75px;padding-bottom:75px}
.catalog-lineup .fight-list{background:none;border-top:1px solid #444}
.catalog-footer{border-top:1px solid #333;background:#090909;padding:35px 0}
.catalog-footer-inner{display:flex;align-items:center;gap:35px}
.catalog-footer-inner>div{display:flex;gap:20px;margin-left:auto}
.catalog-footer-inner>div a,.catalog-footer small{color:#999;font-size:12px}
.catalog-footer small{margin-left:18px}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid>.catalog-card:only-child{grid-column:span 1}}
@media(max-width:700px){.catalog-home .wrap{width:calc(100% - 32px)}.catalog-nav{height:64px}.catalog-nav-inner{gap:15px}.catalog-logo{font-size:17px}.catalog-nav nav{gap:14px}.catalog-nav nav a{font-size:11px}.catalog-support{display:none}.catalog-hero{height:520px;min-height:0}.catalog-hero img{object-position:58% center}.catalog-hero-content{padding-bottom:45px}.catalog-hero h1{font-size:clamp(46px,10vw,67px)}.catalog-grid{grid-template-columns:1fr}.catalog-section{padding-top:55px;padding-bottom:20px}.catalog-section-head{align-items:start}.catalog-section-head h2{font-size:34px}.catalog-access{margin-top:65px;padding:58px 0 68px}.catalog-access .access-grid{display:block}.catalog-access .access-grid article,.catalog-access .access-grid article+article{min-height:0;padding:28px 0 30px;border-left:0}.catalog-access .access-grid article+article{border-top:1px solid #ccc}.catalog-access label{margin-top:22px}.catalog-footer-inner{flex-wrap:wrap}.catalog-footer-inner>div{margin-left:0}.catalog-footer small{margin-left:auto}}
@media(max-width:480px){.catalog-nav nav a:nth-child(2){display:none}.catalog-nav nav{margin-left:auto}.catalog-hero{height:490px}.catalog-hero-meta{font-size:12px}.catalog-section-head>a{font-size:11px}.catalog-footer-inner{display:block}.catalog-footer-inner>div{margin:18px 0}.catalog-footer small{display:block}}

/* Reference-led event platform layout. Only real, configured events are shown. */
.catalog-home{background:#050505}
.catalog-nav{position:absolute;inset:0 0 auto;z-index:20;height:72px;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.05));border:0}
.catalog-nav-inner{gap:58px}
.catalog-nav nav{margin:0 auto 0 0;gap:26px}
.catalog-nav nav a,.catalog-support{font-size:12px;color:#eee!important;font-weight:500}
.catalog-nav nav a[aria-current="page"]{border-bottom:1px solid #fff;padding-bottom:9px}
.catalog-logo{font-size:18px;line-height:1;letter-spacing:-.045em;color:#fff!important}
.catalog-logo strong{color:#fff}
.catalog-support{border:1px solid #fff;padding:9px 14px;border-radius:2px;color:#111!important;background:#fff;font-weight:700}
.catalog-support:hover{color:#111!important;background:#ddd}
.catalog-mobile-menu{display:none}
@media(max-width:800px){
  .catalog-nav-inner{position:relative;justify-content:space-between;gap:12px}
  .catalog-nav .catalog-nav-inner>nav,.catalog-nav .catalog-support{display:none}
  .catalog-mobile-menu{display:block;margin-left:auto}
  .catalog-mobile-menu summary{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer;list-style:none;padding:10px}
  .catalog-mobile-menu summary::-webkit-details-marker{display:none}
  .catalog-mobile-menu summary span{display:block;width:24px;height:2px;background:#fff}
  .catalog-mobile-menu[open] summary{background:#171717}
  .catalog-mobile-menu nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;background:#111;border:1px solid #333;padding:8px 16px;box-shadow:0 18px 30px rgba(0,0,0,.45)}
  .catalog-mobile-menu nav a{display:block;padding:13px 4px;border-bottom:1px solid #333;font-size:14px;color:#fff!important}
  .catalog-mobile-menu nav a:last-child{border-bottom:0}
  .catalog-mobile-menu nav a[aria-current="page"]{border-bottom:1px solid #333}
}
.catalog-hero{height:min(720px,92svh);min-height:610px}
.catalog-hero img{object-position:center 50%}
.catalog-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.67) 48%,rgba(0,0,0,.08) 88%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 52%)}
.catalog-hero-content{padding-bottom:86px}
.catalog-eyebrow{font-size:11px;letter-spacing:.22em;color:#c9c9c9}
.catalog-hero h1{font-weight:500;font-size:clamp(56px,6.4vw,96px);letter-spacing:-.058em;max-width:730px;margin:9px 0 12px}
.catalog-hero-summary{max-width:400px;color:#e4e4e4;font-size:18px;line-height:1.45;margin:0 0 22px}
.catalog-hero-meta{margin-bottom:22px;color:#e5e5e5}
.catalog-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.catalog-button{border-radius:3px;padding:13px 21px;font-size:12px;min-height:44px}
.catalog-button-light{background:#fff;border-color:#fff;color:#111!important}
.catalog-button-light:hover{background:#d8d8d8;color:#111!important}
.catalog-button-outline{background:rgba(0,0,0,.1);border-color:#777;color:#fff!important}
.catalog-button-outline:hover{background:#fff;color:#111!important}
.catalog-section{padding-top:58px;padding-bottom:32px}
.catalog-section-head{margin-bottom:23px}
.catalog-kicker{letter-spacing:.16em;color:#9d9d9d;font-size:10px}
.catalog-section-head h2{font-weight:500;font-size:clamp(32px,3vw,45px);letter-spacing:-.045em}
.catalog-grid>.catalog-card:only-child{grid-column:auto}
.catalog-card--upcoming .catalog-poster{aspect-ratio:1.26;border:1px solid #343434;border-radius:4px}
.catalog-card--upcoming .catalog-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.83),rgba(0,0,0,.08) 63%,rgba(0,0,0,.42));pointer-events:none}
.catalog-card--upcoming .catalog-poster img{object-position:60% center}
.catalog-date-badge{position:absolute;top:17px;left:17px;z-index:2;color:#fff;display:flex;flex-direction:column;line-height:1.1}
.catalog-date-badge b{font-size:23px;font-weight:500}.catalog-date-badge span{font-size:10px;letter-spacing:.05em;margin-top:2px}
.catalog-poster-info{position:absolute;left:17px;bottom:17px;right:55px;z-index:2}
.catalog-poster-info h3{font:500 22px/1.15 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;margin:0 0 8px;color:#fff}
.catalog-poster-info p{font-size:12px;color:#d6d6d6;margin:0}
.catalog-card-arrow{position:absolute;bottom:16px;right:16px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ddd;border-radius:50%;font-size:16px;color:#fff}
.catalog-card--upcoming:not(a){cursor:default}
.catalog-card--replay .catalog-poster{aspect-ratio:1.55;border:1px solid #333;border-radius:4px}
.catalog-card--replay .catalog-poster:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}
.catalog-card--replay .catalog-card-copy{padding-top:11px}
.catalog-card--replay .catalog-card-copy h3{font-size:15px;font-weight:500;margin-bottom:4px}
.catalog-card--replay .catalog-card-copy p{font-size:12px}
.catalog-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:14px;padding-left:2px}
.catalog-footer{background:#050505}
@media(max-width:1050px){.catalog-nav-inner{gap:27px}.catalog-nav nav{gap:16px}}
@media(max-width:800px){.catalog-hero{height:630px;min-height:0}.catalog-hero img{object-position:59% center}}
@media(max-width:700px){.catalog-nav{height:64px}.catalog-support{display:none}.catalog-hero{height:590px}.catalog-hero-content{padding-bottom:52px}.catalog-hero h1{font-size:clamp(48px,11vw,74px)}.catalog-hero-summary{font-size:15px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card--upcoming .catalog-poster{aspect-ratio:1.1}.catalog-section{padding-top:55px}}
@media(max-width:480px){.catalog-hero{height:570px}.catalog-hero img{object-position:67% center}.catalog-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.32)),linear-gradient(0deg,rgba(0,0,0,.86),transparent 75%)}.catalog-hero h1{font-size:clamp(46px,12vw,60px)}.catalog-hero-meta{font-size:12px}.catalog-grid{grid-template-columns:1fr}.catalog-card--upcoming .catalog-poster{aspect-ratio:1.35}.catalog-card--replay .catalog-card-copy h3{font-size:13px}.catalog-card--replay .catalog-card-copy p{font-size:11px}.catalog-section-head>a{font-size:11px}}
@media(max-width:800px){
  .catalog-nav-inner{justify-content:space-between}
  .catalog-nav-inner>nav{display:none}
  .catalog-mobile-menu nav{margin:0}
  .catalog-mobile-menu nav a,.catalog-mobile-menu nav a:first-child,.catalog-mobile-menu nav a:nth-child(2),.catalog-mobile-menu nav a:nth-child(3),.catalog-mobile-menu nav a:nth-child(4),.catalog-mobile-menu nav a:nth-child(5){display:block}
}
.catalog-listing .catalog-nav{position:relative;background:#0b0b0b;border-bottom:1px solid #292929}
.catalog-listing-main{min-height:calc(100vh - 170px);padding-top:78px;padding-bottom:110px}
.catalog-listing-main h1{font:500 clamp(44px,5vw,76px)/1.02 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:10px 0 16px}
.catalog-listing-intro{color:#b5b5b5;font-size:16px;margin:0 0 46px}
.catalog-listing-card-copy{padding:16px 1px 5px}
.catalog-listing-card-copy span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aaa}
.catalog-listing-card-copy p{font-size:13px;line-height:1.5;color:#bbb;margin:9px 0 14px}
.catalog-listing-card-copy strong{font-size:12px;font-weight:600;color:#fff}
@media(max-width:700px){.catalog-listing-main{padding-top:58px;padding-bottom:80px}.catalog-listing-intro{margin-bottom:32px}}
.catalog-listing .catalog-grid,.catalog-listing .replay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,285px));gap:28px;align-items:start}
.catalog-listing .catalog-card--upcoming .catalog-poster{aspect-ratio:16/10}
.catalog-listing .replay-card{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.catalog-listing .replay-poster,.catalog-listing .replay-player{aspect-ratio:16/10;border:1px solid #343434;border-radius:4px;overflow:hidden}
.catalog-listing .replay-poster img{opacity:.7}
.catalog-listing .replay-poster span{background:rgba(0,0,0,.72);padding:8px 10px;font-size:10px;text-align:center}
.catalog-listing .replay-copy{padding:14px 0 0}
.catalog-listing .replay-copy .section-kicker{font:600 10px 'DM Sans',Arial,sans-serif;letter-spacing:.13em;color:#999}
.catalog-listing .replay-copy h2{font:500 21px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;margin:7px 0}
.catalog-listing .replay-meta{font:400 12px 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#aaa;margin:0}
.catalog-listing .replay-copy .muted{font-size:13px;line-height:1.5;color:#bbb;margin:12px 0}
.catalog-listing .replay-code-form{display:block;margin-top:17px}
.catalog-listing .replay-code-form label{font:600 10px 'DM Sans',Arial,sans-serif;letter-spacing:.08em;color:#aaa;margin:0}
.catalog-listing .replay-code-form input{background:#111;border:1px solid #555;border-radius:2px;color:#fff;padding:11px 12px;margin-top:7px}
.catalog-listing .replay-code-form button{background:#fff;border:1px solid #fff;border-radius:2px;color:#111;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:0;box-shadow:none;transform:none;padding:11px 15px;min-height:0;margin-top:10px}
.catalog-listing .replay-code-form .error{font-size:12px;color:#ff9a9a;min-height:0;margin-top:7px}
.catalog-listing .replay-copy>a.btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #fff;border-radius:2px;color:#111;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:0;box-shadow:none;transform:none;padding:11px 15px;margin-top:17px;min-height:0}
.catalog-listing .replay-copy>a.btn:hover{background:#ddd;border-color:#ddd}
@media(max-width:700px){.catalog-listing .catalog-grid,.catalog-listing .replay-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}}
#replays .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#replays .catalog-card--replay .catalog-poster{aspect-ratio:1.26}
@media(max-width:800px){#replays .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#replays .catalog-grid{grid-template-columns:1fr}}
.event-hero{height:min(680px,75svh);min-height:490px}
.event-detail-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:8%;padding-top:72px;padding-bottom:50px;border-bottom:1px solid #333}
.event-detail-section h2{font:500 clamp(36px,4vw,58px)/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:14px 0 23px}
.event-description{max-width:66ch;font-size:17px;line-height:1.65;color:#c8c8c8;margin:0}
.event-facts{margin:0;border-top:1px solid #333}
.event-facts div{border-bottom:1px solid #333;padding:17px 0}
.event-facts dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:7px}
.event-facts dd{font-size:17px;margin:0}
.event-lineup{padding-bottom:85px}
@media(max-width:700px){.event-hero{height:590px;min-height:0}.event-detail-section{grid-template-columns:1fr;gap:40px;padding-top:50px}.event-description{font-size:15px}.event-facts dd{font-size:15px}}

/* DSCVR wordmark keeps its original proportions at every viewport. */
.catalog-logo img{display:block;width:154px;height:auto;max-width:100%}
@media(max-width:800px){.catalog-logo img{width:136px}}