.intro-page { padding: 50px 19% 20px; }
.intro-page h1 { margin: 15px 0 32px; color: #e3e7c9; font: bold clamp(55px, 7vw, 90px)/.83 Impact, "Arial Black", sans-serif; letter-spacing: -4px; text-shadow: 5px 4px #f72991; }
.intro-page h1 span { color: var(--lime); text-shadow: 4px 4px #ef2a80; }
.intro-visual { display: flex; align-items: center; justify-content: center; height: 245px; background: linear-gradient(155deg, #d6ff00, #ff2d8b 44%, #20211b 45%); box-shadow: 9px 8px #3be6ea; filter: contrast(1.3) hue-rotate(30deg); }.intro-visual p { padding: 8px; background: #12120f; color: #fff; text-align: center; font: bold 19px/.9 var(--mono); }.intro-page section { margin: 45px 0; padding-top: 15px; border-top: 1px solid #69735a; }.intro-page section h2 { margin-bottom: 12px; color: var(--lime); font: bold 26px var(--mono); letter-spacing: -2px; }.intro-page section p { margin-bottom: 22px; color: #c2cbb4; font-size: 16px; }
@media (max-width: 700px) { .intro-page { padding: 40px 22px 10px; }.intro-visual { height: 180px; } }