.mosaic,.mosaic-section,.mosaic-row{gap:var(--gallery-gap);flex-direction:column;display:flex}.mosaic-item{--aspect:var(--ratio);min-width:0}@media (min-width:40rem){.mosaic-row{flex-direction:row;align-items:flex-start}.mosaic-item{flex:var(--ratio)}}
.hover-box{margin:0;position:relative}.hover-box-card{color:#000;font-family:var(--font-myriad);text-align:center;background:#fff;justify-content:center;align-items:center;padding:.75rem;font-size:1.25rem;line-height:1.4444;display:flex}.hover-box-text{margin:0}.hover-box-line{letter-spacing:.03em;font-weight:400;display:block}strong.hover-box-line{font-weight:700}.hover-box-line[data-role=note]{font-size:1.0625rem}@media (prefers-reduced-motion:no-preference){.hover-box-text{transition:opacity .35s cubic-bezier(.445,.05,.55,.95) 1ms}}@media (min-width:40rem){.hover-box-card{opacity:0;padding:0 .5rem;font-size:.9375rem;transition:opacity .5s;position:absolute;inset:0}.hover-box-text{opacity:0}.hover-box:hover :is(.hover-box-card,.hover-box-text),.hover-box:focus-visible :is(.hover-box-card,.hover-box-text){opacity:1}.hover-box-line[data-role=note]{font-size:.8125rem}}@media (40rem<=width<64rem){.hover-box-card{line-height:1.25}}@media (min-width:64rem){.hover-box-card{font-size:1.125rem}.hover-box-line[data-role=note]{font-size:.9375rem}}@media (hover:none){.hover-box:focus-within :is(.hover-box-card,.hover-box-text){opacity:1}}