.box-media{position:relative;padding:0!important;isolation:isolate}
.box-visual{position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden}
.box-visual>img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}
.box-visual>.box-detail-image{position:absolute;inset:0;opacity:0;transition:opacity .18s ease;pointer-events:none}
.is-detail-visible>.box-visual>.box-detail-image{opacity:1}
.box-detail-toggle{position:absolute;right:12px;bottom:12px;z-index:1;border:1px solid #ccd9d7;border-radius:20px;background:rgba(255,255,255,.96);color:#174f48;padding:8px 13px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;min-height:36px;opacity:0;transition:opacity .15s}
.box-media:hover>.box-detail-toggle,.box-media:focus-within>.box-detail-toggle{opacity:1}
.box-detail-toggle[hidden]{display:none}
.box-detail-toggle:focus-visible,.box-visual:focus-visible{outline:3px solid #008b80;outline-offset:-3px}
.box-family>a>.box-family-copy{padding:24px}
@media(hover:none),(pointer:coarse){.box-detail-toggle{opacity:1;min-height:44px}}
@media(prefers-reduced-motion:reduce){.box-visual>.box-detail-image,.box-detail-toggle{transition:none}}