.ugc-portfolio{padding-top:44px;padding-bottom:60px;border-top:1px solid var(--line)}
.ugc-portfolio-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}
.ugc-portfolio-intro h2{font-size:40px;margin:0}
.ugc-portfolio-intro p{max-width:440px;font-size:14px;color:var(--muted);margin:0}
.ugc-portfolio-intro .eyebrow{margin-bottom:15px}
.ugc-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ugc-video-card{margin:0;min-width:0}
.ugc-video-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border:1px solid var(--line);border-radius:9px;background:#ede5d8;box-shadow:0 5px 20px #5b40320b}
.ugc-video-card video:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.ugc-video-card figcaption{padding-top:18px}
.ugc-video-card h3{font-size:25px;line-height:1.2;margin:7px 0 10px}
.ugc-video-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.ugc-video-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.5px;color:var(--green)}
.ugc-video-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}
.ugc-portfolio .ugc-portfolio-note{font-size:12px;color:var(--muted);margin:28px 0 0;max-width:800px}
.ugc-video-card a{color:var(--green);text-decoration:underline}
@media(max-width:1050px){.ugc-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:760px;margin-inline:auto}.ugc-portfolio-intro{align-items:start}.ugc-portfolio-intro h2{font-size:35px}}
@media(max-width:760px){.ugc-portfolio{padding-top:32px;padding-bottom:42px}.ugc-portfolio-intro{display:block;margin-bottom:26px}.ugc-portfolio-intro h2{font-size:33px;margin-bottom:17px}.ugc-portfolio-intro p{font-size:14px;max-width:560px}}
@media(max-width:600px){.ugc-video-grid{grid-template-columns:minmax(0,1fr);max-width:380px;gap:35px}.ugc-video-card figcaption{padding-top:15px}.ugc-video-card h3{font-size:26px}}