*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } a[href^="tel"] { color: inherit !important; text-decoration: none !important; } :root { --bg: #15110C; --bg-elevated: #131110; --bg-card: #1A1715; --gold: #C9A84C; --gold-soft: #D4B86A; --gold-dim: rgba(201, 168, 76, 0.55); --gold-glow: rgba(201, 168, 76, 0.06); --text: #EDE8E0; --text-secondary: #9A938A; --text-dim: #5E5850; --border: rgba(201, 168, 76, 0.10); --font-display: 'Bodoni Moda', Georgia, serif; --font-body: 'Jost', -apple-system, sans-serif; --safe-bottom: env(safe-area-inset-bottom, 0px); --header-h: 96px; } ::selection { background: rgba(201, 168, 76, 0.25); color: var(--text); } /* background sulla RADICE: iOS dipinge la zona status-bar/overscroll (il "canvas") con lo sfondo di . Senza, e con body{overflow-x:clip}, la propagazione body→canvas si rompe e iOS lascia pixel vecchi della pagina visibili sopra l'header durante lo scroll. */ html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; background-color: #15110C; } body { font-family: var(--font-body); background: var(--bg); color: var(--text); min-height: 100vh; /* clip (non hidden): clippa l'overflow orizzontale SENZA creare un contenitore di scroll → su iOS il position:fixed dell'header resta davvero fisso */ overflow-x: clip; -webkit-font-smoothing: antialiased; } /* NIENTE overlay grana a tutto schermo. ⚠️ NON reintrodurre un elemento `position: fixed; inset: 0` a copertura totale: su iOS Safari un overlay fisso full-screen + scroll del documento espone una sottile striscia di contenuto sul bordo ALTO (sopra l'header) durante lo scroll. È stato il vero colpevole del bug "striscia fantasma sopra il logo" (giu 2026). Se in futuro si vuole una texture grana, applicarla NON-fixed (es. su un wrapper che scorre col contenuto) e verificare su iPhone reale prima di pubblicare. */