.hero-visual{display:flex;flex-direction:column;min-height:645px;background:#eceee7;border:1px solid #e0e2d9}
.hero-visual:after{display:none}
.hero-media{flex:1;min-height:455px;position:relative;overflow:hidden;background:#d7d9d0}
.hero-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:53% 50%}
.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001,transparent 45%,#0002);pointer-events:none}
.hero-media[aria-busy=true]>img{opacity:.65}
.hero-media .visual-note strong{font-weight:650}
.hero-picker{padding:17px 20px 20px;position:relative}
.hero-picker>p:not(.sr-only){font-size:10px;color:var(--muted);margin-bottom:11px}
.hero-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.hero-options button{border:1px solid #c9cec0;min-height:43px;padding:9px 8px;border-radius:6px;background:transparent;font-size:10px;font-weight:600;line-height:1.4}
.hero-options button:hover{border-color:var(--blue);color:var(--blue)}
.hero-options button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
@media(max-width:1150px){.hero-visual{min-height:620px}.hero-media{min-height:430px}.hero-picker{padding:15px}.hero-options{grid-template-columns:repeat(2,1fr)}.hero-options button{font-size:9px;min-height:39px}}
@media(max-width:760px){.hero-visual{min-height:0;aspect-ratio:auto}.hero-media{min-height:330px;aspect-ratio:1.16}.hero-options{grid-template-columns:repeat(2,1fr);gap:8px}.hero-options button{font-size:11px;min-height:45px;padding:10px 8px}.hero-picker{padding:18px 15px}.hero-picker>p:not(.sr-only){font-size:11px;margin-bottom:12px}.hero-media .visual-note{font-size:12px;left:14px;right:14px;bottom:17px}.hero-media .visual-note span:not(.note-icon){font-size:9px}.hero-media .image-label{font-size:7px}}
@media(min-width:1550px){.hero-visual{min-height:670px}.hero-media{min-height:480px}}
@media(prefers-reduced-motion:reduce){.hero-media>img{transition:none}}