.ugc-page [hidden]{display:none!important}
.ugc-main{padding-top:50px}.ugc-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.ugc-intro>div{grid-column:1/8;padding:28px 0}.ugc-intro h1{font-size:clamp(54px,6.5vw,92px);margin:0 0 32px;letter-spacing:-.035em;line-height:1.05}
.ugc-intro .editorial-lead{font-size:clamp(21px,2vw,27px);max-width:29ch!important;margin-bottom:22px}.ugc-intro>div>p:not(.editorial-lead){font-size:15px;max-width:44ch}
.ugc-intro .editorial-actions{align-items:center;gap:24px;margin-top:28px;font-size:12px}.ugc-intro .editorial-cta{margin:0}
.ugc-portrait{grid-column:8/13;margin:0;position:relative}.ugc-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.ugc-portrait figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:500;margin-top:16px;color:var(--graphite)}
.ugc-intro .ugc-production-note{border-top:1px solid var(--rule);padding-top:18px;margin:32px 0 0;font-size:12px!important;line-height:1.65;max-width:46ch!important;color:var(--graphite)}
.ugc-films{margin-top:125px;scroll-margin-top:30px}.ugc-section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;border-top:1px solid var(--rule);padding-top:34px}.ugc-section-heading h2{font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.1;margin:0}.ugc-section-heading p{font-size:14px;max-width:29ch;margin:0}
.ugc-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0}.ugc-filters{display:flex;gap:6px;flex-wrap:wrap}.ugc-filters button{font:inherit;font-size:12px;font-weight:500;border:1px solid transparent;padding:12px 17px;background:transparent;color:var(--graphite);cursor:pointer;min-height:44px;transition:background-color 180ms ease,color 180ms ease,transform 140ms var(--ease-out)}
.ugc-filters button[aria-pressed=true]{background:var(--ink);color:var(--gallery)}.ugc-filters button:active{transform:scale(.98)}.ugc-count{font-size:11px;color:var(--graphite);font-variant-numeric:tabular-nums;margin:0;white-space:nowrap}
.ugc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 4vw;align-items:start}.ugc-sample{min-width:0}.ugc-sample:nth-child(even){padding-top:85px}
.ugc-frame{aspect-ratio:4/5;position:relative;background:var(--gallery-deep);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px}
.ugc-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 250ms var(--ease-out)}
#software-tutorial .ugc-reference,#fashion-movement .ugc-reference{object-fit:contain}
.ugc-frame-top{position:relative;align-self:stretch;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;padding:9px 11px;background:var(--gallery);color:var(--ink)}
.ugc-frame-centre{display:none}.ugc-frame-bottom{position:relative;align-self:start;font-size:9px;letter-spacing:.04em;font-weight:500;line-height:1.6;padding:8px 10px;background:var(--gallery);color:var(--ink)}
.ugc-caption{padding-top:20px}.ugc-caption small{font-size:10px}.ugc-caption h3{font-size:clamp(22px,2.5vw,34px);font-weight:400;line-height:1.2;margin:12px 0 16px;max-width:22ch}
.ugc-caption summary{font-size:12px;font-weight:500;cursor:pointer;min-height:36px;display:list-item;width:fit-content;list-style-position:inside;text-decoration:underline;text-underline-offset:5px}.ugc-caption details p{font-size:14px;line-height:1.7;margin:12px 0}
.ugc-status-note{font-size:12px!important;color:var(--graphite)}.ugc-reference-note{font-size:11px;color:var(--graphite);margin:9px 0 0!important}
.ugc-offer{margin-top:125px}.ugc-offer h2{font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.12;max-width:17ch;margin:0 0 40px}.ugc-process{margin-top:90px}.ugc-process h2{font-size:clamp(30px,3.3vw,46px)}
.ugc-page .editorial-end h2{font-weight:400;font-size:clamp(34px,4vw,58px)}
@media(hover:hover) and (pointer:fine){.ugc-sample:hover .ugc-reference{transform:scale(1.025)}.ugc-filters button:hover{background:var(--gallery-deep);color:var(--ink)}.ugc-filters button[aria-pressed=true]:hover{background:#42443b;color:var(--gallery)}}
@media(max-width:1000px){.ugc-intro>div{grid-column:1/8}.ugc-portrait{grid-column:8/13}.ugc-intro h1{font-size:clamp(48px,6.1vw,66px)}.ugc-intro .editorial-actions{gap:16px}.ugc-filter-bar{align-items:start}.ugc-count{white-space:normal;max-width:140px}.ugc-frame{padding:14px}}
@media(max-width:700px){.ugc-main{padding-top:35px}.ugc-intro{display:flex;flex-direction:column;align-items:stretch;gap:34px}.ugc-intro>div{padding:0}.ugc-intro h1{font-size:clamp(43px,10.8vw,68px);margin-bottom:25px}.ugc-intro .editorial-lead{font-size:21px}.ugc-portrait{width:80%;align-self:flex-end;max-width:390px}.ugc-portrait figcaption{font-size:9px}.ugc-films{margin-top:65px}.ugc-section-heading{display:block;padding-top:26px}.ugc-section-heading p{margin-top:16px;max-width:36ch}.ugc-filter-bar{display:block;margin:24px 0}.ugc-filters{gap:0}.ugc-filters button{padding:11px 12px;font-size:11px}.ugc-count{max-width:none;margin-top:16px}.ugc-grid{grid-template-columns:1fr;gap:48px}.ugc-sample:nth-child(even){padding-top:0}.ugc-caption h3{font-size:28px}.ugc-frame{aspect-ratio:4/5}.ugc-offer{margin-top:75px}.ugc-process{margin-top:65px}}
@media(prefers-reduced-motion:reduce){.ugc-reference{transition:none}.ugc-sample:hover .ugc-reference,.ugc-filters button:active{transform:none}}