
/* v4.3 shop editorial polish: keep the popular SUBA! home identity. */
.friends-spotlight{background:#171715;padding:64px 0 72px}
.friends-spotlight .eyebrow{font-size:.72rem;letter-spacing:.22em;color:#d98178}
.friends-spotlight .friends-spotlight-title{letter-spacing:.02em;font-weight:750;line-height:1.25}
.friends-spotlight .friends-intro{max-width:45ch;line-height:1.95}
.friends-spotlight .friends-entry{background:#fdfaf6;border:1px solid #f6f0e6;box-shadow:0 18px 40px rgba(0,0,0,.13)}
.friends-spotlight .friends-photo{aspect-ratio:1.72;display:block;}
.friends-spotlight .friends-photo .friends-caption{bottom:20px;left:20px;right:20px;font-size:0;letter-spacing:.12em;text-transform:uppercase}
.friends-spotlight .friends-photo .friends-caption small{font-size:.73rem;font-weight:750;letter-spacing:.19em;color:#fff}
.friends-spotlight .friends-entry-content{padding:22px 24px 24px}
.friends-spotlight .friends-entry h3{font-weight:800;font-size:1.6rem;letter-spacing:.035em}
.friends-spotlight .friends-entry p{font-size:.91rem;color:#3a3530;margin:5px 0;line-height:1.85}
.friends-spotlight .friends-entry .friend-link{margin-top:17px;border-bottom:1px solid currentColor;padding-bottom:3px}
.friends-photo{overflow:hidden;background-color:#c7b49c}
.friends-photo img{z-index:1;opacity:1;transition:transform .35s ease, opacity .15s ease}
.friends-photo .friends-caption{z-index:3}
.friends-photo::after{z-index:2}
.friends-photo .offline-label{position:absolute;z-index:1;left:16px;bottom:15px;font-size:.64rem;letter-spacing:.04em;line-height:1.4;max-width:60%;color:#fff9;pointer-events:none;opacity:0}
.friends-photo.is-offline .offline-label{opacity:1}
.friends-photo.is-offline img{opacity:0}
.friends-photo .source-chip{position:absolute;right:14px;top:14px;z-index:4;background:#151311bb;border:1px solid #fff4;color:#fff;padding:4px 8px;border-radius:20px;font-weight:650;font-size:.62rem;letter-spacing:.05em;backdrop-filter:blur(5px)}
.friends-photo.is-offline .source-chip{display:none}
.friends-store-visual .friends-photo{border-radius:13px;aspect-ratio:1.38}
.friend-shop-card .friends-photo .friends-caption{font-size:0}
.friend-shop-card .friends-photo .friends-caption small{font-size:.66rem}
.friends-spotlight .friends-disclaimer{max-width:80ch;font-size:.72rem;color:#bfb7aa;margin-top:16px;line-height:1.75}
.v43-official-note{margin:13px 0;padding:11px 13px;border-left:3px solid #b21f27;background:#f6f0e8;color:#54473c;font-size:.8rem;line-height:1.8}
@media(max-width:760px){.friends-spotlight{padding:42px 0 50px}.friends-spotlight .friends-spotlight-title{font-size:1.95rem}.friends-spotlight .friends-grid{gap:18px}.friends-spotlight .friends-photo{aspect-ratio:1.65}.friends-spotlight .friends-entry-content{padding:18px 19px 22px}.friends-spotlight .friends-entry h3{font-size:1.42rem}}
@media(prefers-reduced-motion:reduce){.friends-photo img{transition:none}}

/* The source chip must never appear over decorative offline artwork. */
.friends-photo .source-chip{display:none}
.friends-photo.is-loaded .source-chip{display:block}
.friends-photo .offline-label{opacity:1;z-index:3;background:#1f1b1899;border-radius:5px;padding:4px 6px;bottom:10px;left:10px;max-width:80%;font-size:.59rem}
.friends-photo.is-loaded .offline-label{opacity:0}
/* Keep the unavailable-image label separate from the town caption. */
.friends-photo .offline-label{top:12px;right:12px;bottom:auto;left:auto;max-width:55%;text-align:right;font-size:.62rem;line-height:1.5;background:#211a14bf;border:1px solid #ffffff22}
