/* MUBU V14.5 — isolated cinematic presentation depth. No artwork is altered here. */
:root{--cd-ink:#243225;--cd-paper:#fff8e8;--cd-green:#d2e8ba;--cd-gold:#f5e08e;--cd-shadow:rgba(39,59,42,.15)}
.cinematic-hero-depth{--cdx:0;--cdy:0;--cd-light-x:50%;--cd-light-y:35%;isolation:isolate;overflow:hidden!important;transform:translateZ(0)}
.cinematic-hero-depth .v1437-jp,.cinematic-hero-depth .v1437-hill-one{transform:translate3d(calc(var(--cdx) * -.55px),calc(var(--cdy) * -.35px),0);will-change:transform}
.cinematic-hero-depth .v1437-hill-two{transform:translate3d(calc(var(--cdx) * -.3px),calc(var(--cdy) * -.22px),0);will-change:transform}
.cinematic-hero-depth .v1437-mascot{transform:translate3d(calc(var(--cdx) * .28px),calc(var(--cdy) * .18px),0);will-change:transform}
.cinematic-hero-depth .v1437-family{transform:translate3d(calc(var(--cdx) * .52px),calc(var(--cdy) * .34px),0);will-change:transform}
.cinematic-hero-light{position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--cd-light-x) var(--cd-light-y),rgba(255,253,231,.28),transparent 34%);mix-blend-mode:screen;transition:background-position .25s ease}
.cinematic-hero-depth .v1437-jp,.cinematic-hero-depth .v1437-hill-one,.cinematic-hero-depth .v1437-hill-two,.cinematic-hero-depth .v1437-mascot,.cinematic-hero-depth .v1437-family{position:relative;z-index:1}
.cinematic-depth-spark{position:absolute;z-index:1;width:var(--spark-size,9px);height:var(--spark-size,9px);border-radius:50%;background:var(--spark-color,#fff7cc);opacity:.58;pointer-events:none;box-shadow:0 0 0 2px rgba(36,50,37,.05);animation:cdx-spark 8s ease-in-out infinite;animation-delay:var(--spark-delay,0s)}
.cinematic-depth-spark.is-leaf{border-radius:80% 20% 80% 20%;transform:rotate(35deg);background:#b9d99a}
.cinematic-depth-spark.is-star{clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);border-radius:0;background:#fff0a7}
.cinematic-breathe{animation:cdx-breathe 15s ease-in-out infinite;transform-origin:center center}
.mubu-family-motion.cinematic-family-depth{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;box-shadow:0 18px 42px rgba(36,50,37,.13),0 4px 0 rgba(36,50,37,.09)}
.mubu-family-motion.cinematic-family-depth:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),inset 0 -38px 72px rgba(42,68,47,.07)}
.mubu-family-motion.cinematic-family-depth .mubu-family-motion-frame{transform:translateZ(0);animation:cdx-breathe 17s ease-in-out infinite;overflow:hidden}
.mubu-family-motion.cinematic-family-depth .mubu-family-motion-video{transform:scale(1.012);transition:transform .7s ease}
.mubu-family-motion.cinematic-family-depth:hover .mubu-family-motion-video{transform:scale(1.026)}
.mubu-family-motion .cinematic-depth-spark{z-index:3}
.home-complete .room-card-grid,.home-complete .ecosystem-card-grid{perspective:900px}
@media (hover:hover) and (pointer:fine){
  .cinematic-depth-enabled .world-room-card,.cinematic-depth-enabled .ecosystem-card,.cinematic-depth-enabled .v1437-family article{transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}
  .cinematic-depth-enabled .world-room-card:hover,.cinematic-depth-enabled .world-room-card:focus-within{transform:translateY(-7px) rotateX(1deg) rotateY(-1deg);box-shadow:0 18px 28px var(--cd-shadow);filter:saturate(1.02)}
  .cinematic-depth-enabled .ecosystem-card:hover,.cinematic-depth-enabled .ecosystem-card:focus-within{transform:translateY(-6px) rotateX(1deg);box-shadow:0 17px 26px var(--cd-shadow)}
  .cinematic-depth-enabled .v1437-family article:hover,.cinematic-depth-enabled .v1437-family article:focus-within{transform:translateY(-7px) rotateX(1deg) rotateY(-1deg);box-shadow:0 13px 20px rgba(36,50,37,.15)}
}
.cinematic-depth-enabled :is(.world-room-card,.ecosystem-card,.v1437-family article):focus-within{outline:3px solid rgba(94,142,98,.58);outline-offset:4px}
.cinematic-depth-enabled .cinematic-reveal{opacity:0;transform:translateY(16px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.75,.25,1)}
.cinematic-depth-enabled .cinematic-reveal.cinematic-visible{opacity:1;transform:none}
@keyframes cdx-breathe{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
@keyframes cdx-spark{0%,100%{opacity:.3;translate:0 0}50%{opacity:.72;translate:0 -7px}}
@media (max-width:768px){
  .cinematic-hero-depth .v1437-jp,.cinematic-hero-depth .v1437-hill-one,.cinematic-hero-depth .v1437-hill-two,.cinematic-hero-depth .v1437-mascot,.cinematic-hero-depth .v1437-family{transform:none!important}
  .cinematic-depth-spark{opacity:.4}
  .mubu-family-motion.cinematic-family-depth{border-radius:22px;box-shadow:0 12px 28px rgba(36,50,37,.12),0 3px 0 rgba(36,50,37,.08)}
}
@media (prefers-reduced-motion:reduce){
  .cinematic-hero-depth .v1437-jp,.cinematic-hero-depth .v1437-hill-one,.cinematic-hero-depth .v1437-hill-two,.cinematic-hero-depth .v1437-mascot,.cinematic-hero-depth .v1437-family,.mubu-family-motion.cinematic-family-depth .mubu-family-motion-frame,.mubu-family-motion.cinematic-family-depth .mubu-family-motion-video,.cinematic-reveal,.cinematic-reveal.cinematic-visible{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
  .cinematic-depth-spark{display:none!important}
}
.cinematic-reduced .cinematic-hero-depth .v1437-jp,.cinematic-reduced .cinematic-hero-depth .v1437-hill-one,.cinematic-reduced .cinematic-hero-depth .v1437-hill-two,.cinematic-reduced .cinematic-hero-depth .v1437-mascot,.cinematic-reduced .cinematic-hero-depth .v1437-family,.cinematic-reduced .mubu-family-motion.cinematic-family-depth .mubu-family-motion-frame,.cinematic-reduced .mubu-family-motion.cinematic-family-depth .mubu-family-motion-video,.cinematic-reduced .cinematic-reveal,.cinematic-reduced .cinematic-reveal.cinematic-visible{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
.cinematic-reduced .cinematic-depth-spark{display:none!important}
