/* Public UI: spacing, Rockstar lightbox, featured stills, site map */

.seo-alias{
  display:block;
  max-width:720px;
  margin:16px 0 0 !important;
  line-height:1.7 !important;
  color:#8a8a8a !important;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px 18px;
  margin-top:28px;
}
.page-hero .hero-actions,
.ln-hero-copy .hero-actions,
.hero-inner .hero-actions{
  margin-top:48px;
}
.ln-hero-copy{padding-bottom:36px}
.btn{
  line-height:1.25;
  padding:14px 22px;
}
.dual .meta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:16px 18px 20px;
  line-height:1.45;
  letter-spacing:.08em;
}
.dual .meta a{
  display:inline-block;
  margin-top:2px;
  padding:8px 12px;
  border:1px solid var(--pink,#ff4da6);
  color:var(--pink,#ff4da6) !important;
  font-size:12px;
  letter-spacing:.12em;
}

.rs-top{
  gap:12px 18px;
}
.rs-nav{
  gap:10px 20px;
  flex:1;
  justify-content:flex-end;
}
.rs-nav a{
  font-size:13px;
  letter-spacing:.08em;
  white-space:nowrap;
}

.explore-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:12px;
  margin-top:8px;
}
.explore-grid a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:14px 12px;
  border:1px solid #2a2a2a;
  background:#0d0d0d;
  font-family:var(--body,'Barlow Condensed',sans-serif);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  font-size:14px;
  text-align:center;
}
.explore-grid a:hover{
  border-color:var(--pink,#ff4da6);
  color:var(--pink,#ff4da6);
}

.media-row{
  display:grid !important;
  grid-template-columns:1.35fr 1fr !important;
  grid-auto-rows:minmax(220px,auto);
  gap:14px !important;
}
.media-row .feature-card:first-child{
  grid-row:1 / span 2;
  min-height:520px;
}
.media-row .feature-card{
  min-height:250px;
  cursor:pointer;
}
.media-row .feature-card .cap{
  font-size:18px;
  letter-spacing:.12em;
  padding:22px 18px;
}

.reel-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:16px;
}
.reel-card{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid #1c1c1c;
  background:#0a0a0a;
  min-height:280px;
  cursor:pointer;
  color:inherit;
}
.reel-card--lead{
  grid-row:span 2;
  min-height:560px;
}
.reel-card img,
.reel-card video{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:280px;
  display:block;
}
.reel-card--lead img,
.reel-card--lead video{min-height:560px}
.reel-card .play-badge{
  width:72px;
  height:72px;
  border-width:3px;
}
.reel-card .cap{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:20px 18px 18px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));
  font-family:var(--body,'Barlow Condensed',sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:18px;
}

.shot-featured{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  grid-template-rows:minmax(180px,1fr) minmax(180px,1fr);
  gap:12px;
}
.shot-featured .shot-lg{
  grid-row:span 2;
  aspect-ratio:auto;
  min-height:420px;
}
.shot-featured .shot{margin:0}

.shot-spoiler{
  margin-top:18px;
  border:1px solid #222;
  background:#0a0a0a;
}
.shot-spoiler > summary{
  cursor:pointer;
  list-style:none;
  padding:18px 20px;
  font-family:var(--body,'Barlow Condensed',sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--pink,#ff4da6);
  font-weight:700;
  font-size:16px;
}
.shot-spoiler > summary::-webkit-details-marker{display:none}
.shot-spoiler[open] > summary{border-bottom:1px solid #222}
.shot-spoiler .shot-grid{margin:16px;margin-top:16px}

.seo-wall{display:none !important}

.cl6-lb{
  position:fixed;
  inset:0;
  z-index:80;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px 16px 32px;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(10px);
}
.cl6-lb[hidden]{display:none !important}
.cl6-lb video,
.cl6-lb img.cl6-lb-img{
  width:min(1180px,96vw);
  max-height:78vh;
  background:#000;
  border:1px solid #2a2a2a;
  object-fit:contain;
}
.cl6-lb .cl6-lb-img[hidden],
.cl6-lb .cl6-lb-video[hidden]{display:none !important}
.cl6-lb video{aspect-ratio:16/9;height:auto}
.cl6-lb-cap{
  margin-top:14px;
  font-family:var(--body,'Barlow Condensed',sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#ddd;
  font-size:15px;
}
.cl6-lb-close{
  position:absolute;
  top:18px;
  right:22px;
  width:44px;
  height:44px;
  border:1px solid #444;
  background:#111;
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.cl6-lb-close:hover{border-color:var(--pink,#ff4da6);color:var(--pink,#ff4da6)}
body.cl6-lb-open{overflow:hidden}

@media (max-width:900px){
  .media-row{
    grid-template-columns:1fr !important;
  }
  .media-row .feature-card:first-child{
    grid-row:auto;
    min-height:280px;
  }
  .reel-grid{grid-template-columns:1fr}
  .reel-card--lead,
  .reel-card--lead img,
  .reel-card--lead video{min-height:280px;grid-row:auto}
  .shot-featured{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
  }
  .shot-featured .shot-lg{
    grid-column:1 / -1;
    grid-row:auto;
    min-height:220px;
  }
  .rs-nav a{font-size:12px}
  .hero-actions{margin-top:24px;gap:12px}
  .btn{white-space:normal;text-align:center}
}