*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg-page);color:var(--fg-1);font:var(--text-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin:0}
a{color:var(--link);text-decoration:none;transition:color var(--dur-base) var(--ease-out)}
a:hover{color:var(--link-hover)}
::selection{background:var(--ik-giallo);color:var(--ik-black)}
:focus-visible{outline:1px solid var(--focus-ring);outline-offset:4px}

.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:100;padding:12px 20px;background:var(--ik-white);color:var(--ik-black);font:700 10px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase}
.skip-link:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Tipografia */
.eyebrow{font:700 11px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-2)}
.eyebrow--white{color:var(--ik-white)}
.h-hero{font:700 var(--fs-hero)/var(--lh-tight) var(--font-display);letter-spacing:.04em}
.h2{font:700 clamp(26px,3vw,40px)/1.15 var(--font-display);letter-spacing:.05em}
.lead{font:300 clamp(22px,2.6vw,36px)/1.4 var(--font-body);text-wrap:pretty}
.text-muted{color:var(--fg-2)}

/* Fade-in allo scorrimento (attivato da js/main.js) */
.js .fade{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.js .fade.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}
  .js .fade{opacity:1;transform:none}
}