/* =====================================================================
   OFFERTE — corpo della pagina (06/10/2026). Va dopo style.css e fx.css.
   Le tre offerte come pannelli impilati a tutto schermo (.pstk condiviso), poi chiusura su onde.
   ===================================================================== */
.ostk__panel { cursor: pointer; }
/* tutto il pannello è cliccabile; il bottone resta sopra per il movimento magnetico */
.ostk__hit { position: absolute; inset: 0; z-index: 0; }
.ostk__text { position: relative; z-index: 1; pointer-events: none; }
.ostk__text .ostk__cta { pointer-events: auto; }
.ostk__title { max-width: 13ch; font-size: clamp(3rem, 8vw, 8rem); line-height: .94; }
.ostk__sub { margin-top: 1.4rem; max-width: 32ch; font: 300 clamp(1.15rem, 1.9vw, 1.7rem)/1.35 var(--font-display); color: rgba(255,255,255,.9); }
.ostk__cta { margin-top: 2.4rem; }
/* lo zoom al passaggio sta sul contenitore: sull'img c'è già l'animazione d'entrata legata allo scroll */
.ostk .pstk__bg { transition: transform 1.6s var(--ease); }
@media (hover: hover) { .ostk__panel:hover .pstk__bg { transform: scale(1.04); } }
.owave__answer { max-width: 22ch; }
@media (max-width: 899px) {
  .ostk__title { font-size: clamp(2.6rem, 12vw, 3.6rem); }
}