/* ========================= patch.css — v2 Link LAST in , after all other stylesheets. ========================= */ /* ══════════════════════════════════════════ 1. LOGO — vertically centered on mobile The mobile intro-sticky is position:relative with height 210vh and padding-top:25vh, so the logo sits at ~25vh from the top rather than true center. Reducing top padding brings it closer to the visual center of the screen. ══════════════════════════════════════════ */ @media (max-width: 600px) { .intro-sticky { padding-top: 18vh; } } /* ══════════════════════════════════════════ 2. SCROLL HINT — bigger suits + chevrons The suits container was 24x24px with 18px font. Chevrons were 11px. Scaling both up. ══════════════════════════════════════════ */ .scroll-hint-suits { width: 32px; height: 32px; } .scroll-hint-suits span { font-size: 26px; } .scroll-hint-chevrons i { font-size: 16px; } @media (max-width: 600px) { .scroll-hint-suits { width: 34px; height: 34px; } .scroll-hint-suits span { font-size: 28px; } .scroll-hint-chevrons i { font-size: 18px; } } /* ══════════════════════════════════════════ 3. MOBILE BACKGROUND — reduce the gap Desktop bg is #070707, mobile override is #0c0c0c — a noticeable jump. Bringing it to #090909 closes that gap while keeping the body background-image texture untouched. color-scheme:dark tells iOS Safari this is intentional dark so it stops deepening blacks on OLED displays. ══════════════════════════════════════════ */ @media (max-width: 600px) { :root { --c-bg: #090909; } html { color-scheme: dark; } } /* ══════════════════════════════════════════ 4. RED GLOW — removed Neutralises the body::before radial gradients from style.css without touching that file. ══════════════════════════════════════════ */ body::before { display: none; }