/* NeuroBios Studios homepage MERGE preview v03 — NOT FOR DEPLOYMENT.
   All existing canonical hero, lower carousel and footer styles remain unchanged.
   Three-by-two Featured Slate styling retained from reviewed v02.
*/
.studios-homepage #slate {
  position:relative; isolation:isolate; padding:52px 0 58px !important;
  background:radial-gradient(ellipse 54% 62% at 83% 14%,rgba(147,105,52,.12),transparent 78%),
  radial-gradient(ellipse 54% 72% at 8% 87%,rgba(36,72,101,.19),transparent 77%),
  linear-gradient(180deg,#080b12 0%,#0b1019 52%,#080b11 100%) !important;
}
.studios-homepage #slate::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  opacity:.6; background:radial-gradient(circle at 50% 50%,rgba(196,158,93,.048),transparent 68%);
}
.studios-homepage #slate>.container { max-width:1260px; }
.studios-homepage #slate h2 {
  text-align:center; margin:0 0 9px; font-size:clamp(20px,2.1vw,28px);
  letter-spacing:.13em; color:#eee9dd;
}
.studios-homepage #slate .lead {
  margin:0 auto 26px !important; max-width:690px !important; text-align:center;
  font-size:14px; line-height:1.5 !important;
}
.studios-homepage #slate .grid {
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  max-width:1164px !important; gap:16px !important; margin:0 auto !important;
  align-items:stretch;
}
.studios-homepage #slate .card {
  grid-column:auto !important; min-width:0; min-height:278px !important;
  border-radius:18px !important; overflow:hidden;
  border:1px solid rgba(201,164,100,.21) !important;
  background:rgba(11,15,23,.93) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.05) !important;
}
.studios-homepage #slate .card .poster {
  object-position:center 37%; filter:brightness(.65) saturate(.91) !important;
  transform:scale(1.01);
}
.studios-homepage #slate .card .overlay {
  background:linear-gradient(180deg,rgba(5,8,13,.39) 0%,rgba(5,8,13,.54) 31%,rgba(5,8,13,.91) 100%) !important;
  opacity:1 !important;
}
.studios-homepage #slate .card .content {
  min-height:278px !important; padding:15px 17px 16px !important; gap:9px !important;
}
.studios-homepage #slate .card .badge {
  font-size:10px !important; line-height:1.15 !important;
  padding:5px 9px !important; letter-spacing:.12em;
}
.studios-homepage #slate .card .title {
  margin:0 !important; font-size:clamp(17px,1.5vw,20px) !important; line-height:1.2 !important;
}
.studios-homepage #slate .card .meta {
  gap:6px !important; font-size:11px !important; letter-spacing:.025em !important;
}
.studios-homepage #slate .card .meta span { padding:4px 8px !important; }
.studios-homepage #slate .card .logline {
  margin:0 !important; font-size:13px !important; line-height:1.46 !important;
  color:rgba(241,239,232,.85) !important;
}
.studios-homepage #slate .card .linkrow { gap:10px; font-size:11px !important; line-height:1.25; }
.studios-homepage #slate .card .linkrow a { font-size:10px !important; }
.studios-homepage #slate .card:hover,
.studios-homepage #slate .card:focus-within {
  border-color:rgba(227,186,109,.56) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.43),0 0 18px rgba(198,170,105,.07) !important;
}
.studios-homepage #slate .card:hover .poster,
.studios-homepage #slate .card:focus-within .poster {
  filter:brightness(.8) saturate(.99) !important;
}
@media(max-width:1020px) {
  .studios-homepage #slate .grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:790px !important;
  }
  .studios-homepage #slate .card,
  .studios-homepage #slate .card .content { min-height:260px !important; }
}
@media(max-width:630px) {
  .studios-homepage #slate { padding:42px 0 46px !important; }
  .studios-homepage #slate .lead { margin-bottom:19px !important; }
  .studios-homepage #slate .grid {
    grid-template-columns:minmax(0,1fr) !important; gap:12px !important;
    max-width:440px !important;
  }
  .studios-homepage #slate .card,
  .studios-homepage #slate .card .content { min-height:245px !important; }
  .studios-homepage #slate .card .content { padding:14px !important; }
}
/* Evermere showcase: the approved character section is isolated in its own
   visual frame so its original CSS cannot change the locked hero or footer. */
/* NEUROBIOS_STUDIOS_EVERMERE_TYPE_CONTRAST_PREVIEW_V01: transition-adjustment; v11 illustration intact. */
.studios-homepage #characters.studios-v03-character-bridge::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:158px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(7,8,12,.97) 0%,
    rgba(7,8,12,.70) 19%,
    rgba(7,8,12,.28) 42%,
    rgba(7,8,12,.03) 66%,
    rgba(7,8,12,0) 78%,
    rgba(7,8,12,0) 100%);
}
.studios-homepage #characters > .studios-v03-character-frame {
  position:relative;
  z-index:1;
}
@media (max-width:760px) {
  .studios-homepage #characters.studios-v03-character-bridge::before {
    height:120px;
  }
}

.studios-homepage #characters.studios-v03-character-bridge {
  position:relative; display:block; width:100%; margin:0; padding:0;
  background:#0c1520; isolation:isolate; overflow:hidden;
}
.studios-homepage #characters .studios-v03-character-frame {
  display:block; width:100%; height:1040px; border:0; margin:0;
  overflow:hidden; background:#0c1520;
}
@media(max-width:760px) {
  .studios-homepage #characters .studios-v03-character-frame { height:1250px; }
}
/* Old Positioning, Pipeline, Contact sections are retained ONLY in this
   off-flow information dialog so existing nav links and Request Deck work. */
.studios-homepage .studios-v03-dialog {
  width:min(920px,calc(100vw - 36px)); max-height:min(88vh,850px);
  margin:auto; padding:26px; border-radius:20px;
  border:1px solid rgba(204,163,88,.5); background:#0b1018;
  color:#f1ede7; box-shadow:0 24px 75px rgba(0,0,0,.7);
  overflow:auto;
}
.studios-homepage .studios-v03-dialog:not([open]) { display:none !important; }
.studios-homepage .studios-v03-dialog::backdrop { background:rgba(2,4,10,.82); }
.studios-homepage .studios-v03-dialog .studios-v03-dialog-head {
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; margin-bottom:16px;
}
.studios-homepage .studios-v03-dialog .studios-v03-dialog-head strong {
  letter-spacing:.12em; text-transform:uppercase; font-size:16px;
}
.studios-homepage .studios-v03-dialog .studios-v03-dialog-close {
  padding:9px 15px; border:1px solid rgba(198,170,105,.5);
  background:#171b23; border-radius:999px; color:#efe3ca; cursor:pointer;
}
.studios-homepage .studios-v03-dialog .section {
  padding:12px 0 18px !important; background:none !important;
}
.studios-homepage .studios-v03-dialog .section::before,
.studios-homepage .studios-v03-dialog .section::after {
  content:none !important; display:none !important;
}
.studios-homepage .studios-v03-dialog .section>.container { max-width:100% !important; padding:0 !important; }
.studios-homepage .studios-v03-dialog .section h2 { font-size:19px; margin:0 0 9px; }
.studios-homepage .studios-v03-dialog .section .lead { font-size:14px; margin:0 0 15px; }
.studios-homepage .studios-v03-dialog .split,
.studios-homepage .studios-v03-dialog .homepage-lower-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
}
.studios-homepage .studios-v03-dialog .panel {
  min-height:0; padding:16px; background:#141b25;
  border:1px solid rgba(198,170,105,.2); border-radius:14px;
}
.studios-homepage .studios-v03-dialog .panel h3 { margin:0 0 10px; }
.studios-homepage .studios-v03-dialog .homepage-lower-block { min-width:0; }
@media(max-width:760px) {
  .studios-homepage .studios-v03-dialog { padding:16px; }
  .studios-homepage .studios-v03-dialog .split,
  .studios-homepage .studios-v03-dialog .homepage-lower-grid {
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce) {
  .studios-homepage #slate .card,.studios-homepage #slate .card .poster {
    transition:none !important;
  }
}