/* 2026-09-25 — homepage art refresh (hand-maintained; see CLAUDE.md) */
/* 2026-09-29 — the beige page tint (#E9E4D9) that backed the removed artwork is
   gone: the app now uses its own paper --bg, the same as every other page. */
.shell { position: relative; z-index: 1; }
.section-tile-wide, .home-nav-tile {
  position: relative;
  border: 2px solid #191731;
  box-shadow: 5px 5px 0 #191731;
}
body[data-theme="dark"] .section-tile-wide,
body[data-theme="dark"] .home-nav-tile {
  border-color: #E9E4D9;
}
/* Layered ink: Educational tile gets an iris tint so the two tiles
   read as distinct in dark mode, like lavender vs. white in light. */
body[data-theme="dark"] .section-tile-wide[href="#/educational"] {
  background: #2A2650;
}
.section-numeral {
  position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
  font-size: 72px; font-weight: 800; line-height: 1;
  font-family: 'Bricolage Grotesque', sans-serif;
  color: var(--text); opacity: 0.08; pointer-events: none;
}
.hero .swipe { display: inline-block; transform: rotate(-1deg); }
.brand-glyph:not(.brand-glyph-sm) { filter: drop-shadow(4px 4px 0 #191731); }
.proof-strip {
  background: #191731; color: #FBF7EF;
  border-radius: 12px; padding: 10px 16px; margin-top: 28px; margin-bottom: 44px;
  font-size: 14px; font-weight: 600; line-height: 1.5;
}
.proof-dot { color: #FFC53D; font-weight: 800; }
.section-stack { gap: 40px; }

/* 2026-09-29 — the homepage background wash (students artwork) is removed by
   request, along with its embedded image; renderHome() no longer injects
   .home-bg-wash. */