/* Home — "campo visivo": la fotografia occupa l'apertura, il testo ci sta dentro.
   Le foto sono in duotone ambra/verde (mix-blend-mode: luminosity su fondo colorato):
   entrano nella tavolozza del tabellone invece di litigarci, e restano coerenti anche
   se un domani si sostituiscono con scatti veri. */
.home-hero{position:relative;min-height:min(74vh,620px);display:flex;align-items:center;overflow:hidden;
  margin:-22px calc(50% - 50vw) 0;padding:0 calc(50vw - 50%);border-bottom:1px solid var(--line)}
.home-hero-img{position:absolute;inset:0;z-index:0;background:var(--acc)}
.home-hero-img img{width:100%;height:100%;object-fit:cover;object-position:72% 42%;
  mix-blend-mode:luminosity;opacity:.78}
.home-hero-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#080d0b 4%,rgba(8,13,11,.88) 40%,rgba(8,13,11,.12) 82%),
             repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}
.home-hero-in{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;padding:60px 0}
.home-hero h1{font-size:clamp(1.9rem,4.6vw,3.3rem);line-height:1.03;max-width:17ch;color:var(--txt);
  text-shadow:none;animation:home-sali .8s cubic-bezier(.2,.75,.2,1) both}
.home-hero h1 em{font-style:normal;color:var(--acc);text-shadow:0 0 26px rgba(255,176,0,.35)}
.home-hero p{max-width:52ch;color:var(--muted);margin:20px 0 26px;
  animation:home-sali .8s .12s cubic-bezier(.2,.75,.2,1) both}
.home-azioni{display:flex;gap:12px;flex-wrap:wrap;animation:home-sali .8s .22s cubic-bezier(.2,.75,.2,1) both}
@keyframes home-sali{from{opacity:0;transform:translateY(20px)}}

/* duotone riutilizzabile anche fuori dalla home */
.duo{position:relative;overflow:hidden;background:var(--acc);border-radius:var(--radius)}
.duo img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.9;
  transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .4s}
.duo.verde{background:var(--acc2)}
.duo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}

.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.home-card{padding:0;overflow:hidden;margin:0}
.home-card .duo{aspect-ratio:16/10;border-radius:0}
.home-card:hover .duo img{transform:scale(1.05);opacity:1}
.home-card .testo{padding:16px 18px 20px}
.home-card h3{margin:0 0 8px;font-size:.86rem}
.home-sez{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;color:var(--muted);
  display:flex;align-items:center;gap:12px;margin:42px 0 10px}
.home-sez::after{content:"";flex:1;height:1px;background:var(--line)}
/* trasparenza IA: le immagini sono generate, si dichiara (come per i video) */
.home-ia{font-family:var(--mono);font-size:.5rem;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--line);padding:3px 7px;display:inline-block;margin-top:12px}
@media (max-width:860px){
  .home-cards{grid-template-columns:1fr}
  /* Su telefono la foto NON puo' stare dietro al testo: per renderla leggibile
     servirebbe scurirla fino a farla sparire. Diventa quindi una banda sopra
     il titolo, che resta visibile e continua a fare il suo lavoro. */
  .home-hero{display:block;min-height:auto;overflow:visible}
  .home-hero-img{position:relative;height:220px}
  .home-hero-img img{opacity:.88;object-position:66% 32%}
  .home-hero-img::after{background:linear-gradient(180deg,rgba(8,13,11,0) 45%,rgba(8,13,11,.85) 88%,#080d0b 100%),
    repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}
  .home-hero-in{padding:14px 0 30px}
  .home-hero h1{max-width:none}
}
@media (prefers-reduced-motion:reduce){.home-hero h1,.home-hero p,.home-azioni{animation:none}}

/* Skin chiara (body.pub): hero con video in background lavato di bianco
   (loop montato dalle foto del catalogo) e la PT reale in primo piano. */
body.pub .home-hero{background:#fff}
.home-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:72% 30%;opacity:.3}
.home-hero-in{display:flex;gap:40px;align-items:center;justify-content:space-between}
.home-hero-testo{max-width:640px}
.home-hero-pt{display:none}
body.pub .home-hero-pt{display:block;width:min(36vw,380px);aspect-ratio:6/7;object-fit:cover;
  object-position:50% 8%;border:1px solid var(--line);
  box-shadow:0 26px 52px -26px rgba(35,42,37,.35)}
body.pub .home-hero h1{color:var(--txt);text-shadow:none}
body.pub .home-hero h1 em{color:var(--acc);text-shadow:none}
body.pub .home-hero p{color:var(--muted)}
/* le card del catalogo tornano foto naturali: il duotone nasceva per il fondo scuro */
body.pub .duo{background:none}
body.pub .duo img{mix-blend-mode:normal;opacity:1}
body.pub .duo::after{display:none}
@media (max-width:860px){
  .home-hero-video{opacity:.16}
  body.pub .home-hero-pt{display:none}
  .home-hero-in{display:block;padding:26px 0 30px}
}