/* Shared inline UGC previews for the homepage and full portfolio. */
.curated-portfolio .ugc-gallery-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dbe1e9;border-radius:16px;background:white;text-align:left;color:#102444;padding:0}
.curated-portfolio .ugc-gallery-card[hidden]{display:none!important}
.ugc-gallery-card .ugc-preview{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;isolation:isolate;background:#102444}
.ugc-gallery-card .ugc-preview video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.ugc-gallery-card .home-case-copy{padding:22px;display:flex;flex:1;flex-direction:column;gap:14px}
.ugc-gallery-card .home-case-category{font-size:11px;letter-spacing:.09em;font-weight:700;color:#60728e}
.ugc-gallery-card h3{font-size:20px;line-height:1.3;margin:0}
.ugc-gallery-card h3 a{color:inherit;text-decoration:none}
.ugc-gallery-card p{font-size:15px;line-height:1.65;margin:0;color:#586c89}
.ugc-gallery-card .home-case-read{align-self:flex-start;margin-top:auto;padding-top:10px;color:#102444;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:6px}
.ugc-preview button{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#102444d9;color:white;cursor:pointer;padding:10px;box-shadow:0 2px 8px #0002}
.ugc-preview .ugc-preview-sound{right:12px;bottom:12px}
.ugc-preview .ugc-preview-pause{left:12px;bottom:12px;font-size:18px}
.ugc-preview button:hover{background:#1454ed}
.ugc-preview button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ugc-preview svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ugc-preview .sound-on,.ugc-preview [aria-pressed="true"] .sound-off{display:none}
.ugc-preview [aria-pressed="true"] .sound-on{display:block}
@media(min-width:1024px){.curated-portfolio:has(.ugc-gallery-card:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:720px){.curated-portfolio:has(.ugc-gallery-card:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}.ugc-gallery-card .home-case-copy{padding:14px;gap:10px}.ugc-gallery-card h3{font-size:16px}.ugc-gallery-card p{font-size:13px}.ugc-preview .ugc-preview-sound{right:8px;bottom:8px}.ugc-preview .ugc-preview-pause{left:8px;bottom:8px}}