/* Theme 1 · Studio Luxe
   One theme layer over the shared homepage/data system. */

body[data-home-theme="studio-luxe"]{
  --studio-gold:#e8c56e;
  --studio-cyan:#56def3;
  --studio-pink:#e958ab;
  --studio-green:#69eaa2;
  background:
    radial-gradient(ellipse at 0% 14%,rgba(22,113,133,.18),transparent 42%),
    radial-gradient(ellipse at 100% 18%,rgba(116,30,88,.16),transparent 44%),
    linear-gradient(90deg,#071116 0%,#080b0f 28%,#090a0e 52%,#0d0910 76%,#150b13 100%)!important;
}

/* Hero: a single cinematic studio environment. */
body[data-home-theme="studio-luxe"] main>.hero{
  min-height:430px!important;
  padding:62px 60px 58px!important;
  border-color:rgba(232,197,110,.34)!important;
  background:
    radial-gradient(circle at 83% 22%,rgba(68,211,237,.17),transparent 21%),
    radial-gradient(circle at 91% 74%,rgba(225,72,158,.14),transparent 24%),
    radial-gradient(circle at 72% 58%,rgba(232,197,110,.09),transparent 23%),
    linear-gradient(115deg,#0a1117 0%,#090d12 52%,#100c13 100%)!important;
}
body[data-home-theme="studio-luxe"] main>.hero::before{
  opacity:.9!important;
  background:
    radial-gradient(circle at 76% 17%,rgba(255,218,130,.16) 0 1.2%,transparent 1.5%),
    radial-gradient(circle at 89% 31%,rgba(255,218,130,.12) 0 .8%,transparent 1.1%),
    linear-gradient(90deg,transparent 0 61%,rgba(69,220,242,.08) 61.2% 61.5%,transparent 61.7%),
    linear-gradient(90deg,transparent 0 78%,rgba(231,80,172,.07) 78.2% 78.5%,transparent 78.7%),
    repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.018) 55px 56px)!important;
}
body[data-home-theme="studio-luxe"] main>.hero::after{
  content:"ON AIR"!important;
  top:48px!important;
  right:58px!important;
  bottom:auto!important;
  left:auto!important;
  height:auto!important;
  padding:8px 12px 7px;
  border:1px solid rgba(255,85,157,.44);
  border-radius:9px;
  background:rgba(43,8,22,.64);
  color:#ff99c5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  box-shadow:0 0 18px rgba(255,72,151,.11),inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-home-theme="studio-luxe"] main>.hero .hero-main{width:min(760px,74%)!important}
body[data-home-theme="studio-luxe"] main>.hero h1{
  font-size:clamp(3.75rem,6.8vw,6.8rem)!important;
  letter-spacing:.015em!important;
}
body[data-home-theme="studio-luxe"] main>.hero .hero-copy{
  max-width:670px!important;
  color:#dde0e5!important;
}
body[data-home-theme="studio-luxe"] main>.hero .button{
  border-radius:10px!important;
}
body[data-home-theme="studio-luxe"] main>.hero .button.primary{
  background:linear-gradient(90deg,#49e4f6 0%,#74dded 42%,#ea5aae 100%)!important;
  box-shadow:0 10px 28px rgba(231,79,171,.12),0 0 18px rgba(75,224,245,.08)!important;
}

/* Live strip feels like the control-room status bar in the target mockup. */
body[data-home-theme="studio-luxe"] main>.status-strip{
  min-height:64px!important;
  border-color:rgba(77,221,151,.38)!important;
  background:linear-gradient(90deg,rgba(6,22,20,.96),rgba(9,12,16,.97) 42%,rgba(15,10,15,.96))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.25),inset 3px 0 0 rgba(89,235,159,.78)!important;
}
body[data-home-theme="studio-luxe"] .status-strip.is-live{
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 22px rgba(79,235,156,.07),inset 3px 0 0 rgba(89,235,159,.86)!important;
}

/* Six editable visual destination tiles. */
.home-visual-nav{
  width:min(var(--public-max),calc(100% - var(--public-gutter) - var(--public-gutter)));
  max-width:none;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.home-visual-tile{
  min-width:0;
  min-height:164px;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:0 12px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:linear-gradient(180deg,#111722,#090c11);
  box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
  transition:transform .16s ease,border-color .16s ease,filter .16s ease;
}
.home-visual-nav-media{
  position:absolute;
  inset:0 0 56px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%,rgba(65,213,238,.18),transparent 43%),
    linear-gradient(180deg,#121a24,#0b0e13);
}
.home-visual-nav-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:58%;
  background:linear-gradient(180deg,transparent,rgba(7,8,11,.92));
}
.home-visual-nav-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .25s ease,filter .25s ease;
}
.home-visual-nav-media b{
  position:relative;
  z-index:1;
  font-size:42px;
  line-height:1;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.55));
}
.home-visual-tile>strong,
.home-visual-tile>small{position:relative;z-index:2;display:block}
.home-visual-tile>strong{
  color:#f5e1ad;
  font-family:Georgia,'Times New Roman',serif;
  font-size:16px;
  line-height:1.05;
  font-weight:950;
}
.home-visual-tile>small{
  margin-top:4px;
  color:#aeb6c0;
  font-size:12px!important;
  line-height:1.2!important;
}
.home-visual-tile:nth-child(1){border-color:rgba(70,219,242,.43)}
.home-visual-tile:nth-child(2){border-color:rgba(91,222,161,.40)}
.home-visual-tile:nth-child(3){border-color:rgba(232,83,174,.42)}
.home-visual-tile:nth-child(4){border-color:rgba(94,216,237,.38)}
.home-visual-tile:nth-child(5){border-color:rgba(232,197,110,.48)}
.home-visual-tile:nth-child(6){border-color:rgba(191,98,236,.38)}
@media(hover:hover) and (pointer:fine){
  .home-visual-tile:hover{
    transform:translateY(-3px);
    filter:brightness(1.06);
    border-color:rgba(239,211,139,.66);
  }
  .home-visual-tile:hover .home-visual-nav-media img{transform:scale(1.035)}
}

/* Hosts: matching footprints, slightly richer than generic cards. */
body[data-home-theme="studio-luxe"] .home-hosts-bridge{
  margin-top:4px!important;
  margin-bottom:10px!important;
}
body[data-home-theme="studio-luxe"] .home-people-section .home-person-card{
  border-width:1px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(58,204,229,.055),transparent 28%),
    linear-gradient(145deg,#0c1118,#0d0b11)!important;
}
body[data-home-theme="studio-luxe"] #home-joey-card{border-color:rgba(70,219,242,.46)!important}
body[data-home-theme="studio-luxe"] #home-milo-card{border-color:rgba(226,76,165,.44)!important}
body[data-home-theme="studio-luxe"] .home-person-role{color:#efd078!important}
body[data-home-theme="studio-luxe"] .home-person-bio{color:#d5c8b5!important}

/* Videos is quieter than the old neon card wall, but still visibly entertainment-first. */
body[data-home-theme="studio-luxe"] #videos{
  background:
    radial-gradient(circle at 10% 15%,rgba(227,77,168,.08),transparent 28%),
    radial-gradient(circle at 86% 8%,rgba(72,214,238,.08),transparent 28%),
    linear-gradient(145deg,#0b1117,#080a0f)!important;
  border-color:rgba(121,218,234,.22)!important;
}
body[data-home-theme="studio-luxe"] .videos-home-tile{
  border-radius:12px;
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-home-theme="studio-luxe"] .shows-public-panel{
  background:linear-gradient(145deg,#0d1117,#0c0a0f)!important;
  border-color:rgba(232,197,110,.20)!important;
}

/* Keep social/community links consolidated in the existing footer. */
body[data-home-theme="studio-luxe"] .site-footer{
  border-top-color:rgba(232,197,110,.15)!important;
  background:linear-gradient(180deg,#080a0e,#050609)!important;
}

@media(max-width:980px){
  .home-visual-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-home-theme="studio-luxe"] main>.hero .hero-main{width:82%!important}
}
@media(max-width:760px){
  body[data-home-theme="studio-luxe"] main>.hero{
    min-height:0!important;
    padding:38px 24px 36px!important;
  }
  body[data-home-theme="studio-luxe"] main>.hero .hero-main{width:100%!important}
  .home-visual-nav{
    width:calc(100% - 28px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .home-visual-tile{min-height:146px}
}