/* Shared material for the homepage, portfolio and technology desk. Loaded after site chrome.
   Static light fields and small glass surfaces preserve the existing 3D scene. */
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) {
  --glass-panel: linear-gradient(128deg, #e5f4ff16, #b7ddec06 48%, #a4f5df0e), #0c1a2a50;
  --glass-border: #d4eaf03b;
  --glass-shadow: inset 0 1px 0 #f0faff38, inset 1px 0 0 #ecf8ff0d, inset 0 -1px 0 #b2d2e312, 0 16px 40px #01091826;
  --glass-cyan: #a7e7ff;
  --glass-mint: #9ef1d1;
  background-color: #080f1d;
  background-image:
    radial-gradient(ellipse 780px 680px at 95% 250px, #4b6fe869, transparent 75%),
    radial-gradient(ellipse 820px 540px at 7% 740px, #1aa9954c, transparent 72%),
    radial-gradient(ellipse 920px 720px at 96% 1620px, #4767b64d, transparent 72%),
    radial-gradient(ellipse 780px 700px at 9% 2580px, #258d7c38, transparent 72%),
    radial-gradient(ellipse 940px 850px at 92% 3800px, #465da038, transparent 75%),
    radial-gradient(ellipse 880px 700px at 9% 5100px, #26897930, transparent 75%);
  background-repeat: no-repeat;
  background-size: auto;
}
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-header {
  background: linear-gradient(105deg, #172b40ed, #142334ed);
  border-bottom-color: #d5eaf52e;
  box-shadow: inset 0 1px 0 #ffffff14, 0 8px 32px #01091714;
}
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-header .brand-icon {
  background: linear-gradient(135deg, #6ebbd238, #2d556f63 48%, #65d6ac25);
  border-color: #a7d8e278;
  box-shadow: inset 0 1px 0 #c0f4ff38, 3px 3px 0 #071a2f70;
  color: #c4fbf3;
}
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-header .nav .nav-lab,
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-view-switch {
  background: linear-gradient(120deg, #edfbff12, #d0e9f006), #12233726;
  border-color: #d3e7ee38;
  box-shadow: inset 0 1px 0 #f5fcff1c;
}
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-footer {
  background: linear-gradient(115deg, #acc6db08, #c0e3e30a), #0c1c306b;
  border-color: #b2cbd32b;
}
body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .page-guide {
  background: linear-gradient(145deg, #253c51f2, #193139f2);
  border-color: #dceef14d;
  box-shadow: inset 0 1px 0 #f5fcff38, inset 0 -1px 0 #c8e2e319, 0 10px 30px #01091826;
}

/* Color and light, without flattening any of the preserve-3d ancestors. */
body.future-home .future-hero::before {
  content: '';
  position: absolute;
  inset: 15px -32px 20px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 79% 40%, #6b94ff26, transparent 54%), radial-gradient(ellipse at 37% 80%, #6fe6c11c, transparent 55%);
  border-radius: 34px;
}
body.future-home .future-hero .intro { color: #b4c6d8; }
body.future-home .hero-kicker { color: #bdd9e8; }
body.future-home .hero-kicker-line { background: #abeddf; box-shadow: 0 0 12px #7ddfff40; }
body.future-home .future-hero h1 em { color: #a1eed6; }
@supports (background-clip: text) {
  body.future-home .future-title-outline,
  body.future-home .future-hero h1 em {
    background: linear-gradient(100deg, #acd7ff 3%, #81e7e1 55%, #b2f4cf 96%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
body.future-home .orbital-stage::before {
  content: '';
  position: absolute;
  inset: -17px -4px -16px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid #e0efff30;
  border-radius: 25px;
  background: linear-gradient(145deg, #e4f2ff17, #cedbff03 42%, #befae50e);
  box-shadow: inset 0 1px 0 #f5faff42, inset -1px -1px 0 #d4e5f519, 0 24px 60px #030b1820;
}
body.future-home .orbit-glow {
  background: radial-gradient(ellipse at 69% 26%, #8dabff50, transparent 60%), radial-gradient(ellipse at 27% 73%, #70f0d050, transparent 59%);
}
body.future-home .floating-window {
  background: linear-gradient(130deg, #e3f3ff2b, #c6e3f10a 48%, #a8f5dd12), #14293d85;
  border-color: #dceff78a;
  box-shadow: inset 0 1px 0 #ffffff80, inset 1px 0 0 #e3f6ff2b, inset 0 -1px 0 #b5d3e329, 1px 2px 0 #94b8cd2e, 10px 18px 28px #0109173d;
}
body.future-home .floating-window::after { border-color: #e5f6ff17; border-top-color: #f5fcff33; }
body.future-home .floating-window > strong { color: #edfbff; }
body.future-home .window-topline { color: #b8dbe7; }
body.future-home .window-bottomline { color: #9abecd; }
body.future-home .ai-window {
  background: linear-gradient(120deg, #d3ffef24, #cce8eb07 48%, #d4eaff12), #142d3685;
  border-color: #dcf8ef85;
}
body.future-home .stage-topline,
body.future-home .stage-bottomline { color: #92b3c7; }
body.future-home .cube-front {
  background: linear-gradient(135deg, #a5eadeee, #548ed9e8 57%, #285b79ed);
  border-color: #c8faff;
}
body.future-home .cube-right { background: linear-gradient(140deg, #4386aeea, #183d69ed); }
body.future-home .cube-top { background: linear-gradient(135deg, #d7ffefee, #85cbd6ee 58%, #8de0cae8); }
body.future-home .platform-middle .platform-top { background: linear-gradient(135deg, #618ebaa1, #23566cdc 54%, #3c8786ac); border-color: #98dfe8a6; }
body.future-home .platform-upper .platform-top { background: linear-gradient(130deg, #b4f5dc, #70b8c6 47%, #387d92); border-color: #d0f9ef; }

/* Tinted card surfaces stay cheap to scroll: no backdrop blur on the long grid. */
body.future-home :is(.credentials, .featured-card, .energy-experience-card, .lab-card, .personal-card, .physical-ai-card, .article-card, .moment-card, .capability-grid),
body.future-home .featured-linked-card.featured-card-main,
body.future-home .lab-card:nth-child(2) {
  background: var(--glass-panel);
  border-color: var(--glass-border);
  box-shadow: var(--glass-shadow);
}
body.future-home .credentials {
  background: linear-gradient(110deg, #e2f2ff17, #c9ffe509 55%, #c7e0ff15), #11223640;
}
body.future-home .credential { border-color: #7bbcc934; }
body.future-home .credential:first-child strong { color: #abefdc; }
body.future-home .featured-demo-preview,
body.future-home .featured-linked-card.featured-card-main .featured-demo-preview {
  background: radial-gradient(ellipse at 64% 20%, #8eb8ee15, transparent 64%), linear-gradient(130deg, #c8e8ff0c, #b9f1df08);
  border-color: #ceeaf02b;
}
body.future-home .featured-linked-card .featured-tags span,
body.future-home .inline-tags span {
  background: #8fcced0d;
  color: #bbd9e6;
  border-color: #7ca9c237;
}
body.future-home .capability-grid > div { background: linear-gradient(135deg, #77baf011, transparent); border-color: #77b6cf29; }
body.future-home .experience {
  background: radial-gradient(ellipse at 88% 8%, #8ac0ff20, transparent 62%), linear-gradient(118deg, #d0fff018, #d8e7ff08 56%, #bcece312), #11253769;
  border-color: #82c7d44d;
  box-shadow: var(--glass-shadow);
}
body.future-home .physical-ai-next {
  background: linear-gradient(110deg, #d5fff016, #d1e4ff08 55%, #ccefff12), #102a3a60;
  border-color: #8dd3d247;
  box-shadow: var(--glass-shadow);
}
body.future-home .button,
body.future-home .featured-launch {
  background: linear-gradient(115deg, #b4e9ff, #a0f0d5);
  color: #102b34;
  border-color: #dcfaffb3;
  box-shadow: inset 0 1px 0 #ffffff70, 0 6px 20px #52bebe1c;
}
body.future-home .button:hover,
body.future-home .featured-launch:hover { background: linear-gradient(115deg, #d0f1ff, #bff7de); color: #102b34; }
body.future-home .button.secondary {
  background: linear-gradient(120deg, #edf8ff19, #d4ffef09), #142c4240;
  border-color: #d4eaf05c;
  color: #e1f6fb;
  box-shadow: inset 0 1px 0 #d9f6ff1c;
}
body.future-home .button.secondary:hover { background: linear-gradient(120deg, #3472955c, #4baf9933), #173147; }

/* Actual frosted glass is confined to small floating surfaces on capable
   desktops; the scene's transform hierarchy and motion budget stay untouched. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
    body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-header {
      background: linear-gradient(110deg, #edf6ff0a, #d5ffef03), #0b162946;
      -webkit-backdrop-filter: blur(24px) saturate(145%);
      backdrop-filter: blur(24px) saturate(145%);
    }
    body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .page-guide {
      background: linear-gradient(145deg, #ecf7ff20, #b2ecde0c), #10263870;
      -webkit-backdrop-filter: blur(18px) saturate(135%);
      backdrop-filter: blur(18px) saturate(135%);
    }
    body.future-home[data-future-budget=interactive] .floating-window {
      background: linear-gradient(130deg, #e7f6ff2b, #d9f0ff08 48%, #b5ffe815), #10243950;
      -webkit-backdrop-filter: blur(14px) saturate(135%);
      backdrop-filter: blur(14px) saturate(135%);
    }
    body.future-home[data-future-budget=interactive] .ai-window { background: linear-gradient(120deg, #e0fff52b, #d4f4ed08 53%, #c9e7ff12), #12313750; }
  }
}
body.future-home[data-future-budget=static] .site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: linear-gradient(110deg, #1b3047, #102a38 55%, #182b43);
}
body.future-home[data-future-budget=static] .page-guide { -webkit-backdrop-filter: none; backdrop-filter: none; background: linear-gradient(145deg, #253c51f2, #193139f2); }
body.future-home[data-future-budget=static] .floating-window { box-shadow: inset 0 1px 0 #f5fcff73, inset 0 -1px 0 #cbe9ee25, 1px 2px 0 #91b4c640, 5px 10px 20px #020b1829; }
@media (max-width: 900px) {
  body.future-home .orbital-stage::before { inset: -12px 0; border-radius: 18px; }
  body.future-home .future-hero::before { inset-inline: -12px; }
  body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-header .nav { background: linear-gradient(130deg, #17354af7, #102138fc); border-color: #8bcbd245; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) { --glass-panel: linear-gradient(120deg, #183047, #112c36); background-image: none; }
  body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .site-header,
  body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) .page-guide,
  body.future-home .floating-window,
  body.future-home[data-future-budget] .floating-window {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #132a3c;
  }
  body.future-home :is(.credentials, .featured-demo-preview, .experience, .physical-ai-next),
  body.future-home .featured-linked-card.featured-card-main .featured-demo-preview { background: #142a3b; }
  body.future-home .future-title-outline,
  body.future-home .future-hero h1 em { color: #adf1dd; background: none; }
}
@media print {
  body.site-shell:is(.future-home, .tech-news-page, .portfolio-page) { background: white; }
}
@media (forced-colors: active) {
  body.future-home .future-title-outline,
  body.future-home .future-hero h1 em { color: CanvasText; background: none; }
}