/* Home: real, selectable text over the existing product photograph. */
.hero-overlay{position:relative;isolation:isolate;margin-top:24px;padding:0;overflow:hidden;border-radius:4px;background:#173c5a}
.hero-overlay .hero-image{position:absolute;inset:0;margin:0}
.hero-overlay .hero-image picture{display:block;width:100%;height:100%}
.hero-overlay .hero-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.hero-overlay .hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,51,82,.36),rgba(14,51,82,.68) 35%,rgba(14,51,82,.68) 65%,rgba(14,51,82,.36));pointer-events:none}
.hero-overlay .hero-copy{position:relative;z-index:1;width:100%;max-width:860px;min-height:540px;padding:56px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.hero-overlay .eyebrow{color:#fff}
.hero-overlay h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.1;color:#fff}
.hero-overlay h1>span{color:inherit}
.hero-overlay .word-highlight{color:var(--blue-dark)}
.hero-overlay .hero-intro{color:#fff;margin:24px auto;max-width:590px}
.hero-overlay .button{border-color:rgba(255,255,255,.38)}
.hero-overlay .button-outline{background:#fff;color:var(--blue);border-color:#fff}
.hero-overlay .button-outline:hover{background:#edf3f7;border-color:#edf3f7;color:var(--blue-dark)}
@media(max-width:1100px){.hero-overlay .hero-copy{min-height:500px}}
@media(max-width:800px){.hero-overlay{margin-top:18px}.hero-overlay .hero-copy{padding:48px 24px}}
@media(max-width:600px){
 .hero-overlay{margin-top:12px}
 .hero-overlay .hero-image img{object-position:center top}
 .hero-overlay .hero-image::after{background:linear-gradient(180deg,rgba(14,51,82,.2),rgba(14,51,82,.48) 26%,rgba(14,51,82,.8) 48%,rgba(14,51,82,.86))}
 .hero-overlay .hero-copy{min-height:600px;padding:205px 18px 32px;justify-content:flex-end}
 .hero-overlay h1{font-size:clamp(1.85rem,8.5vw,2.75rem)}
 .hero-overlay .hero-intro{margin:20px auto;font-size:.9375rem;line-height:1.6}
 .hero-overlay .eyebrow{font-size:.625rem;letter-spacing:.13em}
 .hero-overlay .button-row{gap:10px}
 .hero-overlay .button{min-width:190px}
}
@media print{.hero-overlay{background:#fff;overflow:visible}.hero-overlay .hero-copy{color:var(--ink)}.hero-overlay h1,.hero-overlay .eyebrow,.hero-overlay .hero-intro{color:var(--ink)}.hero-overlay .hero-image{opacity:.2}.hero-overlay .hero-image::after{display:none}}