/* ============================================================ GMS 2026 — Polygon hero background (OPTIONAL / REVERSIBLE) ------------------------------------------------------------ Applies a calm, coarse low-poly teal mesh to the FIRST section (the hero) only. The rest of the page keeps its original backgrounds. ▼ HOW TO REVERT (元に戻す方法) 1) index.html のからこの行を削除: 2) index.html のをに戻す ※ 元の index.html / styles.css は backup/ にも保存済みです。 ============================================================ */ /* Hero (first section) only — faceted mesh instead of flat teal. Acts as a static fallback before/without JS animation. */ body.polygon-bg .hero { background: #2a9c81 url("assets/poly-bg-soft.svg") center center / cover; } /* Animated inline mesh sits behind the hero content */ body.polygon-bg .poly-mesh-holder { position: absolute; inset: 0; z-index: 0; overflow: hidden; } body.polygon-bg .poly-mesh-holder .poly-mesh { width: 100%; height: 100%; display: block; } /* Keep all hero content above the mesh */ body.polygon-bg .hero > .container, body.polygon-bg .hero > .confetti { position: relative; z-index: 1; } /* Remove the hero's built-in diamond texture — the polygon mesh replaces it entirely */ body.polygon-bg .hero::before { display: none; }