/* Ctrl Studio, hero delle pagine interne. Si appoggia a ctrl-hero.css (classi ch-) e aggiunge solo le differenze (ph-). */
/* stessa altezza e stessa posizione del testo della home: la navbar sta nel flusso (80px) */
.ph-hero.ch-hero { height: clamp(600px, calc(100svh - 80px), 920px); }
.ph-hero .w-embed, .ph-hero .ph-host { position: static; }
@media screen and (min-width: 761px) {
  .ph-hero .ch-copy { bottom: auto; top: 50%; transform: translateY(-52%); }
}
.ph-hero .ch-zone { left: 44%; right: 0; top: 9%; bottom: 4%; }
.ph-hero h1 { max-width: 12.5em; }
/* il fumetto resta solo in home */
.ph-hero:not([data-bubble="on"]) .ch-bubble { display: none !important; }
/* clic sull'immagine a destra: pulsante trasparente sopra l'oggetto (lo posiziona hero.js) */
.ph-hero .ph-hit { position: absolute; z-index: 5; margin: 0; padding: 0; border: 0; border-radius: 12px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ph-hero .ph-hit:focus-visible { outline: 2px dashed var(--ch-blue); outline-offset: 4px; }
.ph-hero .ch-btn, .ph-hero .ch-link { cursor: pointer; }
@media (max-width: 1100px) {
  .ph-hero .ch-zone { left: 48%; }
}
@media screen and (max-width: 760px) {
  /* su mobile la navbar sta sopra la pagina: la zona parte sotto, cosi' il fumetto resta visibile */
  .ph-hero.ch-hero { height: auto; padding-top: 88px; }
  .ph-hero .ch-zone { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 100%; height: clamp(280px, 86vw, 440px); }
  .ph-hero .ch-copy { transform: none; }
}
/* il site-wide override mobile "body * { font-family: Geist !important }" non deve toccare le parti mono */
@media screen and (max-width: 767px) {
  .ph-hero .ch-eyebrow, .ph-hero .ch-eyebrow span, .ph-hero .ch-services, .ph-hero .ch-bubble, .ph-hero .ch-bubble * { font-family: "Geist Mono", ui-monospace, Menlo, Consolas, monospace !important; }
}