/* NOTW v9 – compact header, creator layout and shared space style */
:root{--nav-height:78px}
body.notw-universe .header,body.notw-universe .topbar{
 height:var(--nav-height)!important;min-height:var(--nav-height)!important;
 background:rgba(5,15,29,.94)!important;border-bottom:1px solid rgba(107,175,255,.22)!important;
 position:sticky!important;top:0!important;z-index:20000!important;
}
body.notw-universe .header .container.nav,body.notw-universe .topbar .container.nav-wrap{
 width:calc(100% - 2 * clamp(12px,1.4vw,24px))!important;max-width:none!important;
 margin-inline:auto!important;height:var(--nav-height)!important;min-height:0!important;
 display:flex!important;justify-content:space-between!important;align-items:center!important;
 flex-wrap:nowrap!important;gap:20px!important;padding:0!important;
}
body.notw-universe .header .brand,body.notw-universe .topbar .notw-mp-brand{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 width:162px!important;height:54px!important;min-width:162px!important;flex:0 0 162px!important;line-height:1!important;
 padding:0!important;margin:0!important;
}
body.notw-universe .header .brand img,body.notw-universe .topbar .notw-mp-brand img.logo{
 display:block!important;width:162px!important;height:54px!important;max-width:162px!important;
 object-fit:contain!important;object-position:left center!important;padding:0!important;margin:0!important;
}
body.notw-universe .header .notw-header-dropdown,body.notw-universe .topbar .notw-mp-header-controls{
 margin-left:auto!important;position:relative!important;display:flex!important;align-items:center!important;flex:none!important;
}
body.notw-universe .header .notw-header-dropdown .notw-menu-trigger,
body.notw-universe .topbar .notw-mp-header-controls .notw-mp-menu-trigger{
 display:inline-flex!important;width:50px!important;min-width:50px!important;max-width:50px!important;
 height:46px!important;min-height:46px!important;max-height:46px!important;
 padding:0!important;gap:0!important;justify-content:center!important;
 border-radius:11px!important;background:linear-gradient(135deg,#183a61,#0c2546)!important;
 border:1px solid rgba(112,189,255,.53)!important;
}
body.notw-universe .notw-menu-text,body.notw-universe .notw-mp-menu-text{display:none!important}
body.notw-universe .notw-menu-glyph{width:20px!important;height:16px!important}
body.notw-universe .notw-menu-glyph i{width:100%!important;height:2px!important;background:#c1e6ff!important}
/* Bring the rotating Creator cards back inside the original deck. Previous v7 generic
   card-position rule overwrote absolute positioning and caused the diagonal stacking. */
body.notw-universe .creators-page .creator-deck{position:relative!important;isolation:isolate!important;
 max-width:1200px!important;margin:28px auto 0!important;overflow:visible!important;}
body.notw-universe .creators-page .creator-deck > .creator-deck-card{
 position:absolute!important;left:50%!important;top:32px!important;margin:0!important;
 isolation:isolate!important;max-width:min(380px,92vw)!important;
}
body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-active{z-index:10!important}
body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-left,
body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-right{z-index:7!important}
/* Partners section must keep the same blue background as the rest of the site. */
body.notw-universe:not(.home-page) .partner-page-list,
body.notw-universe:not(.home-page) .partner-page-hero,
body.notw-universe:not(.home-page) .partners,
body.notw-universe:not(.home-page) .partner-contact{
 background:transparent!important;background-color:transparent!important;
 color:#f1f7ff!important;
}
body.notw-universe .partner-empty,body.notw-universe .partner-page-card{
 background:linear-gradient(150deg,rgba(21,42,73,.95),rgba(11,28,50,.96))!important;
 border-color:rgba(97,166,248,.24)!important;
}
/* Dynamic star layer is behind all cards/photos; never on the faces. */
body.notw-universe #notw-universe-stars{z-index:0!important;pointer-events:none!important}
body.notw-universe.home-page .home-only-logo-hero{isolation:isolate!important}
body.notw-universe.home-page .home-only-logo-hero .home-only-logo-bg{z-index:0!important}
body.notw-universe.home-page .home-only-logo-hero .home-only-logo-overlay{z-index:1!important}
body.notw-universe.home-page .home-only-logo-hero #notw-universe-stars{position:absolute!important;inset:0!important;z-index:2!important;opacity:1!important}
body.notw-universe.home-page .home-only-logo-hero .home-only-logo-inner{z-index:3!important}
body.notw-universe :is(main,.partner-page-list,.creators-page,.teams-hub-page,.footer){position:relative!important;z-index:1!important}
body.notw-universe .creators-page .creator-deck-card :is(img,.creator-deck-media),
body.notw-universe :is(.hub-person,.staff-person,.team-card,.player-card,.partner-page-card){isolation:isolate!important}
/* centered subtitle directly below NOTW animated mark on the home */
.home-only-logo-inner{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important}
.notw-home-tagline{position:relative;z-index:5;text-align:center;margin:-1.5rem auto 0;
 font:900 clamp(22px,3vw,46px)/1.05 'Arial Narrow',Impact,Arial,sans-serif;
 letter-spacing:.22em;text-transform:uppercase;color:#f3f7ff;
 text-shadow:0 2px 18px rgba(10,30,56,.55),0 0 24px rgba(66,147,255,.2)}
.notw-home-tagline span{color:#78c4ff}
@media(max-width:1000px){
  body.notw-universe{--nav-height:72px}
  body.notw-universe .header .brand,body.notw-universe .topbar .notw-mp-brand{width:142px!important;min-width:142px!important;flex-basis:142px!important;height:49px!important}
  body.notw-universe .header .brand img,body.notw-universe .topbar .notw-mp-brand img.logo{width:142px!important;max-width:142px!important;height:49px!important}
  body.notw-universe .creators-page .creator-deck > .creator-deck-card{top:0!important}
  .notw-home-tagline{margin:0 auto;font-size:clamp(11px,1.6vw,16px);letter-spacing:.42em}
}
@media(max-width:600px){
  body.notw-universe .header .brand,body.notw-universe .topbar .notw-mp-brand{width:132px!important;min-width:132px!important;flex-basis:132px!important}
  body.notw-universe .header .brand img,body.notw-universe .topbar .notw-mp-brand img.logo{width:132px!important;max-width:132px!important}
  body.notw-universe .creators-page .creator-deck{overflow:hidden!important}
  body.notw-universe .creators-page .creator-deck > .creator-deck-card{width:min(390px,92%)!important;max-width:none!important}
  .notw-home-tagline{font-size:clamp(9px,2.35vw,12px);letter-spacing:.24em;margin:0 auto}
}


/* V10: Logo truly at viewport left on both the homepage and all Matchpoint views. */
body.notw-universe .header .container.nav,
body.notw-universe .topbar .container.nav-wrap{
  width:calc(100% - 2 * clamp(12px,1.4vw,24px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
}
body.notw-universe .header .brand,
body.notw-universe .topbar .notw-mp-brand{margin-left:0!important;transform:none!important}
body.notw-universe .header .brand img,
body.notw-universe .topbar .notw-mp-brand img.logo{object-position:left center!important}
/* Compact wordmark directly below the animated emblem, matching the supplied reference. */
body.notw-universe.home-page .notw-home-tagline{
  margin:-.5rem auto 0!important;
  width:max-content;max-width:95vw;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(11px,1.05vw,16px)!important;
  font-weight:650!important;
  line-height:1.4!important;
  letter-spacing:clamp(2px,.38vw,6px)!important;
  white-space:nowrap!important;
}
body.notw-universe.home-page .notw-home-subtitle{
  margin:8px auto 0;color:#94a3b9;
  font:600 clamp(7px,.65vw,10px)/1.6 Inter,Arial,sans-serif;
  letter-spacing:clamp(1.5px,.30vw,4px);
  text-align:center;text-transform:uppercase;
}
@media(max-width:600px){
 body.notw-universe.home-page .notw-home-tagline{font-size:clamp(9px,2.1vw,12px)!important;letter-spacing:clamp(1px,.45vw,2px)!important}
 body.notw-universe.home-page .notw-home-subtitle{font-size:7px;letter-spacing:1px;margin-top:6px}
}


/* v12: move the home claim block much closer beneath the NOTW logo by compensating for transparent space in the WebP. */
body.notw-universe.home-page .home-only-logo-anim{
  margin:0 auto -108px!important;
}
body.notw-universe.home-page .notw-home-tagline{
  margin:0 auto 0!important;
}
body.notw-universe.home-page .notw-home-subtitle{
  margin:5px auto 0!important;
}
@media(max-width:1000px){
  body.notw-universe.home-page .home-only-logo-anim{margin:0 auto -78px!important}
}
@media(max-width:600px){
  body.notw-universe.home-page .home-only-logo-anim{margin:0 auto -48px!important}
  body.notw-universe.home-page .notw-home-subtitle{margin-top:4px!important}
}