/* One shelf below the comments (theme 1.99.19). Visibility is set in by inc-end-shelf.php (html[data-sau-shelf="n"]); never set display here. */ .sau-living-gallery .sau-end-shelf { margin: 2rem 0 .5rem; padding-top: 1.4rem; border-top: 1px solid var(--sau-border, #d4d4d4); } .sau-living-gallery .sau-end-shelf__heading { margin: 0 0 1rem; color: var(--sau-ink, #171717); font-size: clamp(1.4rem, 5vw, 1.75rem); font-weight: 850; line-height: 1.15; letter-spacing: -.025em; } .sau-living-gallery .sau-end-shelf__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } .sau-living-gallery .sau-end-shelf__card, .sau-living-gallery .sau-end-shelf__wau { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--sau-border, #d4d4d4); border-radius: 14px; background: var(--sau-surface, #fff); color: var(--sau-ink, #171717); text-decoration: none; } .sau-living-gallery .sau-end-shelf__image { display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: var(--sau-surface-soft, #f1f1f1); } .sau-living-gallery .sau-end-shelf__image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; } .sau-living-gallery .sau-end-shelf__body, .sau-living-gallery .sau-end-shelf__wau-body { display: flex; flex-direction: column; gap: .3rem; padding: .8rem .9rem 1rem; } .sau-living-gallery .sau-end-shelf__label { color: var(--sau-editorial-text, #a83932); font-size: .66rem; font-weight: 950; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; } .sau-living-gallery .sau-end-shelf__title { color: inherit; font-size: 1.08rem; font-weight: 850; line-height: 1.3; letter-spacing: -.015em; overflow-wrap: anywhere; } .sau-living-gallery .sau-end-shelf__wau { margin-top: 1rem; } .sau-living-gallery .sau-end-shelf__wau-image { display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sau-surface-soft, #f1f1f1); } .sau-living-gallery .sau-end-shelf__wau-image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; } .sau-living-gallery .sau-end-shelf__wau-meta { color: var(--sau-muted, #5f5f5f); font-size: .86rem; font-weight: 650; line-height: 1.35; } .sau-living-gallery .sau-end-shelf__footer { margin: 1rem 0 0; font-size: .9rem; font-weight: 750; } .sau-living-gallery .sau-end-shelf__footer a { color: var(--sau-ink, #171717); text-decoration: underline; text-underline-offset: .2em; } .sau-living-gallery .sau-end-shelf__card:focus-visible, .sau-living-gallery .sau-end-shelf__wau:focus-visible, .sau-living-gallery .sau-end-shelf__footer a:focus-visible { outline: 3px solid var(--sau-mode-accent, #2458e8); outline-offset: 3px; } @media (min-width: 701px) { .sau-living-gallery .sau-end-shelf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sau-living-gallery .sau-end-shelf__wau { flex-direction: row; } .sau-living-gallery .sau-end-shelf__wau-image { width: 42%; flex: 0 0 42%; } .sau-living-gallery .sau-end-shelf__wau-body { justify-content: center; } } @media (hover: hover) { .sau-living-gallery .sau-end-shelf__card:hover, .sau-living-gallery .sau-end-shelf__wau:hover { border-color: var(--sau-ink, #171717); } .sau-living-gallery .sau-end-shelf__card:hover .sau-end-shelf__title, .sau-living-gallery .sau-end-shelf__wau:hover .sau-end-shelf__title { text-decoration: underline; text-underline-offset: .2em; } }