/* Cached glass and frosted reading surfaces. */
body.home[data-renderer="glass"]::before { content: none; }
.home[data-renderer="glass"] .lantern-wall::before,
.home[data-renderer="glass"] .lantern-wall::after { content: none; }
.home[data-renderer="glass"] .lantern-wall { background: #9bbdc9; }
:root[data-light-mode="lamp"] .home[data-renderer="glass"] .lantern-wall { background: #555047; }
.glass-layer { position: absolute; inset: 0; }
.glass-lamp { display: none; }
:root[data-light-mode="lamp"] .glass-day { display: none; }
:root[data-light-mode="lamp"] .glass-lamp { display: block; }

/* The wall cache already contains the 40px blur directly behind each panel. */
.home[data-frosted="true"][data-glass-ready="true"] {
  --frost-tint: rgb(243 249 248 / 62%);
  --ink: #142f40;
  --muted: #294550;
  --blue: #104660;
  --blue-hover: #0b354b;
  --line: rgb(25 58 72 / 24%);
  --frost-edge: rgb(255 255 255 / 58%);
  --frost-shadow: 0 8px 28px rgb(14 43 56 / 9%);
}
:root[data-light-mode="lamp"] .home[data-frosted="true"][data-glass-ready="true"] {
  --frost-tint: rgb(23 25 24 / 68%);
  --ink: #fff2df;
  --muted: #f0e3ce;
  --blue: #ffdda6;
  --blue-hover: #ffecd0;
  --line: rgb(255 238 213 / 28%);
  --frost-edge: rgb(255 242 220 / 22%);
  --frost-shadow: 0 8px 28px rgb(0 0 0 / 13%);
}
.home[data-frosted="true"][data-glass-ready="true"] :is(.header,.hero,.selected-work,.about,.contact,.footer) {
  background: var(--frost-tint);
  border-color: var(--frost-edge);
  box-shadow: inset 0 1px 0 var(--frost-edge), var(--frost-shadow);
}
:root[data-light-mode="lamp"] .home[data-frosted="true"] .primary { color: #231e18; }
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  .home[data-frosted="true"][data-glass-ready="true"] :is(.header,.hero,.selected-work,.about,.contact,.footer) {
    background: var(--white);
  }
}