/* R253: complete social portfolio, paged in place. */
.s253-gallery{--s253-ink:#30233f;--s253-muted:#766a80;--s253-line:#e4dced;color:var(--s253-ink);scroll-margin-top:120px}
.s253-gallery *{box-sizing:border-box}.s253-gallery [hidden]{display:none!important}
.s253-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.s253-heading h2{font-size:clamp(25px,2.5vw,34px);margin:0 0 8px;line-height:1.4}.s253-heading p{font-size:14px;color:var(--s253-muted);margin:0;line-height:1.8}.s253-total{font-size:12px;white-space:nowrap;background:#f3edf9;border-radius:24px;padding:9px 14px;color:#765092}
.s253-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px;padding:12px;background:#faf8fd;border:1px solid var(--s253-line);border-radius:12px}
.s253-filters,.s253-pagination{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.s253-gallery button,.s253-gallery select,.s253-dialog button{font:inherit;color:var(--s253-ink);border:1px solid #dfd2ef;background:white;border-radius:7px;cursor:pointer;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.5}
.s253-filters button[aria-pressed=true]{color:white;background:#39274c;border-color:#39274c}.s253-filters small{font-size:10px;opacity:.75;margin-left:7px}.s253-pagination [data-s253-count]{font-size:12px;color:#80648f;margin-right:5px}.s253-gallery .s253-toggle{min-width:92px}.s253-picker{display:flex;align-items:center;gap:9px;max-width:100%;font-size:12px;color:#80648f}.s253-picker select{max-width:250px;text-overflow:ellipsis}
.s253-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.s253-card{border:1px solid var(--s253-line);border-radius:14px;overflow:hidden;min-width:0;background:#fff;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
.s253-figure{margin:0;background:#f6f2fa;min-width:0;height:340px;padding:14px;display:flex;align-items:center;justify-content:center;position:relative}
.s253-figure img,.s253-figure video{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;background:transparent}
.s253-copy{padding:23px;min-width:0;display:flex;flex-direction:column;gap:0}.s253-type{font-size:11px;color:#8958c5;margin:0 0 12px;line-height:1.6}.s253-copy h3{font-size:20px;line-height:1.55;margin:0 0 14px;color:var(--s253-ink);overflow-wrap:anywhere}
.s253-description{font-size:14px;line-height:1.85;color:var(--s253-muted);margin:0 0 15px}.s253-detail{margin-top:auto;border-top:1px solid #ece4f4;padding-top:10px}.s253-detail>summary{font-size:13px;line-height:1.7;color:#7749a7;cursor:pointer;padding:5px 0}.s253-detail-body{padding-top:12px}.s253-detail-body img,.s253-detail-body video{display:block;max-width:100%;height:auto;margin:0 auto 15px}.s253-reading{font-size:14px;line-height:1.9;color:#66586f;overflow-wrap:anywhere}.s253-reading h3,.s253-reading h4{font-size:17px;line-height:1.6}.s253-reading p{margin:0 0 14px}.s253-reading table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;font-size:13px}.s253-reading td,.s253-reading th{border:1px solid #e4dced;padding:8px}
.s253-card--case{display:flex;flex-direction:column}.s253-card--case .s253-figure{height:250px;padding:16px}.s253-card--case .s253-copy{padding:23px}.s253-card--case h3{margin-bottom:12px}.s253-card--text{display:block}.s253-card--text .s253-copy{min-height:310px}
.s253-metrics{display:flex;gap:12px 24px;flex-wrap:wrap;padding:15px 0;margin:0 0 14px;border-top:1px solid #e6dced;border-bottom:1px solid #e6dced}.s253-metrics>div{min-width:0}.s253-metrics strong{display:block;font-size:clamp(21px,2.2vw,30px);line-height:1.4;color:#7848bb}.s253-metrics span{display:block;font-size:11px;color:#8d759e;line-height:1.6;margin-top:5px}.s253-period{font-size:11px;color:#8c769c;line-height:1.7;margin:0 0 12px}
.s253-gallery button:focus-visible,.s253-gallery select:focus-visible,.s253-gallery summary:focus-visible,.s253-dialog button:focus-visible{outline:3px solid #1e8b97;outline-offset:3px}.s253-sr{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.s253-dialog{width:min(1000px,calc(100% - 28px));max-height:88vh;max-height:88dvh;padding:0;border:1px solid #dbcee9;border-radius:16px;color:#30233f;background:white;box-shadow:0 15px 80px #20142a40}.s253-dialog::backdrop{background:#21152cba}.s253-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border-bottom:1px solid #e5dced;padding:17px 24px}.s253-dialog-head h2{font-size:21px;margin:0;line-height:1.5}.s253-dialog-head button{flex-shrink:0}.s253-dialog-body{padding:24px}.s253-dialog-body .s253-detail-body{padding:0}.s253-dialog-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px;align-items:start}.s253-dialog-media figure{margin:0;min-width:0;background:#f8f5fc;border-radius:10px;padding:10px}.s253-dialog-media img,.s253-dialog-media video{width:100%;max-width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;margin:0}.s253-dialog-media figcaption{font-size:11px;line-height:1.6;color:#80688f;padding-top:8px}.s253-dialog-media figure:only-child{grid-column:1/-1}.s253-dialog-media figure:only-child img{max-height:none}.s253-modal-open{overflow:hidden}
@media(max-width:1050px){.s253-copy{padding:18px}.s253-copy h3{font-size:18px}.s253-description{font-size:13px}.s253-picker select{max-width:200px}}
@media(max-width:900px){.s253-grid{grid-template-columns:1fr}.s253-figure{height:350px}.s253-copy{padding:24px}.s253-copy h3{font-size:22px}.s253-description{font-size:14px}.s253-card--case{display:grid;grid-template-columns:1fr 1fr}.s253-card--case .s253-figure{height:100%;min-height:280px}.s253-card--case.s253-card--text{display:block}}
@media(max-width:560px){.s253-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}.s253-heading p{font-size:13px}.s253-total{font-size:11px;padding:7px 11px}.s253-controls{gap:10px;padding:10px}.s253-filters{width:100%;gap:6px}.s253-filters button{flex:1;padding:8px 5px}.s253-pagination{width:100%;justify-content:flex-end;gap:6px}.s253-pagination [data-s253-count]{margin-right:auto}.s253-picker{width:100%}.s253-picker select{flex:1;max-width:calc(100% - 64px);width:0;min-width:0}.s253-card,.s253-card--case{display:flex;flex-direction:column}.s253-figure{height:280px;padding:12px}.s253-copy,.s253-card--case .s253-copy{padding:20px}.s253-copy h3{font-size:20px;margin-bottom:10px}.s253-description{font-size:13px;line-height:1.8}.s253-type{margin-bottom:8px}.s253-card--case .s253-figure{height:210px;min-height:0}.s253-card--text .s253-copy{min-height:0}.s253-dialog-head{padding:14px 16px;gap:12px}.s253-dialog-head h2{font-size:17px}.s253-dialog-body{padding:16px}.s253-dialog-media{grid-template-columns:1fr;gap:12px}.s253-reading{font-size:13px}.s253-metrics{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.s253-gallery *,.s253-dialog *{scroll-behavior:auto!important}}