/* VSL HOME LIGHT / MADRE LIVING SYSTEM v02 — approved direction 2026-09-19
   Scope: desktop Home/MADRE stage only. Preserve MADRE core, halo, sleep/wake and project motion.
   One featured-project frame only. */
@media (min-width: 901px) {
  .stage:not(.scene-active) {
    background: #ffffff !important;
    color: #101820 !important;
  }

  /* The Chef-supplied living-system video becomes the complete first-screen environment. */
  .madre-system-bg {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .46;
    pointer-events: none;
    filter: saturate(.82) contrast(.94) brightness(1.10);
    mix-blend-mode: multiply;
    transition: opacity .7s ease;
  }

  .stage.awakening .madre-system-bg,
  .stage.awake .madre-system-bg,
  .stage.projects-visible .madre-system-bg {
    opacity: .54;
  }

  .stage.scene-active .madre-system-bg {
    opacity: 0;
  }

  /* The old dark field is suppressed only on the Home state. Project scenes remain intact. */
  .stage:not(.scene-active) .space,
  .stage:not(.scene-active) .network,
  .stage:not(.scene-active) .vignette,
  .stage:not(.scene-active) .grain {
    opacity: 0 !important;
  }

  /* Ensure MADRE remains the visual center, with her original layered sphere and glow. */
  .stage:not(.scene-active) .core-wrap {
    z-index: 34 !important;
  }

  .stage:not(.scene-active).sleeping .core {
    opacity: .72 !important;
    transform: scale(.90) !important;
    filter: drop-shadow(0 0 74px rgba(77, 186, 231, .76)) drop-shadow(0 0 150px rgba(81, 167, 231, .24)) !important;
  }

  .stage:not(.scene-active).awakening .core,
  .stage:not(.scene-active).awake .core,
  .stage:not(.scene-active).projects-visible .core {
    opacity: 1 !important;
    transform: scale(1) !important;
  }

  .stage:not(.scene-active) .power {
    z-index: 38 !important;
  }

  .stage:not(.scene-active) .brand strong,
  .stage:not(.scene-active) .status,
  .stage:not(.scene-active) .left-whisper,
  .stage:not(.scene-active) .institutional-tagline p,
  .stage:not(.scene-active) .sleep-label,
  .stage:not(.scene-active) .voice-line {
    color: #132235 !important;
    text-shadow: none !important;
  }

  .stage:not(.scene-active) .brand em,
  .stage:not(.scene-active) .left-whisper small {
    color: #66788b !important;
  }

  .stage:not(.scene-active) .brand span {
    background: #2485d0 !important;
    box-shadow: 0 0 18px rgba(36,133,208,.34) !important;
  }

  .stage:not(.scene-active) .left-whisper {
    top: auto !important;
    bottom: 92px !important;
    color: rgba(19,34,53,.52) !important;
  }

  .stage:not(.scene-active) .left-whisper i {
    background: rgba(19,34,53,.18) !important;
  }

  /* One editorial frame. Change its content monthly without changing the Home architecture. */
  .home-featured-project {
    position: absolute;
    z-index: 36;
    left: 34px;
    top: 122px;
    width: min(350px, calc(100vw - 68px));
    transition: opacity 1.1s ease, transform 1.1s ease;
  }

  .home-featured-project-card {
    display: block;
    padding: 20px 22px 19px;
    border: 1px solid rgba(42,96,132,.18);
    border-radius: 22px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 18px 46px rgba(46,75,100,.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #132235;
    text-decoration: none;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
  }

  .home-featured-project-card:hover,
  .home-featured-project-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(36,133,208,.40);
    background: rgba(255,255,255,.96);
    box-shadow: 0 22px 54px rgba(46,75,100,.15);
    outline: none;
  }

  .home-featured-project-eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    color: #4f6d84;
    font: 650 10px/1.35 var(--font-display);
    letter-spacing: .20em;
    text-transform: uppercase;
  }

  .home-featured-project-eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #20b9d7;
    box-shadow: 0 0 12px rgba(32,185,215,.34);
  }

  .home-featured-project-card h2 {
    margin: 0 0 6px;
    color: #0f1f32;
    font: 600 27px/1.05 var(--font-display);
    letter-spacing: -.02em;
  }

  .home-featured-project-status {
    display: block;
    margin: 0 0 10px;
    color: #0b6b91;
    font: 650 10px/1.35 var(--font-display);
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .home-featured-project-card p {
    margin: 0 0 14px;
    color: #526578;
    font: 400 12px/1.65 var(--font-display);
    letter-spacing: .03em;
  }

  .home-featured-project-open {
    color: #0b5f90;
    font: 700 10px/1.35 var(--font-display);
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .stage.awakening .home-featured-project,
  .stage.awake .home-featured-project,
  .stage.projects-visible .home-featured-project,
  .stage.scene-active .home-featured-project {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
  }

  /* Orbit behavior is untouched; only visual language becomes clean laboratory typography. */
  .stage:not(.scene-active) .project-name,
  .stage:not(.scene-active) .project-name.flagship {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #132235 !important;
    box-shadow: none !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 12px rgba(255,255,255,.92) !important;
    backdrop-filter: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
  }

  .stage:not(.scene-active) .project-name::before,
  .stage:not(.scene-active) .project-name::after,
  .stage:not(.scene-active) .project-name-label::before,
  .stage:not(.scene-active) .project-names::before,
  .stage:not(.scene-active) .project-names::after {
    display: none !important;
  }

  .stage:not(.scene-active) .project-name:hover,
  .stage:not(.scene-active) .project-name.is-arrived:hover,
  .stage:not(.scene-active) .project-name.flagship:hover {
    color: #0b5f90 !important;
    background: rgba(255,255,255,.70) !important;
    text-shadow: 0 1px 0 #fff, 0 0 16px rgba(255,255,255,1) !important;
  }

  .stage:not(.scene-active) .project-name:focus-visible {
    outline: 2px solid #2485d0 !important;
    outline-offset: 3px !important;
  }

  .stage:not(.scene-active) .home-direct-link {
    border-color: rgba(19,34,53,.17) !important;
    background: rgba(255,255,255,.72) !important;
    color: #20364d !important;
    box-shadow: none !important;
  }

  .stage:not(.scene-active) .home-direct-link:hover {
    color: #0b5f90 !important;
    border-color: rgba(36,133,208,.34) !important;
    background: rgba(255,255,255,.96) !important;
  }

  .stage:not(.scene-active) .footer-note {
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.95)) !important;
    border-top-color: rgba(19,34,53,.08) !important;
    backdrop-filter: blur(12px);
  }

  .stage:not(.scene-active) .footer-note a {
    color: #526578 !important;
    text-shadow: none !important;
  }

  .stage:not(.scene-active) .footer-note a:hover {
    color: #0b5f90 !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .madre-system-bg { display: none !important; }
  }
}