/* ============================================================
   IL SISTEMA CLEOR — design system
   Brand: giallo #FED601 dominante · fucsia #DA1A84 azione ·
   navy #344C98 eyebrow · Anton display / Archivo body
   Riferimento: brand manual Scintille + prototipo XD "Proposta 1"
   ============================================================ */

:root{
  --giallo:#FED601;
  --canarino:#FFF3B8;
  --fucsia:#DA1A84;
  --fucsia-scuro:#B01268;
  --navy:#344C98;
  --nero:#141414;
  --crema:#FFFDF4;
  --bianco:#FFFFFF;
  --oro-a:#E8C767;
  --oro-b:#A8821F;

  --font-display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --font-body:'Archivo', system-ui, sans-serif;

  --misura:66ch;
  --raggio:2rem;
  --raggio-int:calc(2rem - 0.5rem);
  --curva:cubic-bezier(0.32,0.72,0,1);
  --sez:clamp(4.5rem,10vw,8.5rem);
}

/* ---------- reset essenziale ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  font-size:1.0625rem;
  line-height:1.65;
  color:var(--nero);
  background:var(--crema);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}

/* ---------- tipografia ---------- */
h1,h2,h3,.display{
  font-family:var(--font-display);
  font-weight:400;
  text-transform:uppercase;
  line-height:.94;
  letter-spacing:.005em;
}
h1{font-size:clamp(3.2rem,9vw,6.8rem)}
h2{font-size:clamp(2.1rem,5.5vw,3.9rem)}
h3{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.05}
p{max-width:var(--misura)}
strong{font-weight:700}
em{font-style:italic}
.lead{font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.5;font-weight:500}

.eyebrow{
  display:inline-flex;align-items:center;gap:.5em;
  font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--navy);
  padding:.45em 1.1em;border-radius:999px;
  border:1.5px solid currentColor;
  background:rgba(255,255,255,.55);
  margin-bottom:1.4rem;
}
.eyebrow--inverso{color:var(--giallo);background:rgba(0,0,0,.25)}

/* ---------- header a isola ---------- */
.site-header{
  position:fixed;inset-inline:0;top:0;z-index:40;
  display:flex;justify-content:center;
  padding:1.1rem 1rem 0;
  pointer-events:none;
}
.site-header__pill{
  pointer-events:auto;
  display:flex;align-items:center;gap:1.6rem;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(20,20,20,.08);
  box-shadow:0 12px 40px -18px rgba(20,20,20,.35);
  border-radius:999px;
  padding:.55rem .7rem .55rem 1.1rem;
  max-width:min(96vw,880px);
}
.logo{
  display:flex;align-items:center;gap:.55rem;text-decoration:none;
}
.logo__badge{
  font-family:var(--font-display);font-size:1.05rem;line-height:1;
  background:var(--fucsia);color:var(--giallo);
  padding:.42em .5em .34em;border-radius:.35rem;
  box-shadow:.22rem .22rem 0 var(--giallo);
}
.logo__testo{font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.site-nav{display:flex;gap:.2rem;align-items:center}
.site-nav a{
  text-decoration:none;font-weight:600;font-size:.86rem;
  padding:.55em 1em;border-radius:999px;
  transition:background .45s var(--curva), color .45s var(--curva);
  white-space:nowrap;
}
.site-nav a:hover{background:var(--canarino)}
.site-nav a[aria-current="page"]{background:var(--nero);color:var(--giallo)}
.nav-toggle{display:none}

@media (max-width:820px){
  .site-nav{
    position:fixed;inset:0;z-index:45;
    display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;
    background:rgba(20,20,20,.92);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    opacity:0;pointer-events:none;
    transition:opacity .5s var(--curva);
  }
  .site-nav a{
    color:var(--crema);font-family:var(--font-display);
    font-size:clamp(1.6rem,6vw,2.4rem);text-transform:uppercase;letter-spacing:.02em;
    transform:translateY(28px);opacity:0;
    transition:transform .6s var(--curva), opacity .6s var(--curva);
  }
  .site-nav a:hover{background:transparent;color:var(--giallo)}
  .site-nav a[aria-current="page"]{background:transparent;color:var(--giallo)}
  body.nav-aperta .site-nav{opacity:1;pointer-events:auto}
  body.nav-aperta .site-nav a{transform:translateY(0);opacity:1}
  .site-nav a:nth-child(1){transition-delay:.05s}
  .site-nav a:nth-child(2){transition-delay:.1s}
  .site-nav a:nth-child(3){transition-delay:.15s}
  .site-nav a:nth-child(4){transition-delay:.2s}
  .site-nav a:nth-child(5){transition-delay:.25s}
  .site-nav a:nth-child(6){transition-delay:.3s}
  .site-nav a:nth-child(7){transition-delay:.35s}
  .nav-toggle{
    display:grid;place-items:center;
    width:42px;height:42px;border-radius:999px;border:0;
    background:var(--nero);cursor:pointer;position:relative;z-index:46;
  }
  .nav-toggle span{
    position:absolute;width:18px;height:2px;background:var(--giallo);
    transition:transform .5s var(--curva), opacity .3s;
  }
  .nav-toggle span:nth-child(1){transform:translateY(-5px)}
  .nav-toggle span:nth-child(3){transform:translateY(5px)}
  body.nav-aperta .nav-toggle span:nth-child(1){transform:rotate(45deg)}
  body.nav-aperta .nav-toggle span:nth-child(2){opacity:0}
  body.nav-aperta .nav-toggle span:nth-child(3){transform:rotate(-45deg)}
}

/* ---------- hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background:var(--giallo);
  min-height:88svh;
  display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--sez) + 3rem) var(--pad-x,clamp(1.25rem,6vw,5rem)) var(--sez);
}
.hero__contenuto{position:relative;z-index:2;max-width:1100px}
.hero h1{max-width:11ch}
.hero .lead{margin-top:1.6rem;max-width:52ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.4rem}

.wordmark-ghost{
  position:absolute;z-index:1;inset-inline:0;top:50%;
  transform:translateY(-50%);
  font-family:var(--font-display);
  font-size:clamp(9rem,30vw,26rem);
  line-height:1;text-transform:uppercase;text-align:right;
  color:transparent;
  -webkit-text-stroke:2px rgba(255,255,255,.75);
  opacity:.65;
  pointer-events:none;user-select:none;
  white-space:nowrap;
}
.halftone{position:relative}
.halftone::after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  width:min(46vw,420px);height:min(46vw,420px);
  right:-6%;bottom:-14%;
  background-image:radial-gradient(currentColor 2.4px, transparent 2.6px);
  background-size:18px 18px;
  color:rgba(20,20,20,.14);
  -webkit-mask-image:radial-gradient(closest-side, #000 55%, transparent 100%);
  mask-image:radial-gradient(closest-side, #000 55%, transparent 100%);
}

/* ---------- pill / bottoni ---------- */
.pill{
  display:inline-flex;align-items:center;gap:.7em;
  font-weight:700;font-size:.95rem;text-decoration:none;
  padding:.85em .6em .85em 1.5em;border-radius:999px;
  background:var(--nero);color:var(--crema);
  transition:transform .5s var(--curva), box-shadow .5s var(--curva), background .5s var(--curva);
  box-shadow:0 14px 30px -16px rgba(20,20,20,.55);
}
.pill:hover{transform:translateY(-2px)}
.pill:active{transform:scale(.98)}
.pill__freccia{
  display:grid;place-items:center;
  width:2em;height:2em;border-radius:999px;
  background:rgba(255,255,255,.16);
  transition:transform .5s var(--curva), background .5s var(--curva);
}
.pill:hover .pill__freccia{transform:translate(3px,-2px) scale(1.06)}
.pill--fucsia{background:var(--fucsia);color:#fff}
.pill--fucsia:hover{background:var(--fucsia-scuro)}
.pill--bianca{background:var(--bianco);color:var(--nero);border:1.5px solid rgba(20,20,20,.14);box-shadow:none}
.pill--bianca .pill__freccia{background:var(--giallo)}
.pill--oro{
  background:linear-gradient(135deg,var(--oro-a),var(--oro-b));
  color:var(--nero);
}
.pill--oro .pill__freccia{background:rgba(255,255,255,.4)}

/* ---------- fasce (sezioni piene) ---------- */
.fascia{padding:var(--sez) clamp(1.25rem,6vw,5rem)}
.fascia__interna{max-width:1100px;margin-inline:auto}
.fascia--bianca{background:var(--bianco)}
.fascia--crema{background:var(--crema)}
.fascia--gialla{background:var(--giallo)}
.fascia--canarino{background:var(--canarino)}
.fascia--fucsia{background:var(--fucsia);color:#fff}
.fascia--fucsia .eyebrow{color:#fff;background:rgba(0,0,0,.14)}
.fascia--nera{background:var(--nero);color:var(--crema)}
.fascia--nera .eyebrow{color:var(--giallo);background:rgba(255,255,255,.06)}

/* ---------- stat ---------- */
.stat-griglia{
  display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  margin-top:3rem;
}
.stat{
  border-radius:var(--raggio);
  padding:.5rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
}
.fascia--bianca .stat,.fascia--crema .stat,.fascia--gialla .stat{
  background:rgba(20,20,20,.04);border-color:rgba(20,20,20,.07);
}
.stat__interno{
  border-radius:var(--raggio-int);
  padding:1.6rem 1.5rem 1.4rem;
  background:var(--nero);color:var(--crema);
  height:100%;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12);
}
.fascia--nera .stat__interno{background:#1d1d1d}
.stat__num{
  font-family:var(--font-display);
  font-size:clamp(2.4rem,5vw,3.6rem);
  line-height:1;color:var(--giallo);
  white-space:nowrap;
}
.stat__label{font-size:.85rem;font-weight:600;margin-top:.55rem;opacity:.85;max-width:24ch}

/* ---------- card doppio bordo ---------- */
.card{
  border-radius:var(--raggio);
  padding:.5rem;
  background:rgba(20,20,20,.045);
  border:1px solid rgba(20,20,20,.07);
}
.card__interno{
  border-radius:var(--raggio-int);
  background:var(--bianco);
  padding:clamp(1.4rem,3vw,2.2rem);
  height:100%;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6), 0 20px 45px -30px rgba(20,20,20,.25);
}

/* ---------- blocchi pilastro ---------- */
.blocco{margin-top:3.2rem;border-left:6px solid var(--navy);padding-left:clamp(1rem,3vw,2rem)}
.blocco--perche{border-color:var(--navy)}
.blocco--fai{border-color:var(--fucsia)}
.blocco--misura{border-color:var(--giallo)}
.blocco__titolo{
  font-family:var(--font-display);text-transform:uppercase;
  font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1;
  margin-bottom:1.1rem;
}
.blocco p + p{margin-top:1em}
.blocco ul{padding-left:1.2em;max-width:var(--misura)}
.blocco li{margin:.5em 0}

/* ---------- timeline ---------- */
.timeline{position:relative;margin-top:3.5rem;padding-left:1.5rem}
.timeline::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(var(--giallo), var(--fucsia));
  border-radius:999px;
}
.timeline__item{position:relative;padding:0 0 2.6rem 1.6rem}
.timeline__item::before{
  content:"";position:absolute;left:calc(-1.5rem - 5px);top:.35em;
  width:16px;height:16px;border-radius:999px;
  background:var(--crema);border:4px solid var(--nero);
}
.timeline__anno{
  font-family:var(--font-display);font-size:1.6rem;line-height:1;
  color:var(--fucsia);
}
.timeline__titolo{font-weight:700;margin-top:.25rem}
.timeline__testo{font-size:.95rem;opacity:.85;margin-top:.2rem}
@media (min-width:900px){
  .timeline{padding-left:0;margin-inline:auto;max-width:900px}
  .timeline::before{left:50%;transform:translateX(-50%)}
  .timeline__item{width:50%;padding:0 3rem 3rem 0;text-align:right}
  .timeline__item::before{left:auto;right:-13px}
  .timeline__item:nth-child(even){margin-left:50%;padding:0 0 3rem 3rem;text-align:left}
  .timeline__item:nth-child(even)::before{right:auto;left:-13px}
}

/* ---------- footer ---------- */
.site-footer{
  background:var(--nero);color:var(--crema);
  padding:3.5rem clamp(1.25rem,6vw,5rem);
  font-size:.85rem;
}
.site-footer__interno{
  max-width:1100px;margin-inline:auto;
  display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;
}
.site-footer a{color:var(--giallo);text-decoration:none;font-weight:600}

/* ---------- reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(34px);filter:blur(6px)}
.reveal.visibile{
  opacity:1;transform:none;filter:none;
  transition:opacity .9s var(--curva), transform .9s var(--curva), filter .9s var(--curva);
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;filter:none}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- gate password ---------- */
.gate{
  position:fixed;inset:0;z-index:100;
  display:grid;place-items:center;
  background:var(--giallo);
  padding:1.5rem;
}
.gate[hidden]{display:none}
.gate__box{
  width:min(92vw,420px);
  border-radius:var(--raggio);
  padding:.5rem;
  background:rgba(20,20,20,.06);
  border:1px solid rgba(20,20,20,.1);
}
.gate__interno{
  border-radius:var(--raggio-int);
  background:var(--bianco);
  padding:2.2rem 1.8rem;
  text-align:center;
  box-shadow:0 30px 60px -30px rgba(20,20,20,.4);
}
.gate__logo{font-family:var(--font-display);font-size:1.6rem;text-transform:uppercase}
.gate__logo em{font-style:normal;color:var(--fucsia)}
.gate p{margin:0.8rem auto 1.4rem;font-size:.92rem;opacity:.8}
.gate input{
  width:100%;padding:.9em 1.2em;
  border-radius:999px;border:2px solid rgba(20,20,20,.15);
  font:inherit;text-align:center;letter-spacing:.15em;
  outline-color:var(--fucsia);
}
.gate button{
  margin-top:.9rem;width:100%;cursor:pointer;border:0;font:inherit;
  justify-content:center;
}
.gate__errore{color:var(--fucsia);font-size:.85rem;font-weight:600;min-height:1.4em;margin-top:.6rem}
body.bloccato{overflow:hidden}
body.bloccato .contenuto-sito{filter:blur(14px);pointer-events:none;user-select:none}

/* ---------- utilità ---------- */
.solo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--fucsia);outline-offset:3px;border-radius:4px}
.centrato{text-align:center}
.centrato p{margin-inline:auto}

/* ---------- hero con ritratto ---------- */
.hero__foto{
  position:absolute;z-index:1;right:clamp(-4rem,2vw,4rem);bottom:0;
  height:min(82%,660px);width:auto;
  pointer-events:none;
}
@media (max-width:900px){
  .hero__foto{position:relative;inset:auto;display:block;height:auto;max-width:82%;margin:2.2rem auto -4.5rem}
  .hero{min-height:auto}
}

/* ---------- nastro payoff (marquee) ---------- */
.nastro{
  overflow:hidden;background:var(--nero);padding:1rem 0;
  border-block:4px solid var(--giallo);
}
.nastro__track{
  display:flex;gap:3rem;width:max-content;
  animation:nastro 26s linear infinite;
  font-family:var(--font-display);text-transform:uppercase;
  font-size:clamp(1.4rem,3.4vw,2.4rem);line-height:1;white-space:nowrap;
}
.nastro__track span{color:var(--giallo)}
.nastro__track span:nth-child(even){
  color:transparent;-webkit-text-stroke:1.5px var(--crema);
}
@keyframes nastro{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.nastro__track{animation:none}}

/* ---------- griglia capitoli ---------- */
.capitoli{display:grid;gap:1.1rem;margin-top:3rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.capitolo{
  position:relative;display:block;text-decoration:none;
  border-radius:var(--raggio);overflow:hidden;
  padding:1.9rem 1.6rem 1.6rem;min-height:190px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;
  transition:transform .55s var(--curva), box-shadow .55s var(--curva);
}
.capitolo:hover{transform:translateY(-5px);box-shadow:0 26px 50px -26px rgba(20,20,20,.5)}
.capitolo__num{
  position:absolute;top:.6rem;right:1rem;
  font-family:var(--font-display);font-size:5.2rem;line-height:1;opacity:.18;
}
.capitolo__nome{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;line-height:1.02}
.capitolo__tema{font-size:.85rem;font-weight:600;opacity:.85}
.capitolo--navy{background:var(--navy);color:#fff}
.capitolo--fucsia{background:var(--fucsia);color:#fff}
.capitolo--nero{background:var(--nero);color:var(--giallo)}
.capitolo--giallo{background:var(--giallo);color:var(--nero)}
.capitolo--crema{background:var(--bianco);color:var(--nero);border:2px solid var(--nero)}

/* ---------- fila team ---------- */
.team-fila{
  display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.6rem;
}
.team-fila img{
  width:clamp(84px,11vw,128px);height:clamp(84px,11vw,128px);
  object-fit:cover;object-position:top center;
  border-radius:999px;border:4px solid var(--giallo);
  background:var(--canarino);
  box-shadow:0 14px 28px -16px rgba(20,20,20,.4);
  transition:transform .5s var(--curva);
}
.team-fila img:nth-child(even){border-color:var(--fucsia)}
.team-fila img:hover{transform:translateY(-6px) rotate(-2deg)}

/* ---------- timeline media ---------- */
.timeline__media{
  margin-top:.8rem;display:inline-block;background:var(--bianco);
  border-radius:14px;padding:.7rem 1rem;border:1.5px solid rgba(20,20,20,.1);
}
.timeline__media img{max-height:56px;width:auto}

/* ---------- nastro team (tutti i volti) ---------- */
.team-nastro{overflow:hidden;margin-top:2.6rem;padding:.6rem 0}
.team-nastro__track{
  display:flex;gap:1.1rem;width:max-content;
  animation:nastro 55s linear infinite;
}
.team-nastro__track img{
  width:clamp(92px,10vw,124px);height:clamp(92px,10vw,124px);
  object-fit:cover;object-position:top center;border-radius:999px;
  border:4px solid var(--giallo);background:var(--canarino);
  box-shadow:0 14px 28px -16px rgba(20,20,20,.35);
}
.team-nastro__track img:nth-child(even){border-color:var(--fucsia)}
.team-nastro:hover .team-nastro__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.team-nastro__track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* ---------- pagina capitolo ---------- */
.capitolo-hero{
  position:relative;overflow:hidden;background:var(--giallo);
  padding:calc(var(--sez) + 2.5rem) clamp(1.25rem,6vw,5rem) calc(var(--sez) * .7);
}
.capitolo-hero__contenuto{position:relative;z-index:2;max-width:1100px}
.capitolo-hero h1{font-size:clamp(2.8rem,7.5vw,5.6rem);max-width:14ch}
.capitolo-hero .lead{margin-top:1.4rem;max-width:56ch}

/* ---------- griglia mood ---------- */
.mood-griglia{display:grid;gap:1.1rem;margin-top:2.6rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.mood{
  border-radius:var(--raggio);padding:.5rem;
  background:rgba(20,20,20,.045);border:1px solid rgba(20,20,20,.08);
}
.mood__interno{
  border-radius:var(--raggio-int);background:var(--bianco);
  padding:1.5rem 1.4rem;height:100%;
  display:flex;flex-direction:column;gap:.6rem;
}
.mood__swatches{display:flex;gap:.4rem}
.mood__swatches span{width:26px;height:26px;border-radius:8px;border:1px solid rgba(20,20,20,.12)}
.mood__nome{font-family:var(--font-display);text-transform:uppercase;font-size:1.3rem}
.mood__desc{font-size:.9rem;opacity:.85}
.mood--scelto{background:var(--nero)}
.mood--scelto .mood__interno{background:var(--giallo)}
.mood__tag{
  align-self:flex-start;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  background:var(--nero);color:var(--giallo);border-radius:999px;padding:.35em .9em;
}

/* ---------- prima / dopo ---------- */
.prima-dopo{display:grid;gap:1.1rem;margin-top:2.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.prima-dopo figure{
  border-radius:var(--raggio);background:var(--bianco);
  border:1.5px solid rgba(20,20,20,.1);
  padding:2rem;display:grid;place-items:center;gap:1rem;
}
.prima-dopo img{max-height:120px;width:auto}
.prima-dopo figcaption{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6}

/* ---------- palette chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.chip{display:grid;gap:.35rem;justify-items:center;font-size:.72rem;font-weight:600}
.chip span{width:64px;height:64px;border-radius:18px;border:1px solid rgba(20,20,20,.12);box-shadow:inset 0 2px 4px rgba(255,255,255,.25)}
.chips--sedi .chip span{width:46px;height:46px;border-radius:999px}

/* ---------- figura larga ---------- */
.figura{margin-top:2.6rem;border-radius:var(--raggio);overflow:hidden;border:1.5px solid rgba(20,20,20,.1);background:var(--bianco)}
.figura img{width:100%}
.figura figcaption{padding: .9rem 1.4rem;font-size:.85rem;opacity:.75}

/* ---------- prossimo capitolo ---------- */
.prossimo{display:flex;justify-content:center;margin-top:1rem}

/* ---------- recensione citata ---------- */
.recensione{
  margin-top:2.2rem;border-radius:var(--raggio);padding:.5rem;
  background:rgba(20,20,20,.045);border:1px solid rgba(20,20,20,.08);
  max-width:640px;
}
.recensione__interno{
  border-radius:var(--raggio-int);background:var(--bianco);
  padding:1.8rem 1.7rem;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.6);
}
.recensione__stelle{color:var(--giallo);font-size:1.25rem;letter-spacing:.12em;text-shadow:0 1px 0 rgba(20,20,20,.25)}
.recensione__testo{margin-top:.7rem;font-size:1.02rem;line-height:1.6}
.recensione__testo strong{background:var(--canarino)}
.recensione__fonte{margin-top:1rem;font-size:.8rem;font-weight:600;opacity:.65}

/* figura a larghezza contenuta (per immagini a bassa risoluzione) */
.figura--contenuta{max-width:720px;margin-inline:auto}

/* claim grande (manifesto) */
.claim{
  font-family:var(--font-display);
  font-size:clamp(2.1rem,5.5vw,3.8rem);
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin-top:2.8rem;
  max-width:18ch;
}
.claim em{font-style:normal;color:var(--fucsia)}

/* coppia di figure affiancate */
.figura-coppia{display:grid;gap:1.1rem;margin-top:1.1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.figura-coppia .figura{margin-top:0}

/* pannelli interni negozio */
.pannelli-titolo{display:block;width:100%;margin-top:2.2rem;border-radius:14px;border:1.5px solid rgba(20,20,20,.08)}
.pannelli-griglia{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pannelli-griglia img{width:100%;display:block;border-radius:14px;border:1.5px solid rgba(20,20,20,.08)}