/* Mainely Code • Living Aurora / pointer ignition • 2026-09-12
   Existing approved Aurora footage remains the source. A bounded canvas
   displacement/light pass moves its curtains; video/CSS is the fallback.
   Every decorative layer stays BELOW copy, controls and approved logos. */
:root{
  --mc-ambient-deep:#020a12;
  --mc-ambient-navy:#041521;
  --mc-ambient-cyan:#11cfff;
  --mc-ambient-teal:#28e6c4;
  --mc-ambient-violet:#7658ff;
  --mc-ambient-gold:#f0c75e;
}
html{background:var(--mc-ambient-deep)}
body.mc-aurora-enabled{
  position:relative;isolation:isolate;
  background-color:var(--mc-ambient-deep)!important;background-image:none!important;
}
body.mc-aurora-enabled.mc-family-page{background:var(--mc-ambient-deep)!important}
.mc-site-ambience{
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,18,.28),rgba(2,10,18,.64)),
    url('/assets/ambiance/buildroom-aurora-full-blaze-poster-20260911.webp') center/cover no-repeat,
    var(--mc-ambient-deep);
}
.mc-site-ambience__video,.mc-keynote-aurora__video{
  position:absolute;inset:-10%;width:120%;height:120%;max-width:none;
  object-fit:cover;object-position:center;transform-origin:center;
  mix-blend-mode:screen;pointer-events:none;
}
.mc-site-ambience__video{
  opacity:.72;filter:saturate(1.44) contrast(1.1) brightness(1.16);
  animation:mc-living-sweep 9s ease-in-out infinite alternate;
}
.mc-site-ambience:not(.is-playing):not(.has-frame) .mc-site-ambience__video{opacity:0}
.mc-site-ambience::before{
  content:"";position:absolute;z-index:1;inset:-12%;pointer-events:none;
  background:radial-gradient(ellipse at 18% 25%,rgba(17,207,255,.10),transparent 40%),
    radial-gradient(ellipse at 84% 42%,rgba(40,230,196,.09),transparent 38%);
  mix-blend-mode:screen;opacity:.64;
  animation:mc-living-halo 8s ease-in-out infinite alternate;
}
.mc-site-ambience::after{
  content:"";position:absolute;z-index:4;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,10,18,.38),transparent 24%,transparent 76%,rgba(2,10,18,.38)),
    linear-gradient(180deg,rgba(2,10,18,.08),rgba(2,10,18,.20) 45%,rgba(2,10,18,.55));
}
/* The canvas is presented only after a successfully composed video frame. */
.mc-aurora-flow{
  position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;
  opacity:0;pointer-events:none;
}
.mc-site-ambience.has-flow .mc-aurora-flow{opacity:.80;filter:saturate(1.38) contrast(1.07) brightness(1.20)}
.mc-keynote-aurora.has-flow .mc-aurora-flow{opacity:1;filter:saturate(1.48) contrast(1.10) brightness(1.42)}
.has-flow > :is(.mc-site-ambience__video,.mc-keynote-aurora__video){
  opacity:0!important;animation:none!important;
}
/* Local fallback illumination is under the words, never over the whole page. */
.mc-aurora-ignition{
  position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 420px 300px at var(--mc-light-x,50%) var(--mc-light-y,50%),
    rgba(25,240,235,.34),rgba(50,158,255,.16) 34%,transparent 76%);
  mix-blend-mode:screen;
}
.has-flow > .mc-aurora-ignition{display:none}
body.mc-aurora-enabled > :is(.lc-notice,header,main,footer,dialog,.lc-toast,.toast){position:relative;z-index:1}
body.mc-aurora-enabled > :is(.lc-header,.header){z-index:100}
.mc-aurora-keynote{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  background:var(--mc-ambient-deep)!important;border-color:rgba(71,218,229,.32)!important;
}
.mc-aurora-keynote > :not(.mc-keynote-aurora){position:relative;z-index:2}
.mc-keynote-aurora{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background:url('/assets/ambiance/buildroom-aurora-full-blaze-poster-20260911.webp') center/cover no-repeat,
    var(--mc-ambient-deep);
}
.mc-keynote-aurora__video{
  opacity:1;filter:saturate(1.50) contrast(1.1) brightness(1.32);
  animation:mc-keynote-sweep 7s ease-in-out infinite alternate;
}
.mc-keynote-aurora__halo{
  position:absolute;z-index:1;inset:-12%;pointer-events:none;
  background:radial-gradient(ellipse at 24% 42%,rgba(21,230,219,.14),transparent 38%),
    radial-gradient(ellipse at 76% 50%,rgba(115,74,255,.15),transparent 40%);
  mix-blend-mode:screen;animation:mc-living-halo 7s ease-in-out infinite alternate;
}
.mc-keynote-aurora__scrim{
  position:absolute;z-index:4;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,10,18,.85) 0%,rgba(2,10,18,.71) 27%,
    rgba(2,10,18,.22) 54%,rgba(2,10,18,.15) 76%,rgba(2,10,18,.44)),
    linear-gradient(180deg,rgba(2,10,18,.33),rgba(2,10,18,.04) 32%,rgba(2,10,18,.04) 68%,rgba(2,10,18,.73));
  box-shadow:inset 0 55px 86px rgba(2,10,18,.24),inset 0 -70px 110px rgba(2,10,18,.50);
}
.mc-aurora-keynote[data-mc-keynote-kind="mission"] .mc-keynote-aurora__scrim{
  background:linear-gradient(90deg,rgba(2,10,18,.60),rgba(2,10,18,.20) 48%,rgba(2,10,18,.60)),
    linear-gradient(180deg,rgba(2,10,18,.49),rgba(2,10,18,.18) 45%,rgba(2,10,18,.66));
}
.mc-aurora-keynote[data-mc-keynote-kind="closing"] .mc-keynote-aurora__scrim{
  background:linear-gradient(90deg,rgba(2,10,18,.81),rgba(2,10,18,.30) 52%,rgba(2,10,18,.62)),
    linear-gradient(180deg,rgba(2,10,18,.38),rgba(2,10,18,.14) 50%,rgba(2,10,18,.66));
}
.mc-aurora-keynote :is(h1,h2,blockquote,.lc-lead,.lc-intro,.mc-lead){
  text-shadow:0 2px 18px rgba(0,0,0,.75),0 0 34px rgba(0,0,0,.40);
}
.mc-aurora-keynote :is(.lc-eyebrow,.mc-eyebrow,.eyebrow){color:#72ffe2!important;text-shadow:0 0 24px rgba(40,230,196,.44)}
.mc-aurora-keynote :is(.lc-release-board,.lc-page-card,.mc-hero-art,.hero-card,.priority-card){
  box-shadow:0 24px 72px rgba(0,0,0,.42),0 0 0 1px rgba(62,224,235,.12);backdrop-filter:blur(3px);
}
.mc-aurora-keynote .lc-aurora{display:none!important}
body.mc-aurora-enabled .lc-mission.mc-aurora-keynote{color:#eefaf8!important}
body.mc-aurora-enabled .lc-mission.mc-aurora-keynote :is(p,cite){color:#b9d6d5!important}
body.mc-aurora-enabled .lc-mission.mc-aurora-keynote blockquote{color:#f7f5ef!important}
body.mc-aurora-enabled .lc-mission.mc-aurora-keynote blockquote::before{color:#6dffe0!important;text-shadow:0 0 28px rgba(40,230,196,.42)}
body.mc-aurora-enabled .lc-section:not(.lc-editions),body.mc-aurora-enabled .section{background-color:rgba(4,18,27,.28)}
body.mc-aurora-enabled .lc-section:nth-of-type(even):not(.lc-editions),body.mc-aurora-enabled .section:nth-of-type(even){background-color:rgba(5,24,34,.35)}
body.mc-aurora-enabled .lc-editions{background:rgba(7,26,35,.89)}
body.mc-aurora-enabled .lc-word-of-mouth{background:rgba(13,44,43,.91)}
body.mc-aurora-enabled .lc-footer{background:rgba(2,14,22,.96)}
body.mc-aurora-enabled .lc-header{background:rgba(4,18,26,.90)}
body.mc-aurora-enabled .header{background:rgba(1,17,42,.90)}
/* A real pause switch; automatic movement is not forced on visitors. */
.mc-aurora-control{
  position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));
  z-index:90;display:inline-flex;align-items:center;gap:9px;min-height:44px;
  padding:10px 14px;border:1px solid rgba(110,229,220,.44);border-radius:999px;
  background:rgba(2,16,26,.94);color:#defbf4;font:500 12px/1.2 system-ui,sans-serif;
  box-shadow:0 4px 20px rgba(0,0,0,.24);cursor:pointer;
}
.mc-aurora-control::before{content:"";width:7px;height:7px;border-radius:50%;background:#6ce7cd;box-shadow:0 0 9px rgba(108,231,205,.4)}
.mc-aurora-control[aria-pressed="true"]::before{background:#acc1c4;box-shadow:none}
.mc-aurora-control:hover{border-color:#6ce7cd;background:#071f2b}
.mc-aurora-control:focus-visible{outline:3px solid #f0c75e;outline-offset:4px}
.mc-aurora-control:disabled{cursor:default;color:#c4d3d5}
body:has(dialog[open]) .mc-aurora-control{visibility:hidden}
@keyframes mc-living-sweep{
  0%{transform:translate3d(-3%,-3%,0) scale(1.04) skewY(-1deg)}
  50%{transform:translate3d(1%,2%,0) scale(1.09) skewY(.8deg)}
  100%{transform:translate3d(3%,-1%,0) scale(1.04) skewY(-.5deg)}
}
@keyframes mc-keynote-sweep{
  0%{transform:translate3d(-3%,-7%,0) scale(1.09) skewY(-1.5deg)}
  50%{transform:translate3d(1%,-2%,0) scale(1.15) skewY(1deg)}
  100%{transform:translate3d(3%,-6%,0) scale(1.08) skewY(-.5deg)}
}
@keyframes mc-living-halo{
  from{transform:translate3d(-3%,2%,0) scale(1);opacity:.60}
  to{transform:translate3d(3%,-3%,0) scale(1.09);opacity:.9}
}
@media(max-width:720px){
  .mc-keynote-aurora__video{inset:-8% -35%;width:170%;height:116%;object-position:center}
  .mc-keynote-aurora__scrim{
    background:linear-gradient(180deg,rgba(2,10,18,.52),rgba(2,10,18,.26) 30%,rgba(2,10,18,.38) 66%,rgba(2,10,18,.86)),
      linear-gradient(90deg,rgba(2,10,18,.65),rgba(2,10,18,.25) 60%,rgba(2,10,18,.50));
  }
  .mc-site-ambience__video{inset:-8% -40%;width:180%;height:116%;opacity:.64}
  .mc-site-ambience.has-flow .mc-aurora-flow{opacity:.68}
  .mc-aurora-control{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px;font-size:11px}
}

/* -------------------------------------------------------------------------
   Card bleed prevention.

   Every product/room grid contributes its real height to the section. Cards
   remain normal-flow grid items, stretch only inside their own row, and may
   never paint down into the next section. These rules intentionally cover the
   current product constellation and the retained/legacy room-card surfaces.
   ------------------------------------------------------------------------- */

:is(#products,.mc-products-section,.lc-products-section,.mc-room-section,.room-section,[data-card-grid-section]){
  display:flow-root;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  contain:none!important;
}

:is(#products,.mc-products-section,.lc-products-section,.mc-room-section,.room-section,[data-card-grid-section]) > :is(.lc-wrap,.wrap){
  display:flow-root;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

:is(.mc-product-constellation,.lc-family-grid,.mc-room-grid,.room-grid,.product-grid,[data-card-grid]){
  position:relative;
  display:grid;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  grid-auto-flow:row;
  grid-auto-rows:auto!important;
  align-items:stretch;
  align-content:start;
  overflow:visible!important;
}

/* Readable desktop cards: three across at the site's 1240px content width. */
.mc-product-constellation,
.lc-family-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
}

:is(.mc-product-card,.lc-product,.mc-room-card,.room-card,.product-card,[data-card]){
  box-sizing:border-box;
  min-width:0!important;
  width:auto;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
}

:is(.mc-room-grid,.room-grid,.product-grid,[data-card-grid]) > :is(.mc-room-card,.room-card,.product-card,[data-card]){
  position:relative!important;
  inset:auto!important;
  transform:none;
}

:is(.mc-product-card-body,.lc-product-body,.mc-room-card-body,.room-card-body,.product-card-body){
  min-width:0;
  min-height:0;
  height:auto!important;
  max-height:none!important;
  overflow-wrap:anywhere;
}

#products .mc-product-constellation,
#products .lc-family-grid{margin-bottom:clamp(30px,4vw,52px)}
#products .mc-security-horizon{margin-top:0}
#products .lc-architecture-strip{clear:both;margin-top:clamp(32px,4vw,48px)}
#products + section{clear:both;position:relative;z-index:1}

/* Prevent hover motion from crossing a section boundary on pointer devices. */
@media(hover:hover) and (pointer:fine){
  #products .mc-product-card:hover{transform:translateY(-4px)}
}

@media(max-width:980px){
  .mc-product-constellation,
  .lc-family-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important}
}

@media(max-width:620px){
  .mc-product-constellation,
  .lc-family-grid{grid-template-columns:1fr!important}
  .mc-site-aurora{top:35%;width:230vh;height:100vh;opacity:.19}
}

@media(prefers-reduced-motion:reduce){
  .mc-site-aurora{display:none!important}
  .mc-site-ambience{background:
    linear-gradient(180deg,rgba(2,10,18,.35),rgba(2,10,18,.78)),
    url('/assets/ambiance/buildroom-aurora-full-blaze-poster-20260911.webp') center top/cover no-repeat,
    var(--mc-ambient-deep)}
}

@media print{
  .mc-site-ambience{display:none!important}
  body.mc-aurora-enabled{background:#fff!important}
}

/* Product artwork gets a consistent presentation stage. Each approved asset
   is optically sized for its actual shape: wide lockup, square mark, interface
   capture, or light artwork. */
.launch-site .mc-product-card-media,
.launch-site .lc-product-img{
  position:relative;
  isolation:isolate;
  height:204px;
  display:grid;
  place-items:center;
  overflow:hidden!important;
  contain:paint;
  padding:22px 28px;
  background:
    radial-gradient(ellipse at 50% 46%,rgba(18,174,255,.15),transparent 58%),
    linear-gradient(145deg,#020a13 0%,#041622 62%,#061923 100%);
}
.launch-site .mc-product-card-media::before,
.launch-site .lc-product-img::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:12px;
  border:1px solid rgba(94,217,232,.11);
  border-radius:12px;
  box-shadow:inset 0 0 44px rgba(9,151,225,.055);
  pointer-events:none;
}
.launch-site .mc-product-card-media::after,
.launch-site .lc-product-img::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(0,0,0,.08));
  pointer-events:none;
}
.launch-site .mc-product-card-media img,
.launch-site .lc-product-img img{
  --mc-art-shift-y:0px;
  display:block;
  position:relative;
  z-index:1;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translateY(var(--mc-art-shift-y));
  transform-origin:center;
  filter:drop-shadow(0 13px 25px rgba(0,0,0,.40));
  transition:transform .28s ease,filter .28s ease;
}

/* Wide approved wordmarks. */
.launch-site .mc-product-card-media.mc-art-wordmark img,
.launch-site .mc-product-card-media.mc-art-mark img{mix-blend-mode:screen}
.launch-site .mc-product-card-media.mc-art-wordmark img{
  width:93%!important;
  height:auto!important;
  max-height:89%!important;
}
.launch-site .mc-product-card-media.mc-art-northstar img{width:95%!important;--mc-art-shift-y:-1px}
.launch-site .mc-product-card-media.mc-art-sasquatch img{width:91%!important;max-height:86%!important;--mc-art-shift-y:-1px}
.launch-site .mc-product-card-media.mc-art-growthroom img{width:95%!important;--mc-art-shift-y:0px}
.launch-site .mc-product-card-media.mc-art-provider img{width:92%!important;max-height:90%!important;--mc-art-shift-y:1px}

/* Square/icon artwork needs real breathing room instead of being scaled until
   it collides with the copy boundary. */
.launch-site .mc-product-card-media.mc-art-mark img{
  width:auto!important;
  height:142px!important;
  max-width:70%!important;
  max-height:calc(100% - 20px)!important;
}
.launch-site .mc-product-card-media.mc-art-orb img{height:146px!important;max-width:64%!important;--mc-art-shift-y:-1px}
.launch-site .mc-product-card-media.mc-art-forge img{height:140px!important;max-width:62%!important;--mc-art-shift-y:-2px}

/* SRAOSHA's canonical artwork is intentionally light. Present it on a clean
   light plaque instead of forcing it through the dark-logo treatment. */
.launch-site .mc-product-card-media.mc-art-light{
  background:linear-gradient(145deg,#f7fafc,#e8f1f6);
}
.launch-site .mc-product-card-media.mc-art-light::before{border-color:rgba(13,70,112,.13);box-shadow:inset 0 0 42px rgba(17,113,181,.06)}
.launch-site .mc-product-card-media.mc-art-light img{
  width:auto!important;
  height:164px!important;
  max-width:84%!important;
  max-height:calc(100% - 12px)!important;
  filter:drop-shadow(0 10px 20px rgba(10,35,58,.16));
}

/* Interface screenshots are framed as screenshots, not logo lockups. */
.launch-site .mc-product-card-media.mc-art-screen{
  padding:12px;
  background:#020b13;
}
.launch-site .mc-product-card-media.mc-art-screen img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:9px;
  border:1px solid rgba(89,202,222,.14);
  filter:none;
}
@media(hover:hover) and (pointer:fine){
  .launch-site .mc-product-card:hover .mc-product-card-media:not(.mc-art-screen) img{
    transform:translateY(var(--mc-art-shift-y)) scale(1.018);
    filter:drop-shadow(0 16px 29px rgba(0,0,0,.46));
  }
}
@media(max-width:620px){
  .launch-site .mc-product-card-media,
  .launch-site .lc-product-img{height:188px;padding:20px 24px}
  .launch-site .mc-product-card-media.mc-art-mark img{height:132px!important}
  .launch-site .mc-product-card-media.mc-art-orb img{height:136px!important}
  .launch-site .mc-product-card-media.mc-art-forge img{height:130px!important}
  .launch-site .mc-product-card-media.mc-art-light img{height:150px!important}
}


/* Preference and lifecycle gates override every earlier decorative animation,
   including retained card-era styles. No motion continues in a paused tab. */
body:not([data-mc-aurora-mode="running"]) :is(.mc-site-ambience__video,.mc-keynote-aurora__video,.mc-keynote-aurora__halo),
body:not([data-mc-aurora-mode="running"]) .mc-site-ambience::before,
.mc-keynote-aurora:not(.is-visible) :is(.mc-keynote-aurora__video,.mc-keynote-aurora__halo){animation-play-state:paused!important}
body:not([data-mc-aurora-mode="running"]) .mc-aurora-ignition{opacity:0!important}
body:is([data-mc-aurora-mode="reduced-motion"],[data-mc-aurora-mode="data-saver"]) :is(.mc-aurora-flow,.mc-site-ambience__video,.mc-keynote-aurora__video){display:none!important}
@media(prefers-reduced-motion:reduce){
  body:not([data-mc-aurora-user-motion="play"]) :is(.mc-aurora-flow,.mc-site-ambience__video,.mc-keynote-aurora__video,.mc-aurora-ignition){display:none!important}
  body:not([data-mc-aurora-user-motion="play"]) .mc-site-ambience::before,
  body:not([data-mc-aurora-user-motion="play"]) .mc-keynote-aurora__halo{animation:none!important}
}
@media print{
  .mc-site-ambience,.mc-keynote-aurora,.mc-aurora-control{display:none!important}
  body.mc-aurora-enabled{background:#fff!important}
}

/* Explicit per-tab Aurora choice. Other reduced-motion styles remain intact. */
.mc-aurora-controls{
  position:fixed;right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));z-index:90;
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  max-width:min(280px,calc(100vw - 32px));pointer-events:none;
}
.mc-aurora-controls .mc-aurora-control{position:static;pointer-events:auto;flex-shrink:0}
.mc-aurora-control[data-action="play"]::before{background:#acc1c4;box-shadow:none}
.mc-aurora-status{
  box-sizing:border-box;margin:0!important;padding:10px 12px;border:1px solid rgba(110,229,220,.28);
  border-radius:12px;background:rgba(2,16,26,.97);color:#defbf4!important;
  font:500 12px/1.5 system-ui,sans-serif;max-width:100%;text-align:left;
}
.mc-aurora-status[hidden]{display:none!important}
body:has(dialog[open]) .mc-aurora-controls{visibility:hidden}
@media(max-width:720px){
  .mc-aurora-controls{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:min(254px,calc(100vw - 24px))}
}
@media(prefers-reduced-motion:reduce){
  /* These exceptions affect only Aurora after explicit Play, not page-wide motion. */
  body[data-mc-aurora-user-motion="play"] .mc-site-ambience__video{animation:mc-living-sweep 9s ease-in-out infinite alternate!important}
  body[data-mc-aurora-user-motion="play"] .mc-keynote-aurora__video{animation:mc-keynote-sweep 7s ease-in-out infinite alternate!important}
  body[data-mc-aurora-user-motion="play"] .mc-site-ambience::before{animation:mc-living-halo 8s ease-in-out infinite alternate!important}
  body[data-mc-aurora-user-motion="play"] .mc-keynote-aurora__halo{animation:mc-living-halo 7s ease-in-out infinite alternate!important}
  body[data-mc-aurora-user-motion="play"] .has-flow > :is(.mc-site-ambience__video,.mc-keynote-aurora__video){animation:none!important}
  body[data-mc-aurora-user-motion="play"]:not([data-mc-aurora-mode="running"]) :is(.mc-site-ambience__video,.mc-keynote-aurora__video,.mc-keynote-aurora__halo),
  body[data-mc-aurora-user-motion="play"]:not([data-mc-aurora-mode="running"]) .mc-site-ambience::before,
  body[data-mc-aurora-user-motion="play"] .mc-keynote-aurora:not(.is-visible) :is(.mc-keynote-aurora__video,.mc-keynote-aurora__halo){animation-play-state:paused!important}
}
@media print{.mc-aurora-controls{display:none!important}}

/* Buildroom-style activity console. Motion permission is independent of activity.
   Idle is animated; Still is the separate accessibility stop. */
.mc-site-ambience,.mc-keynote-aurora{filter:brightness(var(--mc-sky-gain,1))}
.mc-site-ambience::before,.mc-keynote-aurora__halo{opacity:var(--mc-sky-halo,1)}
.mc-aurora-console{
  position:fixed;right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,env(safe-area-inset-bottom));z-index:90;
  width:246px;max-width:calc(100vw - 24px);display:block;pointer-events:auto;
  color:#e9f8f6;background:rgba(3,18,29,.97);border:1px solid #386371;
  border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.42),0 0 24px rgba(0,180,203,.06);
  font:500 12px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-sizing:border-box;isolation:isolate;
}
.mc-aurora-console *{box-sizing:border-box}
.mc-aurora-console.is-expanded{width:376px}
.mc-aurora-console__bar{display:flex;align-items:center;gap:4px;min-height:58px;padding:4px 7px 4px 4px}
.mc-aurora-console button{
  font-family:inherit;appearance:none;cursor:pointer;margin:0;letter-spacing:0;text-transform:none;
  touch-action:manipulation;
}
.mc-aurora-disclosure{
  flex:1;display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;
  padding:7px 10px;border:0;border-radius:10px;background:transparent;color:#e9f8f6;text-align:left;
}
.mc-aurora-console__identity{display:flex;flex-direction:column;min-width:0;gap:1px}
.mc-aurora-console__name{color:#9dbec6;font-size:9px;line-height:1.3;letter-spacing:.20em}
.mc-aurora-current{font-size:12px;line-height:1.35;font-weight:650;overflow-wrap:anywhere}
.mc-aurora-chevron{margin-left:auto;align-self:center;font-size:19px;color:#80e5d5;font-weight:400}
.mc-aurora-disclosure[aria-expanded="true"] .mc-aurora-chevron{transform:rotate(180deg)}
.mc-aurora-lamp{flex:0 0 8px;width:8px;height:8px;background:#9eafb8;border-radius:50%}
.mc-aurora-console[data-state="idle"] .mc-aurora-lamp{background:#42b9c7;box-shadow:0 0 10px rgba(66,185,199,.25)}
.mc-aurora-console[data-state="ramp_up"] .mc-aurora-lamp{background:#1bdfe5;box-shadow:0 0 15px rgba(27,223,229,.5)}
.mc-aurora-console[data-state="full_activity"] .mc-aurora-lamp{background:#87ffe0;box-shadow:0 0 16px rgba(91,255,206,.8)}
.mc-aurora-console[data-state="taper_down"] .mc-aurora-lamp{background:#adb9ff;box-shadow:0 0 12px rgba(141,158,255,.35)}
.mc-aurora-still{
  flex-shrink:0;min-width:52px;min-height:44px;padding:7px 10px;border:1px solid #34525f;
  border-radius:9px;background:#0b1c28;color:#b5cbd0;font-size:11px;line-height:1.2;font-weight:550;
}
.mc-aurora-still[aria-pressed="true"]{background:#233641;color:#fff;border-color:#72919e}
.mc-aurora-disclosure:hover,.mc-aurora-still:hover{background:#122e3b;color:#fff}
.mc-aurora-panel{padding:3px 12px 12px;border-top:1px solid rgba(109,189,201,.19);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.mc-aurora-panel[hidden]{display:none!important}
.mc-aurora-state-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.mc-aurora-state-buttons button{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;
  min-height:61px;min-width:0;padding:10px 12px;border:1px solid #355260;border-radius:9px;
  color:#d8edf1;background:#0b2230;text-align:left;line-height:1.3;
  transition:border-color .15s ease,background-color .15s ease;
}
.mc-aurora-state-buttons button>span{font-size:13px;font-weight:650}
.mc-aurora-state-buttons small{font-size:10px;font-weight:450;color:#a8c1c9}
.mc-aurora-state-buttons button:hover{background:#143d48;border-color:#57c9d2}
.mc-aurora-state-buttons button[aria-pressed="true"]{
  background:linear-gradient(110deg,#124b4b,#16374c);border-color:#5defce;
  box-shadow:inset 3px 0 0 #72f6d9;color:#f2fffc;
}
.mc-aurora-state-buttons button[aria-pressed="true"] small{color:#c5e8e6}
.mc-aurora-console button:focus-visible{outline:3px solid #efcd7b;outline-offset:2px}
.mc-aurora-level{display:flex;align-items:center;gap:12px;margin:12px 0 10px;color:#aac7d0;font-size:10px}
.mc-aurora-level meter{width:100%;height:8px;flex:1;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#152e3c}
.mc-aurora-level meter::-webkit-meter-bar{height:8px;border:0;border-radius:8px;background:#152e3c}
.mc-aurora-level meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#11cfff,#49edd0);border-radius:8px}
.mc-aurora-level meter::-moz-meter-bar{background:linear-gradient(90deg,#11cfff,#49edd0);border-radius:8px}
.mc-aurora-console .mc-aurora-status{
  display:block;margin:0;max-width:none;padding:0;border:0;box-shadow:none;
  background:transparent;color:#c9dcdf;text-align:left;font-size:11px;line-height:1.5;
}
.mc-aurora-console__note{margin:7px 0 0;color:#8cabb5;font-size:9px;line-height:1.3;letter-spacing:.04em}
body:has(dialog[open]) .mc-aurora-console{visibility:hidden}
@media(max-width:720px){
  .mc-aurora-console{width:236px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
  .mc-aurora-console.is-expanded{width:336px}
}
@media(prefers-reduced-motion:reduce){.mc-aurora-console button{transition:none}}
@media(forced-colors:active){
  .mc-aurora-console{border:1px solid CanvasText;background:Canvas;color:CanvasText}
  .mc-aurora-console button{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}
  .mc-aurora-state-buttons button[aria-pressed="true"],.mc-aurora-still[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-3px}
}
@media print{.mc-aurora-console{display:none!important}}

/* Mainely Code signature scenes — fixed topology is a visual motif, not live telemetry.
   The shared controller owns all motion. These surfaces have no CSS animation. */
.mc-signature-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#020a16!important}
.mc-signature-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mc-signature-layer > :is(.mc-keynote-aurora__halo,.mc-aurora-ignition){display:none!important}
.mc-site-ambience.mc-signature-layer .mc-signature-canvas{opacity:.46}
.mc-site-ambience.mc-signature-layer::before{animation:none!important;opacity:.3}
.mc-site-ambience.mc-signature-layer::after{background:linear-gradient(90deg,rgba(2,10,22,.28),rgba(2,10,22,.46) 28%,rgba(2,10,22,.46) 72%,rgba(2,10,22,.28))}
.mc-keynote-aurora.mc-signature-layer .mc-signature-canvas{opacity:.72}
.mc-signature-hero{position:relative;isolation:isolate;background:linear-gradient(110deg,rgba(2,10,22,.80),rgba(2,10,22,.36))!important}
.mc-signature-hero .mc-family-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,70px);align-items:center}
.mc-signature-hero .mc-family-hero-grid h1{font-size:clamp(42px,5.1vw,76px);line-height:1.07}
.mc-signature-hero__visual{min-width:0;position:relative}
.mc-signature-brand.mc-family-lockup{height:104px;min-height:0!important;padding:12px 22px!important;margin:0 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}
.mc-signature-brand.mc-family-lockup img{display:block!important;object-fit:contain!important;width:auto!important;max-width:94%!important;height:auto!important;max-height:84px!important;transform:none!important}
.mc-signature-scene{position:relative;isolation:isolate;aspect-ratio:1.25;min-width:0;overflow:hidden;border:1px solid rgba(98,193,223,.4);border-radius:24px;background:#020a16;box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 70px rgba(55,137,241,.075)}
.mc-signature-scene::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(230,252,255,.08);background:linear-gradient(180deg,rgba(2,10,22,.82),transparent 18%,transparent 74%,rgba(2,10,22,.93))}
.mc-signature-scene[data-mc-signature="lattice"]{border-top-color:rgba(242,212,133,.56)}
.mc-signature-scene[data-mc-signature="cellular"]{border-color:rgba(86,240,197,.38);box-shadow:0 24px 60px rgba(0,0,0,.25),0 0 60px rgba(39,224,186,.07)}
.mc-signature-scene .mc-keynote-aurora__scrim{display:none}
.mc-signature-scene__top,.mc-signature-scene__bottom{position:absolute;left:clamp(15px,2vw,25px);right:clamp(15px,2vw,25px);z-index:2}
.mc-signature-scene__top{top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d4edfa;font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.10em;text-transform:uppercase}
.mc-signature-scene__tag{color:#ebd28c;font-size:9px;letter-spacing:.1em}
.mc-signature-scene[data-mc-signature="cellular"] .mc-signature-scene__tag{color:#8aedcd}
.mc-signature-scene__bottom{bottom:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}
.mc-signature-disclosure{color:#9bb6c9;font:400 10px/1.5 system-ui,sans-serif;text-align:center;letter-spacing:.025em}
.mc-signature-hover-hint{color:#b9dce9;font:500 10px/1.4 system-ui,sans-serif;letter-spacing:.02em;text-align:center}
body:not([data-mc-aurora-mode="running"]) .mc-signature-hover-hint{display:none}
.mc-signature-start{font:600 12px/1.3 system-ui,sans-serif;display:inline-flex;gap:18px;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #649cae;border-radius:9px;background:rgba(4,25,40,.94);color:#e5ffff;cursor:pointer}
.mc-signature-start:hover{border-color:#a8fbea;background:#103544}
.mc-signature-start:focus-visible{outline:3px solid #f4d98b;outline-offset:3px}
.mc-signature-start[hidden]{display:none!important}
.mc-signature-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 18px;margin-top:16px;color:#aecada;font:400 10px/1.6 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.mc-signature-legend span::before{content:'·';color:#76e8db;margin-right:7px}
.mc-signature-feature{position:relative;isolation:isolate;padding:clamp(70px,7.7vw,126px) 0;border-block:1px solid rgba(62,141,171,.26);background:linear-gradient(120deg,rgba(3,14,27,.96),rgba(3,11,23,.68))!important}
.mc-signature-feature--cellular{background:linear-gradient(120deg,rgba(2,20,25,.90),rgba(3,12,23,.8))!important}
.mc-signature-feature__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);align-items:center;gap:clamp(28px,5vw,92px)}
.mc-signature-feature__copy{min-width:0}
.mc-signature-feature__copy h2{font-size:clamp(34px,4vw,60px);line-height:1.11;letter-spacing:-.035em;margin:20px 0 23px;max-width:12ch;color:#f2f7fa;text-wrap:balance}
.mc-signature-feature__copy .lc-eyebrow{color:#efd594}
.mc-signature-feature--cellular .lc-eyebrow{color:#94ebcc}
.mc-signature-feature__copy p{color:#bbd1dc;line-height:1.8;font-size:clamp(15px,1.2vw,17px);max-width:46ch}
.mc-signature-feature__copy .mc-status-row{margin:23px 0 28px}
.mc-signature-feature__visual{min-width:0}
.mc-signature-feature__visual .mc-signature-scene{aspect-ratio:1.38}
/* Still is still: no pseudo-element animations, even after explicit opt-in. */
.mc-signature-scene .mc-signature-layer::before{animation:none!important}
.mc-aurora-console__name{max-width:190px}
@media(max-width:980px){
 .mc-signature-hero .mc-family-hero-grid,.mc-signature-feature__grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .mc-signature-hero__visual,.mc-signature-feature__visual{width:100%;max-width:690px;margin-inline:auto}
 .mc-signature-hero .mc-family-hero-grid h1{font-size:clamp(42px,8vw,68px)}
 .mc-signature-feature__copy h2{max-width:20ch}
 .mc-signature-feature__copy p{max-width:65ch}
}
@media(max-width:600px){
 .mc-signature-scene,.mc-signature-feature__visual .mc-signature-scene{aspect-ratio:.96;border-radius:17px}
 .mc-signature-scene__top{top:16px;font-size:10px;letter-spacing:.07em}
 .mc-signature-scene__tag{font-size:8px;letter-spacing:0;max-width:72px;text-align:right}
 .mc-signature-brand.mc-family-lockup{height:80px;margin-bottom:13px!important;padding:8px 10px!important}
 .mc-signature-brand.mc-family-lockup img{max-height:65px!important}
 .mc-signature-legend{gap:5px 12px;font-size:9px}
 .mc-signature-disclosure{font-size:9px;max-width:240px}
 .mc-signature-feature{padding:64px 0}
 .mc-signature-feature__copy h2{font-size:39px}
 .mc-signature-feature__copy .lc-button{width:100%;justify-content:center}
}
@media print{
 .mc-signature-layer,.mc-signature-start,.mc-signature-hover-hint{display:none!important}
 .mc-signature-feature,.mc-signature-hero{background:white!important;color:black!important}
 .mc-signature-feature__copy :is(h2,p){color:black!important}
 .mc-signature-static{display:block!important}
}

/* Keep the full-site atmosphere viewport-bound; generic layers are absolute. */
.mc-site-ambience.mc-signature-layer{position:fixed!important}

.mc-signature-brand.mc-family-lockup{height:120px}
.mc-signature-brand.mc-family-lockup img{max-height:112px!important;max-width:92%!important}
@media(max-width:600px){.mc-signature-brand.mc-family-lockup{height:110px}.mc-signature-brand.mc-family-lockup img{max-height:100px!important}}

/* Original 1080p desktop footage. Still frames are source-derived, never Aurora. */
.mc-signature-scene,.mc-signature-feature__visual .mc-signature-scene{aspect-ratio:16/9!important;min-height:0}
.mc-signature-layer[data-signature="lattice"],.mc-signature-scene[data-mc-signature="lattice"]{
 background:#020a16 url('/assets/ambiance/original-chat-20260912/northstar/poster.webp') center/cover no-repeat!important;
}
.mc-signature-layer[data-signature="cellular"],.mc-signature-scene[data-mc-signature="cellular"]{
 background:#020a16 url('/assets/ambiance/original-chat-20260912/growthroom/poster.webp') center/cover no-repeat!important;
}
.mc-signature-static{display:none!important}
.mc-original-frame{opacity:0!important;filter:none!important}
.mc-signature-layer.has-original-frame .mc-original-frame{opacity:1!important}
.mc-site-ambience.mc-signature-layer.has-original-frame .mc-original-frame{opacity:.50!important}
.mc-keynote-aurora.mc-signature-layer.has-original-frame .mc-original-frame{opacity:.74!important}
.mc-original-media-sources{position:fixed;left:-8px;top:-8px;width:1px;height:1px;overflow:hidden;pointer-events:none;z-index:-1;opacity:0}
.mc-original-media-sources video{width:1px;height:1px}
.mc-original-direct-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}
.has-original-direct > .mc-original-direct-video{opacity:1}
.mc-site-ambience.has-original-direct > .mc-original-direct-video{opacity:.5}
.mc-signature-scene .mc-original-direct-video{object-fit:contain}
.mc-signature-scene__top{top:14px;font-size:10px;text-shadow:0 1px 6px #000}
.mc-signature-scene__bottom{bottom:11px;gap:5px}
.mc-signature-scene::after{background:linear-gradient(180deg,rgba(2,10,22,.58),transparent 16%,transparent 84%,rgba(2,10,22,.75))}
.mc-signature-playback{margin-top:13px}
.mc-signature-playback__buttons{display:flex;flex-wrap:wrap;gap:6px}
.mc-signature-playback button{flex:1;min-width:66px;min-height:44px;border:1px solid #355260;border-radius:8px;background:#0b2230;color:#d8edf1;font:600 11px/1.3 system-ui,sans-serif;padding:8px 9px;cursor:pointer}
.mc-signature-playback button:hover{border-color:#87eacb;background:#123744}
.mc-signature-playback button[aria-pressed="true"]{border-color:#73f2d6;background:#164449;color:#fff}
.mc-signature-playback button:focus-visible{outline:3px solid #f4d98b;outline-offset:3px}
.mc-signature-playback p{margin:8px 0 0;color:#a9c5d1;font:400 10px/1.5 system-ui,sans-serif}
.mc-signature-playback p:last-child{color:#90aebb}
body:not(.mc-aurora-enabled) :is(.mc-signature-playback,.mc-signature-start){display:none}
body:is([data-mc-aurora-mode="reduced-motion"],[data-mc-aurora-mode="data-saver"]) :is(.mc-original-frame,.mc-original-direct-video){display:none!important}
@media(prefers-reduced-motion:reduce){body:not([data-mc-aurora-user-motion="play"]) :is(.mc-original-frame,.mc-original-direct-video){display:none!important}}
@media(max-width:600px){
 .mc-signature-scene__top{top:9px;left:12px;right:12px;font-size:9px}
 .mc-signature-scene__tag{font-size:8px;max-width:none}
 .mc-signature-scene__bottom{bottom:9px;left:10px;right:10px}
 .mc-signature-hover-hint{display:none!important}
 .mc-signature-start{font-size:11px;min-height:44px}
}
@media print{.mc-original-media-sources,.mc-signature-playback{display:none!important}}