/* Versione 2 — lo stesso blu #102b45 del footer nella copertina. */
.hero--portrait{background:var(--studiotara-blue,#102b45)}
.hero--portrait:before{background:linear-gradient(90deg,#102b45 0%,#102b45 32%,rgba(16,43,69,.98) 40%,rgba(16,43,69,.88) 48%,rgba(16,43,69,.65) 57%,rgba(16,43,69,.35) 67%,rgba(16,43,69,.12) 80%,rgba(16,43,69,.04) 100%)}
.hero--portrait .eyebrow{color:#c2d4e4}
.hero--portrait .eyebrow:before{background:#b7ccdf}
.hero--portrait h1 em{color:#d4e2ed}
.hero--portrait .hero-copy,.hero--portrait .hero-foot{color:#d2deea}
.hero--portrait .hero-foot span+span{border-color:#8fa7bc}
.hero--portrait .btn.light{color:#102b45}
.hero--portrait .btn.light:hover{background:#e5edf4}
.hero--portrait .btn.ghost{border-color:#9eb6cc;color:#fff}
.hero--portrait .btn.ghost:hover{background:#fff;color:#102b45}
.hero--portrait .hero-actions a:focus-visible{outline-color:#c2d7eb}

/* Dissolve the photograph edge independently of the blue overlay. */
@media(min-width:641px){
  .hero.hero--portrait .hero-image{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 6%,rgba(0,0,0,.5) 14%,rgba(0,0,0,.85) 24%,#000 36%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 6%,rgba(0,0,0,.5) 14%,rgba(0,0,0,.85) 24%,#000 36%)}
}