/* Base della proposta A — condivisa dalle tre varianti di testata */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --nero:#0a0a0b; --testo:#f4f1ea; --tenue:#8d8a84;
  --giallo:#ffc814; --ambra:#ffb02e; --linea:rgba(244,241,234,.14);
  --h:74px; /* altezza testata */
}
html{scroll-behavior:smooth}
body{background:var(--nero);color:var(--testo);
  font-family:"Helvetica Neue",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(18px,4vw,64px)}
img{display:block}

/* ---------- hero ---------- */
.hero{position:relative;height:100svh;overflow:hidden}
.hero figure{position:absolute;inset:0}
.hero figure img{width:100%;height:100%;object-fit:cover}
#notte{opacity:0}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,10,11,.72) 0%,rgba(10,10,11,.15) 30%,transparent 46%,rgba(10,10,11,.94) 100%)}
.hero-testo{position:absolute;inset:auto 0 0;z-index:2;padding-bottom:clamp(32px,7vh,84px)}
.occhiello{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--giallo);margin-bottom:16px}
h1{font-size:clamp(46px,12vw,180px);line-height:.84;font-weight:800;letter-spacing:-.035em;text-transform:uppercase}
h1 em{font-style:normal;display:block;color:var(--tenue)}
.meta{display:flex;flex-wrap:wrap;gap:14px 42px;margin-top:28px;align-items:baseline}
.meta b{font-size:clamp(18px,2.4vw,30px);font-weight:600;letter-spacing:-.01em}
.meta span{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--tenue)}
.cta{display:inline-block;margin-top:30px;padding:16px 34px;border-radius:100px;
  background:var(--giallo);color:#141005;text-decoration:none;font-weight:800;font-size:14px;
  letter-spacing:.04em;transition:transform .25s}
.cta:hover{transform:translateY(-2px)}

/* ---------- sezioni sotto (per dare contesto allo scroll) ---------- */
section{padding:clamp(70px,12vh,150px) 0}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--giallo);margin-bottom:20px}
h2{font-size:clamp(30px,5.4vw,80px);line-height:.94;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}
.intro{max-width:640px;margin-top:24px;font-size:clamp(16px,1.35vw,20px);line-height:1.62;color:#cfcbc3}
.numeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin-top:60px;
  background:var(--linea);border:1px solid var(--linea)}
.numeri div{background:var(--nero);padding:30px 24px}
.numeri b{display:block;font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.03em}
.numeri span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tenue)}
.striscia{display:flex;gap:12px;overflow-x:auto;padding:0 clamp(18px,4vw,64px);scroll-snap-type:x mandatory}
.striscia::-webkit-scrollbar{height:0}
.striscia img{height:min(60vh,480px);width:auto;object-fit:cover;flex:0 0 auto;scroll-snap-align:center}
footer{border-top:1px solid var(--linea);padding:50px 0;color:var(--tenue);font-size:13px}