.hero-intro{
  position:relative;
  display:flex;
  min-height:calc(100svh - 4.25rem);
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:var(--ink);
  text-align:left;
}

.hero-intro::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 23%,rgba(25,24,21,.93) 35%,rgba(25,24,21,.55) 51%,rgba(25,24,21,.14) 69%,rgba(25,24,21,0) 84%);
}

.hero-intro::before{
  display:none;
}

.hero-intro-image{
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right center;
}

.hero-intro-copy{
  width:min(100%,42rem);
  margin:0;
  display:flex;
  flex-direction:column;
  gap:clamp(1.25rem,2.5vw,3rem);
}

.hero-intro-copy h1{
  font-size:clamp(calc(2rem + 2pt),calc(3vw + 2pt),calc(3.8rem + 2pt));
  margin:0;
}

.hero-intro-copy>.eyebrow,
.hero-intro-copy>h1,
.hero-intro-copy>p:not(.eyebrow){
  transform:translateY(clamp(-4.5rem,-5vw,-2rem));
}

.hero-intro-copy>p:not(.eyebrow){
  margin:0;
  font-size:calc(1.1rem + 2pt);
}

.hero-intro-copy .eyebrow,
.hero-intro .button{
  font-size:calc(.69rem + 2pt);
}

.hero-intro .button{
  font-size:.68rem;
}

.hero-intro .actions{
  justify-content:flex-start;
  margin-top:0;
}

.hero-home{
  display:grid;
  min-height:0;
  aspect-ratio:3168/919;
  place-items:center;
  background:var(--brass);
}

.hero-home-statement{
  width:min(100%,58rem);
  height:auto;
  min-height:0;
  margin:0;
  padding:clamp(2rem,5vw,5rem);
}

@media(max-width:900px){
  .hero-home{
    min-height:32rem;
    aspect-ratio:auto;
  }

  .hero-intro{
    min-height:calc(100svh - 5rem);
  }

  .hero-intro::after{
    background:linear-gradient(90deg,rgba(25,24,21,.9),rgba(25,24,21,.3));
  }

  .hero-intro-image{
    object-fit:cover;
    object-position:54% center;
  }
}

/* Scala tipografica coerente con i blocchi editoriali di Borse. */
.home-manifesto blockquote{
  max-width:42rem;
  margin:0 auto .8rem;
  font-size:clamp(2.25rem,2.8vw,3.2rem);
  line-height:.98;
}

.home-manifesto > p:not(.eyebrow){
  max-width:42rem;
  margin:0 auto;
  font-size:clamp(.875rem,1vw,1rem);
  line-height:1.45;
}

.home-author h2{
  margin:0 auto .8rem;
  font-size:clamp(2.25rem,2.8vw,3.2rem);
  line-height:.98;
}

main > section.home-author{
  background:var(--charcoal) !important;
  color:var(--ivory) !important;
  padding-top:clamp(3rem,5vw,5rem);
  padding-bottom:clamp(3rem,5vw,5rem);
}

.home-author .eyebrow{
  color:var(--gold);
}

.home-author .home-author-tagline{
  margin:0 auto 1.5rem;
  font-size:clamp(1.25rem,1.8vw,1.65rem);
  line-height:1.15;
}

.home-author > p:not(.eyebrow){
  margin-bottom:1rem;
}

.home-author .button{
  margin-top:1.25rem;
  background:var(--ink);
  border-color:var(--gold);
  color:var(--gold);
}

.home-author .button:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--ink);
}

/* Il hero usa la stessa scala tipografica del secondo blocco della home. */
.hero-intro-copy h1{
  width:min(100%,27rem);
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(2.25rem,2.8vw,3.2rem) !important;
  line-height:.98 !important;
}

.hero-intro-copy > p:not(.eyebrow){
  font-size:clamp(.875rem,1vw,1rem) !important;
  line-height:1.45 !important;
  max-width:27rem;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

@media(min-width:901px){
  .hero-intro-copy{
    margin-left:0;
    margin-right:auto;
    text-align:left;
    transform:none;
  }

  .hero-intro-copy .eyebrow,
  .hero-intro-copy h1{
    width:min(100%,27rem);
    margin-left:0;
    margin-right:0;
    text-align:center;
  }

  .hero-intro-copy > p:not(.eyebrow){
    margin-left:0;
    margin-right:0;
  }

  .hero-intro .actions{
    width:min(100%,27rem);
    justify-content:center;
  }
}

/* Solo iPad: i testi del hero salgono a sinistra; le azioni restano nella loro posizione. */
@media (min-width:600px) and (max-width:900px) and (min-height:700px){
  .hero-intro-copy > .eyebrow,
  .hero-intro-copy > h1,
  .hero-intro-copy > p:not(.eyebrow){
    width:min(100%,27rem);
    margin-left:0;
    margin-right:0;
    text-align:left;
    transform:translateY(clamp(-13rem,-25vw,-10rem));
  }

  .home-feature .feature-image{
    display:grid;
    min-height:min(173.5vw,88.25rem);
    aspect-ratio:auto;
    place-items:center;
  }

  .home-feature-image picture{
    display:block;
    width:100%;
    height:min(108vw,55rem);
  }

  .home-feature-image img{
    width:100%;
    height:100%;
    padding:0;
    object-fit:contain !important;
    object-position:center;
    transform:scale(1.6) !important;
  }

}

/* Mobile: velatura più leggera, soprattutto nella parte bassa dove è visibile la borsa. */
@media (max-width:900px){
  .hero-intro::after{
    background:
      linear-gradient(180deg,rgba(25,24,21,.78) 0%,rgba(25,24,21,.60) 40%,rgba(25,24,21,.32) 75%,rgba(25,24,21,0) 100%),
      linear-gradient(90deg,rgba(25,24,21,.68) 0%,rgba(25,24,21,.28) 52%,rgba(25,24,21,.06) 100%);
  }
}

/* Home — terzo blocco: immagine intera sui telefoni in landscape */
@media (orientation:landscape) and (max-height:600px) and (hover:none) and (pointer:coarse){
  .home-feature .feature-image{
    min-height:0;
  }

  .home-feature-image picture{
    display:block;
    width:100%;
  }

  .home-feature-image img{
    width:100%;
    height:auto;
    padding:0;
    object-fit:contain!important;
    object-position:center;
    transform:none!important;
  }
}

/* Home EN — CTA hero coerenti su tutte le larghezze mobile */
@media (max-width:900px){
  html[lang="en"] .hero-intro .actions{
    width:min(100%,27rem);
    margin-left:auto;
    margin-right:auto;
    gap:1rem;
    flex-wrap:nowrap;
  }

  html[lang="en"] .hero-intro .button{
    flex:1 1 0;
    min-width:0;
    padding:1rem .75rem;
    font-size:.68rem;
    letter-spacing:.12em;
    white-space:nowrap;
  }
}

/* Home hero — contenuto più alto sui telefoni in verticale */
@media (max-width:599px) and (orientation:portrait){
  .hero-intro-copy{
    transform:translateY(clamp(-5rem,-8svh,-3rem));
  }
}

@media (orientation:landscape) and (max-height:600px) and (hover:none) and (pointer:coarse){.hero-home{min-height:32rem;aspect-ratio:auto}.hero-intro{min-height:calc(100svh - 5rem)}.hero-intro::after{background:linear-gradient(180deg,rgba(25,24,21,.78) 0%,rgba(25,24,21,.60) 40%,rgba(25,24,21,.32) 75%,rgba(25,24,21,0) 100%),linear-gradient(90deg,rgba(25,24,21,.68) 0%,rgba(25,24,21,.28) 52%,rgba(25,24,21,.06) 100%)}.hero-intro-image{object-fit:cover;object-position:54% center}.hero-intro-copy{margin:0;text-align:center}.hero-intro-copy .eyebrow,.hero-intro-copy h1,.hero-intro-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.hero-intro .actions,html[lang="en"] .hero-intro .actions{width:min(100%,27rem);margin-left:auto;margin-right:auto;justify-content:center}}

/* Home — terzo blocco: immagine intera su desktop esteso */
@media (min-width:1400px){
  .home-feature-image img{
    width:100%;
    height:100%;
    padding:0;
    object-fit:contain!important;
    object-position:center;
    transform:none!important;
  }
}