/* v0.5.0 · Hero full-bleed (variante revertible). Revertir: quitar este <link> y restaurar el <header class="hero"> de v0.4.9. */
.hero.hero--fullbleed{position:relative;display:flex;align-items:center;min-height:clamp(560px,52vw,760px);padding:64px var(--page-gutter) 72px;overflow:hidden;isolation:isolate;background:var(--moor);grid-template-columns:none}
.hero--fullbleed .hero-bg{position:absolute;top:0;right:0;width:66%;height:100%;object-fit:cover;object-position:72% 40%;z-index:-2;filter:none}
.hero.hero--fullbleed:before{content:""!important;display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(22,70,90,1) 0%,rgba(22,70,90,1) 34%,rgba(22,70,90,.6) 38%,rgba(22,70,90,.2) 41%,rgba(22,70,90,0) 43%)}
.hero--fullbleed:after{display:none!important}
.hero--fullbleed .hero-content{position:relative;width:auto;max-width:min(560px,40vw);padding:0;margin:0;align-self:center}
.hero--fullbleed h1{color:#fff;max-width:16ch}
.hero--fullbleed h1 em{color:var(--signal);text-decoration:none}
.hero--fullbleed .lead{color:#fff;opacity:.92}
.hero--fullbleed .textlink{background:var(--signal);color:var(--ink);border-bottom:0}
@media(max-width:960px){.hero--fullbleed .hero-bg{width:60%;object-position:20% 40%}.hero--fullbleed .hero-content{max-width:46vw}.hero--fullbleed h1{font-size:2.4rem}}
@media(max-width:700px){
 .hero.hero--fullbleed{display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding:356px var(--page-gutter) 40px}
 .hero--fullbleed .hero-bg{width:100%;height:340px;object-position:80% 35%}
 .hero.hero--fullbleed:before{background:linear-gradient(180deg,rgba(22,70,90,0) 0%,rgba(22,70,90,0) 270px,rgba(22,70,90,.92) 320px,rgba(22,70,90,1) 340px)}
 .hero--fullbleed .hero-content{max-width:none}
 .hero--fullbleed h1{font-size:clamp(2.2rem,8.6vw,2.6rem)}}