.hero-interactive .group-hero-visual{z-index:0;transition:grid-template-columns .7s cubic-bezier(.22,.7,.25,1)}
.hero-panel{position:relative;min-width:0;border:0;padding:0;background:#102b3e;color:#fff;cursor:pointer;overflow:hidden;text-align:left;font:inherit}
.hero-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease}
.hero-panel:nth-child(2) img{object-position:64% center}.hero-panel:nth-child(3) img{object-position:center}
.hero-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,24,40,.82),transparent 45%);pointer-events:none}
.hero-panel-label{position:absolute;z-index:1;bottom:100px;left:24px;right:16px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 8px #000}
.hero-panel-label b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff80;border-radius:50%;font-size:21px;font-weight:400;flex-shrink:0}
.hero-interactive .hero-shade{pointer-events:none;transition:opacity .6s}
.hero-interactive .hero-content{pointer-events:none;transition:opacity .35s,visibility .35s;z-index:1}
.hero-interactive .hero-content a{pointer-events:auto}.hero-interactive .hero-index{display:none}
.hero-interactive .hero-foot{pointer-events:none;z-index:2}.hero-interactive .hero-foot a{pointer-events:auto}
.hero-panel:hover img{transform:scale(1.035)}.hero-panel:focus-visible{outline:3px solid white;outline-offset:-7px}
.hero-panel:first-child .hero-panel-label{bottom:80px}
.hero-interactive[data-expanded="0"] .group-hero-visual{grid-template-columns:8fr 1fr 1fr}
.hero-interactive[data-expanded="1"] .group-hero-visual{grid-template-columns:1fr 8fr 1fr}
.hero-interactive[data-expanded="2"] .group-hero-visual{grid-template-columns:1fr 1fr 8fr}
.hero-interactive[data-expanded] .hero-content{opacity:0;visibility:hidden;pointer-events:none}
.hero-interactive[data-expanded] .hero-content a{pointer-events:none}
.hero-interactive[data-expanded] .hero-shade{opacity:0}
.hero-interactive[data-expanded] .hero-panel[aria-expanded="false"] img{filter:brightness(.45)}
.hero-interactive[data-expanded] .hero-panel[aria-expanded="false"] .hero-panel-label span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-interactive[data-expanded] .hero-panel-label{bottom:100px;font-size:22px}
.hero-reset{position:absolute;z-index:3;top:24px;right:24px;border:1px solid #ffffff90;background:#0b243bd9;color:#fff;padding:12px 18px;cursor:pointer;font:inherit;font-size:13px;border-radius:2px}
.hero-reset[hidden]{display:none}.hero-reset:hover{background:#d81932}.hero-reset:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:700px){
 .hero-interactive .group-hero-visual{grid-template-columns:1fr 1fr}.hero-panel:first-child{display:none}.hero-interactive .group-hero-visual img:first-child{display:block}
 .hero-panel-label{bottom:106px;left:16px;font-size:12px;gap:8px}.hero-panel-label b{width:26px;height:26px;font-size:18px}
 .hero-interactive[data-expanded="1"] .group-hero-visual{grid-template-columns:5fr 1fr}.hero-interactive[data-expanded="2"] .group-hero-visual{grid-template-columns:1fr 5fr}
 .hero-interactive[data-expanded] .hero-panel-label{font-size:16px;left:12px}.hero-interactive[data-expanded] .hero-panel[aria-expanded="false"] .hero-panel-label{left:8px}
 .hero-reset{right:16px;top:16px;padding:10px 14px}.hero-interactive .hero-actions{gap:14px}.hero-interactive .hero-content{padding-top:45px}
}
@media(prefers-reduced-motion:reduce){.hero-interactive .group-hero-visual,.hero-panel img,.hero-interactive .hero-content,.hero-interactive .hero-shade{transition:none}}