/* The Monumentalizer title-page layer — consolidated */

/* The Monumentalizer title-page layer
   Loaded after ../styles.css so the Studios homepage remains untouched. */

.the-monumentalizer-page{
  position:relative;
  background:#07080c;
}

.the-monumentalizer-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg, rgba(7,8,12,.10) 0%, rgba(7,8,12,.52) 38%, rgba(7,8,12,.88) 100%),
    url("../assets/posters/the-monumentalizer.webp") center top / cover no-repeat;
}

.the-monumentalizer-page::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(900px 620px at 18% 18%, rgba(198,170,105,.15), transparent 64%),
    linear-gradient(180deg, rgba(7,8,12,.08), rgba(7,8,12,.78) 58%, rgba(7,8,12,.94));
}

.the-monumentalizer-page .hero{
  min-height:100vh;
  background:transparent;
}

.the-monumentalizer-page .hero-media img{
  object-position:center 22%;
  filter:brightness(.58) saturate(1.05);
  transform:scale(1.035);
}

.the-monumentalizer-page .hero::after{
  background:
  radial-gradient(
    980px 560px at 50% 52%,
    rgba(7,8,12,0) 0%,
    rgba(7,8,12,.02) 42%,
    rgba(7,8,12,.18) 72%,
    rgba(7,8,12,.42) 100%
  ),
  linear-gradient(
    180deg,
    rgba(7,8,12,.58) 0%,
    rgba(7,8,12,.34) 20%,
    rgba(7,8,12,.08) 42%,
    rgba(7,8,12,.04) 58%,
    rgba(7,8,12,.20) 78%,
    rgba(7,8,12,.82) 100%
  ) !important;
}

.the-monumentalizer-page .hero-wordmark-wrap{
  display:none;
}

.the-monumentalizer-page .hero-content{
  transform:translateX(-9px);
}

.the-monumentalizer-page .hero-grid{
  padding-top:350px;
}

.title-page-identity{
  margin:0 auto 18px;
  text-align:center;
}

.title-page-kicker{
  margin:0 0 8px;
  color:var(--gold);
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  text-shadow:0 2px 16px rgba(0,0,0,.72);
}

.title-page-identity h1{
  margin:0;
  color:var(--text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,6vw,82px);
  line-height:.98;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:
    0 2px 20px rgba(0,0,0,.82),
    0 0 22px rgba(198,170,105,.18);
}

.the-monumentalizer-page main{
  position:relative;
  background:transparent;
}

.the-monumentalizer-page .section{
  position:relative;
  background:transparent;
}

.the-monumentalizer-page .section .container{
  position:relative;
}

.the-monumentalizer-page .panel{
  background:rgba(10,12,18,.68);
  border-color:rgba(255,255,255,.11);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(1.04);
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
}

@media (max-width:1100px){
  .the-monumentalizer-page .hero-grid{
    padding-top:320px;
  }
}

@media (max-width:760px){
  .the-monumentalizer-page::before{
    background:
      linear-gradient(180deg, rgba(7,8,12,.14), rgba(7,8,12,.90)),
      url("../assets/posters/the-monumentalizer.webp") center top / cover no-repeat;
  }

  .the-monumentalizer-page .hero-grid{
    padding-top:300px;
  }

  .title-page-identity h1{
    font-size:clamp(36px,12vw,58px);
  }
}

/* Existing embedded title-page rules, moved out of index.html */
/* The Monumentalizer — self-contained title-page overrides.
   Embedded deliberately to eliminate external stylesheet/path ambiguity. */

html,
body.the-monumentalizer-page{
  min-height:100%;
  background:#07080c;
}

body.the-monumentalizer-page{
  position:relative;
  background:none !important;
}

/* One permanent full-screen artwork layer behind the entire document. */
body.the-monumentalizer-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(7,8,12,.05), rgba(7,8,12,.18) 56%, rgba(7,8,12,.38)),
    url("../assets/posters/the-monumentalizer.webp") center center / cover no-repeat;
}

body.the-monumentalizer-page::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(950px 680px at 18% 18%, rgba(198,170,105,.10), transparent 66%),
    linear-gradient(180deg, transparent 0%, rgba(7,8,12,.10) 58%, rgba(7,8,12,.24) 100%);
}

/* Remove every competing page background. */
.the-monumentalizer-page .hero,
.the-monumentalizer-page main,
.the-monumentalizer-page .section{
  background:transparent !important;
}

/* Prevent the original hero image from creating a separate first page. */
.the-monumentalizer-page .hero-media{
  display:none !important;
}

.the-monumentalizer-page .hero{
  min-height:100vh;
}

.the-monumentalizer-page .hero::after{
  background:
    radial-gradient(1050px 560px at 18% 35%, rgba(198,170,105,.08), transparent 62%),
    linear-gradient(180deg, rgba(7,8,12,.02), rgba(7,8,12,.10) 64%, rgba(7,8,12,.22)) !important;
}

.the-monumentalizer-page .hero-wordmark-wrap{
  display:none !important;
}

.the-monumentalizer-page .hero-content{
  transform:translateX(-9px);
}

.the-monumentalizer-page .hero-grid{
  padding-top:350px;
  padding-bottom:34px;
}

.title-page-identity{
  margin:0 auto 18px;
  text-align:center;
}

.title-page-kicker{
  margin:0 0 8px;
  color:var(--gold);
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  text-shadow:0 2px 16px rgba(0,0,0,.72);
}

.title-page-identity h1{
  margin:0;
  color:var(--text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,6vw,82px);
  line-height:.98;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:
    0 2px 20px rgba(0,0,0,.82),
    0 0 22px rgba(198,170,105,.18);
}

.title-page-controls{
  text-align:center;
}

/* Carousel stays in the opening hero and scrolls away normally. */
.the-monumentalizer-page .slate-carousel{
  position:absolute !important;
}

/* Floating translucent content panels. */
.the-monumentalizer-page .panel{
  background:rgba(8,10,16,.48) !important;
  border-color:rgba(255,255,255,.15) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(20px) saturate(1.06);
  -webkit-backdrop-filter:blur(20px) saturate(1.06);
}

.the-monumentalizer-page .section h2,
.the-monumentalizer-page .section p.lead{
  text-shadow:0 3px 22px rgba(0,0,0,.90);
}

/* Keep the top-left Studios lockup fixed. */
.the-monumentalizer-page .topbar{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:80;
  pointer-events:none;
}

.the-monumentalizer-page .topbar-inner,
.the-monumentalizer-page .brandlink{
  pointer-events:auto;
}

/* Canonical Studios header geometry inherited from the homepage. */
.the-monumentalizer-page .topbar .container{
  max-width:none !important;
  padding:0 !important;
}

.the-monumentalizer-page .topbar-inner{
  position:relative !important;
  min-height:106px !important;
  padding:0 !important;
}

.the-monumentalizer-page .brandlink{
  position:fixed !important;
  top:18px !important;
  left:28px !important;
  margin:0 !important;
  z-index:120 !important;
}

.the-monumentalizer-page .brand-logo{
  height:88px !important;
  width:auto !important;
  max-width:none !important;
  transform:none !important;
}

/* Break the menu/orb pair out of flex layout entirely. */
.the-monumentalizer-page .topbar-right{
  position:static !important;
  margin:0 !important;
}

.the-monumentalizer-page .title-menu-anchor{
  position:fixed !important;
  top:18px !important;
  right:28px !important;
  width:186px !important;
  height:88px !important;
  display:block !important;
  z-index:120 !important;
  pointer-events:auto !important;
}

/* Orb permanently owns the far-right corner. */
.the-monumentalizer-page .title-corner-orb{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:88px !important;
  height:88px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

.the-monumentalizer-page .title-corner-orb .neurobios-mark{
  height:70px !important;
  width:auto !important;
  transform:none !important;
}

/* Menu button is permanently anchored immediately left of the orb. */
.the-monumentalizer-page .title-menu-cluster{
  position:absolute !important;
  top:27px !important;
  right:100px !important;
  width:78px !important;
  height:34px !important;
  margin:0 !important;
}

.the-monumentalizer-page .title-menu-toggle{
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  width:78px !important;
  min-width:78px !important;
  margin:0 !important;
  padding:7px 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:1px solid rgba(198,170,105,.34) !important;
  border-radius:999px !important;
  background:rgba(7,8,12,.34) !important;
  color:var(--gold) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(14px) saturate(1.05);
  -webkit-backdrop-filter:blur(14px) saturate(1.05);
  font:inherit !important;
  font-size:10px !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

/* Drawer is absolutely positioned and can never move the trigger. */
.the-monumentalizer-page .title-floating-menu{
  position:absolute !important;
  top:-1px !important;
  right:88px !important;
  z-index:2 !important;
  width:max-content !important;
  max-width:min(760px, calc(100vw - 300px)) !important;
  padding:8px !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  white-space:nowrap !important;
  border:1px solid rgba(198,170,105,.30) !important;
  border-radius:18px !important;
  background:rgba(8,10,15,.36) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(14px) saturate(1.04);
  -webkit-backdrop-filter:blur(14px) saturate(1.04);
  transform-origin:right center;
  animation:titleMenuDraw .22s cubic-bezier(.22,1,.36,1);
}

.the-monumentalizer-page .title-floating-menu[hidden]{
  display:none !important;
}

.the-monumentalizer-page .title-floating-menu a{
  display:inline-flex !important;
  align-items:center !important;
  padding:9px 11px !important;
  border-radius:11px !important;
  color:rgba(242,239,231,.90) !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}

.the-monumentalizer-page .title-floating-menu a::before{
  content:"✦";
  display:inline-block;
  width:14px;
  color:var(--gold);
  font-size:8px;
  opacity:.85;
}

.the-monumentalizer-page .title-floating-menu a:hover,
.the-monumentalizer-page .title-floating-menu a:focus-visible{
  color:#fff6df !important;
  background:rgba(198,170,105,.10) !important;
  outline:none !important;
}

.the-monumentalizer-page .title-floating-menu .title-menu-deck{
  margin-left:4px !important;
  border:1px solid rgba(198,170,105,.22) !important;
  background:linear-gradient(180deg, rgba(198,170,105,.13), rgba(198,170,105,.05)) !important;
  color:var(--gold) !important;
}

@keyframes titleMenuDraw{
  from{
    opacity:0;
    transform:translateX(10px) scaleX(.96);
  }
  to{
    opacity:1;
    transform:translateX(0) scaleX(1);
  }
}

@media (max-width:700px){
  body.the-monumentalizer-page::before{
    background:
      linear-gradient(180deg, rgba(7,8,12,.10), rgba(7,8,12,.52)),
      url("../assets/posters/the-monumentalizer.webp") center top / cover no-repeat;
  }

  .the-monumentalizer-page .hero-grid{
    padding-top:300px;
    padding-bottom:22px;
  }

  .title-page-identity h1{
    font-size:clamp(36px,12vw,58px);
  }

  .the-monumentalizer-page .title-menu-anchor{
    top:12px !important;
    right:10px !important;
    width:154px !important;
    height:66px !important;
  }

  .the-monumentalizer-page .title-corner-orb{
    width:66px !important;
    height:66px !important;
  }

  .the-monumentalizer-page .title-corner-orb .neurobios-mark{
    height:54px !important;
  }

  .the-monumentalizer-page .title-menu-cluster{
    top:17px !important;
    right:76px !important;
    width:68px !important;
  }

  .the-monumentalizer-page .title-menu-toggle{
    width:68px !important;
    min-width:68px !important;
    padding:6px 9px !important;
    font-size:9px !important;
  }

  .the-monumentalizer-page .title-floating-menu{
    top:42px !important;
    right:0 !important;
    width:210px !important;
    max-width:calc(100vw - 28px) !important;
    display:block !important;
    white-space:normal !important;
  }

  .the-monumentalizer-page .title-floating-menu a{
    display:block !important;
  }

  .the-monumentalizer-page .title-floating-menu .title-menu-deck{
    margin-top:6px !important;
    margin-left:0 !important;
  }

  .the-monumentalizer-page .panel{
    background:rgba(8,10,16,.64) !important;
  }
}


/* === PRODUCTION ARTWORK SHOWCASE — CANONICAL TITLE-PAGE COMPONENT === */
.the-monumentalizer-page .artwork-showcase-section{
  padding:64px 0 28px;
  scroll-margin-top:110px;
}

.the-monumentalizer-page .artwork-showcase-panel{
  min-height:min(82vh, 860px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:26px;
  border:1px solid rgba(198,170,105,.28);
  border-radius:28px;
  background:rgba(7,8,12,.62);
  box-shadow:
    0 28px 80px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 28px rgba(198,170,105,.08);
  backdrop-filter:blur(12px) saturate(1.02);
  -webkit-backdrop-filter:blur(12px) saturate(1.02);
}

.the-monumentalizer-page .artwork-showcase-frame{
  height:min(72vh, 760px);
  max-width:min(100%, 560px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(0,0,0,.22);
  box-shadow:
    0 24px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.the-monumentalizer-page .artwork-showcase-frame img{
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  object-fit:contain;
  border-radius:16px;
}

.the-monumentalizer-page .artwork-showcase-caption{
  margin:0;
  color:var(--gold);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center;
  text-shadow:0 2px 16px rgba(0,0,0,.72);
}

@media (max-width:700px){
  .the-monumentalizer-page .artwork-showcase-section{
    padding:42px 0 22px;
  }

  .the-monumentalizer-page .artwork-showcase-panel{
    min-height:74vh;
    padding:16px;
    border-radius:22px;
  }

  .the-monumentalizer-page .artwork-showcase-frame{
    height:64vh;
    padding:8px;
    border-radius:18px;
  }

  .the-monumentalizer-page .artwork-showcase-frame img{
    border-radius:13px;
  }
}



/* === EXPLORE MORE PRODUCTIONS — CANONICAL TITLE-PAGE LOOP ===== */
.the-monumentalizer-page .more-productions-section{
  padding:26px 0 18px;
  scroll-margin-top:110px;
}

.the-monumentalizer-page .more-productions-panel{
  position:relative;
  padding:24px 68px 30px;
  border:1px solid rgba(198,170,105,.24);
  border-radius:28px;
  background:rgba(7,8,12,.56);
  box-shadow:
    0 26px 76px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(14px) saturate(1.03);
  -webkit-backdrop-filter:blur(14px) saturate(1.03);
}

.the-monumentalizer-page .more-productions-heading{
  margin-bottom:20px;
  text-align:center;
}

.the-monumentalizer-page .more-productions-kicker{
  margin:0 0 7px;
  color:var(--gold);
  font-size:10px;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.the-monumentalizer-page .more-productions-heading h2{
  margin:0;
  font-size:20px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.the-monumentalizer-page .more-productions-carousel{
  position:relative;
}

.the-monumentalizer-page .more-productions-track{
  display:flex;
  align-items:flex-start;
  gap:14px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:8px 2px 18px;
}

.the-monumentalizer-page .more-productions-track::-webkit-scrollbar{
  display:none;
}

.the-monumentalizer-page .more-production-card{
  position:relative;
  flex:0 0 132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:11px;
  scroll-snap-align:center;
  text-decoration:none;
}

.the-monumentalizer-page .more-production-poster{
  position:relative;
  width:132px;
  aspect-ratio:2 / 3;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:17px;
  background:rgba(13,15,22,.34);
  box-shadow:
    0 13px 30px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.07);
  transition:
    transform .25s cubic-bezier(.22,1,.36,1),
    border-color .25s ease,
    box-shadow .25s ease;
}

.the-monumentalizer-page .more-production-poster img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:brightness(.82) saturate(1.02);
  transition:filter .25s ease, transform .25s cubic-bezier(.22,1,.36,1);
}

.the-monumentalizer-page .more-production-name{
  max-width:138px;
  color:rgba(242,239,231,.80);
  font-size:10px;
  line-height:1.35;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-align:center;
}

.the-monumentalizer-page .more-production-card:hover,
.the-monumentalizer-page .more-production-card:focus-visible{
  text-decoration:none;
  outline:none;
}

.the-monumentalizer-page .more-production-card:hover .more-production-poster,
.the-monumentalizer-page .more-production-card:focus-visible .more-production-poster{
  transform:translateY(-5px);
  border-color:rgba(198,170,105,.46);
  box-shadow:
    0 17px 38px rgba(0,0,0,.44),
    0 0 20px rgba(198,170,105,.12),
    inset 0 1px 0 rgba(255,255,255,.09);
}

.the-monumentalizer-page .more-production-card:hover .more-production-poster img,
.the-monumentalizer-page .more-production-card:focus-visible .more-production-poster img{
  filter:brightness(.96) saturate(1.06);
  transform:scale(1.025);
}

/* Current title: restrained gold shimmering line. */
.the-monumentalizer-page .more-production-card.is-current-title::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      rgba(198,170,105,.18) 0%,
      rgba(244,211,126,.96) 38%,
      rgba(255,243,188,1) 50%,
      rgba(244,211,126,.96) 62%,
      rgba(198,170,105,.18) 100%
    );
  background-size:220% 100%;
  box-shadow:
    0 0 8px rgba(198,170,105,.72),
    0 0 16px rgba(198,170,105,.30);
  animation:currentTitleShimmer 2.8s linear infinite;
}

.the-monumentalizer-page .more-production-card.is-current-title .more-production-poster{
  border-color:rgba(198,170,105,.48);
  box-shadow:
    0 15px 34px rgba(0,0,0,.42),
    0 0 19px rgba(198,170,105,.12),
    inset 0 1px 0 rgba(255,255,255,.09);
}

.the-monumentalizer-page .more-production-card.is-current-title .more-production-name{
  color:var(--gold);
}

@keyframes currentTitleShimmer{
  from{background-position:200% 0;}
  to{background-position:-20% 0;}
}

.the-monumentalizer-page .more-productions-arrow{
  position:absolute;
  top:50%;
  z-index:4;
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(198,170,105,.28);
  border-radius:999px;
  background:rgba(7,8,12,.76);
  color:var(--gold);
  box-shadow:0 10px 28px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font:inherit;
  cursor:pointer;
  transform:translateY(-62%);
}

.the-monumentalizer-page .more-productions-arrow:hover,
.the-monumentalizer-page .more-productions-arrow:focus-visible{
  border-color:rgba(198,170,105,.54);
  background:rgba(198,170,105,.12);
  outline:none;
}

.the-monumentalizer-page .more-productions-arrow-prev{
  left:-50px;
}

.the-monumentalizer-page .more-productions-arrow-next{
  right:-50px;
}

@media (prefers-reduced-motion:reduce){
  .the-monumentalizer-page .more-production-card.is-current-title::after{
    animation:none;
  }
}

@media (max-width:900px){
  .the-monumentalizer-page .more-productions-panel{
    padding-left:24px;
    padding-right:24px;
  }

  .the-monumentalizer-page .more-productions-arrow{
    display:none;
  }
}

@media (max-width:700px){
  .the-monumentalizer-page .more-productions-section{
    padding:18px 0 14px;
  }

  .the-monumentalizer-page .more-productions-panel{
    padding:20px 16px 24px;
    border-radius:22px;
  }

  .the-monumentalizer-page .more-production-card{
    flex-basis:116px;
  }

  .the-monumentalizer-page .more-production-poster{
    width:116px;
    border-radius:15px;
  }

  .the-monumentalizer-page .more-productions-track{
    padding-left:8px;
    padding-right:8px;
  }
}



/* === TITLE MENU — DROP-DOWN BELOW FIXED TRIGGER =============== */
.the-monumentalizer-page .title-floating-menu{
  top:36px !important;
  right:0 !important;
  width:210px !important;
  max-width:calc(100vw - 56px) !important;
  display:block !important;
  white-space:normal !important;
  transform-origin:top right !important;
  animation:titleMenuDrop .20s cubic-bezier(.22,1,.36,1) !important;
}

.the-monumentalizer-page .title-floating-menu a{
  display:block !important;
  width:100%;
}

.the-monumentalizer-page .title-floating-menu .title-menu-deck{
  margin-top:6px !important;
  margin-left:0 !important;
}

@keyframes titleMenuDrop{
  from{
    opacity:0;
    transform:translateY(-8px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* === EXPLORE MORE — BALANCED FIVE-TILE VIEWPORT =============== */
.the-monumentalizer-page .more-productions-panel{
  max-width:1040px !important;
  margin:0 auto !important;
  padding:24px 54px 30px !important;
}

.the-monumentalizer-page .more-productions-carousel{
  width:min(100%, 790px);
  margin:0 auto;
}

.the-monumentalizer-page .more-productions-track{
  width:100%;
  overflow-x:auto !important;
  overflow-y:hidden;
  justify-content:flex-start;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
}

.the-monumentalizer-page .more-production-card{
  scroll-snap-align:start;
}

.the-monumentalizer-page .more-productions-arrow-prev{
  left:-52px !important;
}

.the-monumentalizer-page .more-productions-arrow-next{
  right:-52px !important;
}

@media (max-width:900px){
  .the-monumentalizer-page .more-productions-carousel{
    width:100%;
  }
}



/* === EXPLORE MORE — FINAL SYMMETRICAL SIX-TITLE LAYOUT ======== */
.the-monumentalizer-page .more-productions-section .container{
  max-width:1220px !important;
}

.the-monumentalizer-page .more-productions-panel{
  width:100% !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:24px 46px 30px !important;
}

.the-monumentalizer-page .more-productions-carousel{
  width:100% !important;
  margin:0 auto !important;
}

.the-monumentalizer-page .more-productions-track{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:14px !important;
  overflow:visible !important;
  padding:8px 0 18px !important;
  scroll-snap-type:none !important;
}

.the-monumentalizer-page .more-production-card{
  flex:0 0 132px !important;
}

.the-monumentalizer-page .more-productions-arrow{
  display:none !important;
}

@media (max-width:980px){
  .the-monumentalizer-page .more-productions-track{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}



.the-monumentalizer-page .title-floating-menu::before{
  content:"";
  position:absolute;
  top:-8px;
  right:26px;
  width:42px;
  height:10px;
  background:rgba(8,10,15,.30);
  border-left:1px solid rgba(198,170,105,.18);
  border-right:1px solid rgba(198,170,105,.18);
}
.the-monumentalizer-page .title-menu-cluster{
  top:27px !important;
  right:96px !important;
}
.the-monumentalizer-page .title-floating-menu{
  top:54px !important;
  right:-96px !important;
  width:168px !important;
  max-width:calc(100vw - 56px) !important;
  transform-origin:top right !important;
}

/* ==============================================================
   STUDIOS TITLE-PAGE TRANSFER LOCK v1 — 22/06/2026
   Final overrides applied after the existing The Monumentalizer layer.
================================================================ */

/* Centred artwork lane with near-black side gutters; never repeat horizontally. */
html,
body.the-monumentalizer-page{
  min-height:100%;
  margin:0;
  background:#07080c;
}

body.the-monumentalizer-page{
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
}

body.the-monumentalizer-page::before{
  content:"";
  position:fixed;
  top:0;
  bottom:0;
  left:50%;
  width:min(100%, 1220px);
  z-index:-2;
  pointer-events:none;
  transform:translateX(-50%);
  background:
    linear-gradient(180deg,rgba(7,8,12,.06),rgba(7,8,12,.17) 52%,rgba(7,8,12,.48)),
    url("../assets/posters/the-monumentalizer.webp") center top / cover no-repeat;
  box-shadow:-34px 0 54px rgba(0,0,0,.54),34px 0 54px rgba(0,0,0,.54);
}

body.the-monumentalizer-page::after{
  content:"";
  position:fixed;
  top:0;
  bottom:0;
  left:50%;
  width:min(100%, 1220px);
  z-index:-1;
  pointer-events:none;
  transform:translateX(-50%);
  background:
    radial-gradient(980px 680px at 18% 18%,rgba(198,170,105,.12),transparent 66%),
    linear-gradient(180deg,transparent,rgba(7,8,12,.08) 54%,rgba(7,8,12,.30));
}

.the-monumentalizer-page .hero,
.the-monumentalizer-page main,
.the-monumentalizer-page .section{
  background:transparent !important;
}

.the-monumentalizer-page main > .section > .container{
  max-width:1160px;
}

/* Canonical fixed Studios header geometry. */
.the-monumentalizer-page .topbar{
  position:fixed !important;
  inset:0 0 auto;
  z-index:80;
  min-height:106px;
  border-bottom:0;
  background:transparent;
  pointer-events:none;
}

.the-monumentalizer-page .topbar .container{
  max-width:none !important;
  padding:0 !important;
}

.the-monumentalizer-page .topbar-inner{
  position:relative !important;
  min-height:106px !important;
  padding:0 !important;
}

.the-monumentalizer-page .brandlink{
  position:fixed !important;
  top:18px !important;
  left:28px !important;
  z-index:120 !important;
  margin:0 !important;
  pointer-events:auto;
}

.the-monumentalizer-page .brand-logo{
  height:88px !important;
  width:auto !important;
  max-width:none !important;
  transform:none !important;
  filter:brightness(1.18) saturate(1.10)
    drop-shadow(0 0 8px rgba(198,170,105,.22))
    drop-shadow(0 3px 14px rgba(0,0,0,.72));
}

.the-monumentalizer-page .topbar-right{
  position:static !important;
  margin:0 !important;
}

.the-monumentalizer-page .title-menu-anchor{
  position:fixed !important;
  top:18px !important;
  right:28px !important;
  width:186px !important;
  height:88px !important;
  z-index:120 !important;
  display:block !important;
  pointer-events:auto !important;
}

.the-monumentalizer-page .title-corner-orb{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:88px !important;
  height:88px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

.the-monumentalizer-page .title-corner-orb .neurobios-mark{
  height:70px !important;
  width:auto !important;
  max-width:none !important;
  transform:none !important;
}

.the-monumentalizer-page .title-menu-cluster{
  position:absolute !important;
  top:27px !important;
  right:96px !important;
  width:78px !important;
  height:34px !important;
}

.the-monumentalizer-page .title-floating-menu{
  top:54px !important;
  right:-96px !important;
  width:168px !important;
  max-width:calc(100vw - 56px) !important;
  display:block !important;
  white-space:normal !important;
  background:rgba(8,10,15,.38) !important;
}

.the-monumentalizer-page .title-floating-menu[hidden]{
  display:none !important;
}

.the-monumentalizer-page .title-floating-menu a{
  display:block !important;
  width:100% !important;
}

/* Stronger hero copy without changing the locked composition. */
.the-monumentalizer-page .sub{
  color:rgba(242,239,231,.92) !important;
  font-size:14px;
  line-height:1.5;
  text-shadow:0 2px 18px rgba(0,0,0,.94),0 0 20px rgba(0,0,0,.68);
}

/* Refined, contained Studios glass language. */
.the-monumentalizer-page .section{
  padding-top:34px;
  padding-bottom:34px;
  scroll-margin-top:110px;
}

.the-monumentalizer-page .section p.lead{
  margin-bottom:18px;
}

.the-monumentalizer-page .split{
  gap:16px;
}

.the-monumentalizer-page .panel{
  padding:18px 20px !important;
  border:1px solid rgba(198,170,105,.20) !important;
  border-radius:22px !important;
  background:rgba(8,10,16,.62) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(14px) saturate(1.04);
  -webkit-backdrop-filter:blur(14px) saturate(1.04);
}

.the-monumentalizer-page .panel p,
.the-monumentalizer-page .panel li,
.the-monumentalizer-page .small{
  color:rgba(242,239,231,.88);
  text-shadow:0 2px 16px rgba(0,0,0,.64);
}

/* Canonical major containers match the homepage. */
.the-monumentalizer-page .artwork-showcase-panel,
.the-monumentalizer-page .more-productions-panel{
  border:1px solid rgba(198,170,105,.24) !important;
  border-radius:28px !important;
  background:rgba(7,8,12,.60) !important;
  box-shadow:0 26px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(14px) saturate(1.03);
  -webkit-backdrop-filter:blur(14px) saturate(1.03);
}

.the-monumentalizer-page .more-productions-section .container{
  max-width:1220px !important;
}

.the-monumentalizer-page .more-productions-panel{
  width:100% !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:24px 46px 30px !important;
}

.the-monumentalizer-page .more-productions-track{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:14px !important;
  overflow:visible !important;
  padding:8px 0 18px !important;
  scroll-snap-type:none !important;
}

.the-monumentalizer-page .more-production-card{
  flex:0 0 132px !important;
}

.the-monumentalizer-page .more-productions-arrow{
  display:none !important;
}

/* Canonical compact centred footer. */
.the-monumentalizer-page .footer-grid{
  grid-template-columns:1fr !important;
  justify-items:center;
  gap:4px !important;
}

.the-monumentalizer-page .footer-grid > div{
  width:100%;
}

@media (max-width:980px){
  .the-monumentalizer-page .more-productions-track{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .the-monumentalizer-page .more-production-card{
    scroll-snap-align:center;
  }
}

@media (max-width:760px){
  body.the-monumentalizer-page::before,
  body.the-monumentalizer-page::after{
    width:100%;
  }

  .the-monumentalizer-page .brandlink{
    top:12px !important;
    left:16px !important;
  }

  .the-monumentalizer-page .brand-logo{
    height:64px !important;
  }

  .the-monumentalizer-page .title-menu-anchor{
    top:12px !important;
    right:10px !important;
    width:154px !important;
    height:66px !important;
  }

  .the-monumentalizer-page .title-corner-orb{
    width:66px !important;
    height:66px !important;
  }

  .the-monumentalizer-page .title-corner-orb .neurobios-mark{
    height:54px !important;
  }

  .the-monumentalizer-page .title-menu-cluster{
    top:17px !important;
    right:76px !important;
    width:68px !important;
  }

  .the-monumentalizer-page .title-floating-menu{
    top:46px !important;
    right:-76px !important;
    width:162px !important;
    max-width:calc(100vw - 28px) !important;
  }

  .the-monumentalizer-page .panel{
    background:rgba(8,10,16,.70) !important;
  }

  .the-monumentalizer-page .more-productions-panel{
    padding:20px 16px 24px !important;
    border-radius:22px !important;
  }
}
/* ==============================================================
   THE MONUMENTALIZER — CANONICAL TITLE-PAGE LOCK v2
   Hero crop + naturally scrolling full-art body.
================================================================ */

body.the-monumentalizer-page{
  background:#07080c !important;
}

body.the-monumentalizer-page::before,
body.the-monumentalizer-page::after{
  content:none !important;
  display:none !important;
}

.the-monumentalizer-page .hero{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:#07080c !important;
  overflow:hidden;
}

.the-monumentalizer-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(
      180deg,
      rgba(7,8,12,.08) 0%,
      rgba(7,8,12,.04) 42%,
      rgba(7,8,12,.28) 76%,
      rgba(7,8,12,.90) 100%
    ),
    url("../assets/posters/the-monumentalizer.webp");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 54%;
  filter:brightness(.78) saturate(1.04);
  transform:scale(1.018);
  transform-origin:center;
}

.the-monumentalizer-page .hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(920px 520px at 50% 72%, rgba(7,8,12,.14), transparent 62%),
    radial-gradient(900px 520px at 18% 28%, rgba(198,170,105,.10), transparent 64%),
    linear-gradient(
      180deg,
      rgba(7,8,12,.03) 0%,
      rgba(7,8,12,.02) 55%,
      rgba(7,8,12,.20) 76%,
      rgba(7,8,12,.88) 100%
    ) !important;
}

.the-monumentalizer-page .title-page-identity h1{
  font-size:clamp(38px,5.15vw,70px) !important;
  letter-spacing:.035em;
}

.the-monumentalizer-page .title-page-identity{
  margin-bottom:16px;
}

.the-monumentalizer-page main{
  position:relative;
  isolation:isolate;
  background:#07080c !important;
  overflow:hidden;
}

.the-monumentalizer-page main::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:min(100%, 1220px);
  z-index:-2;
  pointer-events:none;
  transform:translateX(-50%);
  background-image:
    linear-gradient(
      180deg,
      rgba(7,8,12,.54) 0%,
      rgba(7,8,12,.18) 8%,
      rgba(7,8,12,.14) 62%,
      rgba(7,8,12,.84) 100%
    ),
    url("../assets/posters/the-monumentalizer.webp");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% auto;
  box-shadow:
    -34px 0 54px rgba(0,0,0,.58),
    34px 0 54px rgba(0,0,0,.58);
}

.the-monumentalizer-page main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(920px 650px at 18% 12%, rgba(198,170,105,.10), transparent 66%),
    linear-gradient(
      180deg,
      rgba(7,8,12,.10) 0%,
      transparent 18%,
      rgba(7,8,12,.12) 72%,
      rgba(7,8,12,.72) 100%
    );
}

.the-monumentalizer-page #overview{
  padding-top:42px;
}

.the-monumentalizer-page .panel,
.the-monumentalizer-page .artwork-showcase-panel,
.the-monumentalizer-page .more-productions-panel{
  position:relative;
  z-index:1;
}

@media (max-width:1100px){
  .the-monumentalizer-page .hero::before{
    background-position:center 64%;
  }

  .the-monumentalizer-page .title-page-identity h1{
    font-size:clamp(38px,6.4vw,66px) !important;
  }
}

@media (max-width:760px){
  .the-monumentalizer-page .hero::before{
    background-position:center 58%;
    filter:brightness(.68) saturate(1.03);
  }

  .the-monumentalizer-page .title-page-identity h1{
    font-size:clamp(34px,10.2vw,50px) !important;
    letter-spacing:.025em;
  }

  .the-monumentalizer-page main::before{
    width:100%;
    background-size:100% auto;
  }

  .the-monumentalizer-page #overview{
    padding-top:34px;
  }
}

@media (max-width:520px){
  .the-monumentalizer-page .hero::before{
    background-position:center 55%;
  }

  .the-monumentalizer-page .title-page-identity h1{
    font-size:clamp(32px,10vw,44px) !important;
  }
}

/* ==============================================================
   THE MONUMENTALIZER — FINAL REVIEW REFINEMENTS
   Consolidated replacement for the previous lead-strip/contact patches.
================================================================ */

.the-monumentalizer-page #contact{
  text-align:center;
}

.the-monumentalizer-page #contact .panel{
  width:min(100%, 560px);
  margin:0 auto;
  text-align:center;
}

.the-monumentalizer-page #contact .small{
  text-align:center;
}

.the-monumentalizer-page #positioning .lead,
.the-monumentalizer-page #development .lead,
.the-monumentalizer-page #contact .lead{
  display:table;
  width:auto;
  max-width:100%;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  box-shadow:
    0 8px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035);
  color:rgba(242,239,231,.96);
  text-shadow:0 2px 14px rgba(0,0,0,.90);
}

.the-monumentalizer-page #positioning .lead,
.the-monumentalizer-page #development .lead{
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(5px) saturate(1.02) brightness(1.05);
  -webkit-backdrop-filter:blur(5px) saturate(1.02) brightness(1.05);
}

.the-monumentalizer-page #contact .lead{
  margin-left:auto;
  margin-right:auto;
  background:rgba(7,8,12,.28);
  backdrop-filter:blur(8px) saturate(1.02);
  -webkit-backdrop-filter:blur(8px) saturate(1.02);
}

@media (max-width:760px){
  .the-monumentalizer-page #positioning .lead,
  .the-monumentalizer-page #development .lead,
  .the-monumentalizer-page #contact .lead{
    display:block;
    width:fit-content;
  }
}

/* ==============================================================
   THE MONUMENTALIZER — HOMEPAGE SYSTEM SYNC v1
   Orb instructor + canonical Studios footer.
================================================================ */

/* Keep the Menu above the transparent orb instructor. */
.the-monumentalizer-page .title-menu-cluster{
  z-index:150 !important;
}

/* Transparent NeuroBios hover instructor, centred beneath the orb. */
.the-monumentalizer-page .title-corner-orb{
  overflow:visible !important;
}

.the-monumentalizer-page .neurobios-orb-reveal{
  position:absolute;
  top:38px;
  left:50%;
  right:auto;
  z-index:130;
  width:204px;
  display:flex;
  flex-direction:column;
  align-items:center;
  pointer-events:none;
  opacity:0;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transform:translate(-50%,-10px) scale(.94);
  transform-origin:top center;
  transition:
    opacity .22s ease,
    transform .28s cubic-bezier(.22,1,.36,1);
}

.the-monumentalizer-page .title-corner-orb:hover .neurobios-orb-reveal,
.the-monumentalizer-page .title-corner-orb:focus-visible .neurobios-orb-reveal,
.the-monumentalizer-page .title-corner-orb:focus-within .neurobios-orb-reveal{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}

.the-monumentalizer-page .neurobios-orb-wordmark{
  display:block;
  width:168px;
  height:auto;
  object-fit:contain;
  filter:
    brightness(1.22)
    saturate(1.10)
    drop-shadow(0 4px 12px rgba(0,0,0,.48))
    drop-shadow(0 0 10px rgba(76,146,255,.22));
}

.the-monumentalizer-page .neurobios-orb-subtitle{
  margin-top:-30px;
  color:rgba(223,232,255,.82);
  font-size:8px;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 8px rgba(0,0,0,.78);
}

@media (max-width:700px){
  .the-monumentalizer-page .neurobios-orb-reveal{
    display:none;
  }
}

/* ==============================================================
   THE MONUMENTALIZER — TITLE-SPECIFIC ART CALIBRATION v1
   Structural template inherited from Universal Partners; crop and
   mask tuned independently for the The Monumentalizer artwork.
================================================================ */

.the-monumentalizer-page .hero::before{
  background-image:
    linear-gradient(
      180deg,
      rgba(7,8,12,.46) 0%,
      rgba(7,8,12,.22) 18%,
      rgba(7,8,12,.06) 44%,
      rgba(7,8,12,.12) 68%,
      rgba(7,8,12,.88) 100%
    ),
    url("../assets/posters/the-monumentalizer.webp") !important;
  background-position:center 43% !important;
  background-size:cover !important;
  filter:brightness(.74) saturate(1.08) !important;
  transform:scale(1.018);
}

.the-monumentalizer-page .hero::after{
  background:
    radial-gradient(
      980px 620px at 50% 48%,
      rgba(7,8,12,0) 0%,
      rgba(7,8,12,.03) 42%,
      rgba(7,8,12,.18) 72%,
      rgba(7,8,12,.44) 100%
    ),
    radial-gradient(
      760px 520px at 50% 42%,
      rgba(52,126,196,.10),
      transparent 68%
    ),
    linear-gradient(
      180deg,
      rgba(7,8,12,.48) 0%,
      rgba(7,8,12,.24) 18%,
      rgba(7,8,12,.06) 42%,
      rgba(7,8,12,.08) 60%,
      rgba(7,8,12,.24) 80%,
      rgba(7,8,12,.84) 100%
    ) !important;
}

.the-monumentalizer-page .title-page-identity h1{
  font-size:clamp(38px,5.2vw,70px) !important;
  letter-spacing:.03em;
}

.the-monumentalizer-page main::before{
  background-image:
    linear-gradient(
      180deg,
      rgba(7,8,12,.58) 0%,
      rgba(7,8,12,.18) 9%,
      rgba(7,8,12,.12) 62%,
      rgba(7,8,12,.86) 100%
    ),
    url("../assets/posters/the-monumentalizer.webp") !important;
  background-position:center top !important;
  background-size:100% auto !important;
}

@media (max-width:1100px){
  .the-monumentalizer-page .hero::before{
    background-position:center 48% !important;
  }
}

@media (max-width:760px){
  .the-monumentalizer-page .hero::before{
    background-position:center 44% !important;
    filter:brightness(.66) saturate(1.06) !important;
  }
}

@media (max-width:520px){
  .the-monumentalizer-page .hero::before{
    background-position:center 41% !important;
  }
}

/* ==============================================================
   THE MONUMENTALIZER — TITLE-SPECIFIC ART CALIBRATION v1
   Canonical structure retained; crop and mask tuned independently
   for the vertical monument artwork and central architectural axis.
================================================================ */

.the-monumentalizer-page .hero::before{
  background-image:
    linear-gradient(
      180deg,
      rgba(7,8,12,.40) 0%,
      rgba(7,8,12,.17) 19%,
      rgba(7,8,12,.03) 43%,
      rgba(7,8,12,.07) 66%,
      rgba(7,8,12,.82) 100%
    ),
    url("../assets/posters/the-monumentalizer.webp") !important;
  background-position:center 44% !important;
  background-size:cover !important;
  filter:brightness(.80) saturate(1.08) contrast(1.12) !important;
  transform:scale(1.018);
}

.the-monumentalizer-page .hero::after{
  background:
    radial-gradient(
      860px 650px at 50% 44%,
      rgba(7,8,12,0) 0%,
      rgba(7,8,12,.02) 40%,
      rgba(7,8,12,.12) 72%,
      rgba(7,8,12,.36) 100%
    ),
    radial-gradient(
      720px 520px at 50% 38%,
      rgba(212,158,74,.07),
      transparent 68%
    ),
    linear-gradient(
      180deg,
      rgba(7,8,12,.42) 0%,
      rgba(7,8,12,.18) 18%,
      rgba(7,8,12,.04) 42%,
      rgba(7,8,12,.06) 60%,
      rgba(7,8,12,.20) 80%,
      rgba(7,8,12,.80) 100%
    ) !important;
}

.the-monumentalizer-page .title-page-identity h1{
  font-size:clamp(36px,4.8vw,66px) !important;
  letter-spacing:.025em;
}

.the-monumentalizer-page main::before{
  background-image:
    linear-gradient(
      180deg,
      rgba(7,8,12,.60) 0%,
      rgba(7,8,12,.20) 9%,
      rgba(7,8,12,.13) 62%,
      rgba(7,8,12,.88) 100%
    ),
    url("../assets/posters/the-monumentalizer.webp") !important;
  background-position:center top !important;
  background-size:100% auto !important;
}

@media (max-width:1100px){
  .the-monumentalizer-page .hero::before{
    background-position:center 48% !important;
  }
}

@media (max-width:760px){
  .the-monumentalizer-page .hero::before{
    background-position:center 45% !important;
    filter:brightness(.68) saturate(1.05) !important;
  }

  .the-monumentalizer-page .title-page-identity h1{
    font-size:clamp(31px,9.4vw,46px) !important;
  }
}

@media (max-width:520px){
  .the-monumentalizer-page .hero::before{
    background-position:center 42% !important;
  }

  .the-monumentalizer-page .hero-content{
    transform:none;
  }

  .the-monumentalizer-page .hero-grid > div{
    min-width:0;
    width:100%;
  }

  .the-monumentalizer-page .title-page-identity h1{
    font-size:clamp(24px,7.5vw,32px) !important;
    letter-spacing:.015em;
  }
}

/* ==============================================================
   THE MONUMENTALIZER — APPROVED HEADER INTERACTION SYNC v1
   Matches the calibrated Studios homepage / title-page system.
================================================================ */

@media (min-width:761px){
  .the-monumentalizer-page .title-menu-anchor{
    top:13px !important;
    right:26px !important;
  }
}

.the-monumentalizer-page .brandlink{
  overflow:visible !important;
  isolation:isolate;
}

.the-monumentalizer-page .brand-logo{
  position:relative;
  z-index:3;
  transform-origin:center center !important;
  filter:
    brightness(1.26)
    saturate(1.12)
    drop-shadow(0 0 8px rgba(198,170,105,.24))
    drop-shadow(0 3px 14px rgba(0,0,0,.72));
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    filter .24s ease;
}

.the-monumentalizer-page .brandlink:hover .brand-logo,
.the-monumentalizer-page .brandlink:focus-visible .brand-logo,
.the-monumentalizer-page .brandlink:focus-within .brand-logo{
  transform:scale(1.025) !important;
  filter:
    brightness(1.29)
    saturate(1.12)
    drop-shadow(0 0 10px rgba(198,170,105,.30))
    drop-shadow(0 3px 16px rgba(0,0,0,.74));
}

.the-monumentalizer-page .studios-lockup-reveal{
  position:absolute;
  z-index:2;
  top:62px;
  left:50%;
  right:auto;
  width:204px;
  min-height:58px;
  padding:8px 16px 9px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:8px 18px 18px 8px;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  opacity:0;
  transform:translate(-50%,-10px) scale(.94);
  transform-origin:top center;
  pointer-events:none;
  transition:
    opacity .20s ease,
    transform .26s cubic-bezier(.22,1,.36,1);
}

.the-monumentalizer-page .brandlink:hover .studios-lockup-reveal,
.the-monumentalizer-page .brandlink:focus-visible .studios-lockup-reveal,
.the-monumentalizer-page .brandlink:focus-within .studios-lockup-reveal{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}

.the-monumentalizer-page .studios-lockup-reveal-wordmark{
  display:block;
  width:120px;
  height:auto;
  object-fit:contain;
  filter:
    brightness(1.18)
    saturate(1.08)
    drop-shadow(0 4px 12px rgba(0,0,0,.48))
    drop-shadow(0 0 10px rgba(198,170,105,.18));
}

.the-monumentalizer-page .studios-lockup-reveal-subtitle{
  margin-top:6px;
  color:rgba(223,232,255,.82);
  font-size:8px;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
  width:100%;
  text-align:center;
  transform:translateX(4px);
  text-shadow:0 1px 8px rgba(0,0,0,.78);
}

.the-monumentalizer-page .title-corner-orb .neurobios-mark{
  position:relative;
  z-index:3;
  transform-origin:center center !important;
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    filter .24s ease;
}

.the-monumentalizer-page .title-corner-orb:hover .neurobios-mark,
.the-monumentalizer-page .title-corner-orb:focus-visible .neurobios-mark{
  transform:scale(1.025) !important;
  filter:
    drop-shadow(0 3px 14px rgba(0,0,0,.72))
    drop-shadow(0 0 12px rgba(70,120,255,.22));
}

@media (max-width:700px){
  .the-monumentalizer-page .studios-lockup-reveal{
    display:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .the-monumentalizer-page .studios-lockup-reveal,
  .the-monumentalizer-page .brand-logo,
  .the-monumentalizer-page .title-corner-orb .neurobios-mark{
    transition:none;
  }
}