/* Figma 227:2; scoped to the article listing, using existing theme typography and tokens. */
.ue-article-hero{position:relative;isolation:isolate;height:56.3021vw;max-height:1081px;min-height:560px;background:#111;overflow:hidden;color:#fff}
.ue-article-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
picture.ue-article-hero-image>img{display:block;width:100%;height:100%;object-fit:cover}
.ue-article-hero .ue-article-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 75%);pointer-events:none}
.ue-article-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(24px,2.5vw,48px);height:100%;padding-top:160px;padding-bottom:clamp(48px,4.74vw,91px)}
.ue-article-featured-label{font-family:inherit;font-size:clamp(14px,1.25vw,24px);font-weight:400;line-height:1;letter-spacing:.2em;color:#999;text-transform:uppercase}
.ue-article-hero h1{font-family:inherit;font-size:clamp(32px,2.917vw,56px);font-weight:400;line-height:1.2;letter-spacing:0;max-width:866px;width:70%;margin:0;overflow-wrap:anywhere;color:#fff}
.ue-articles{padding-top:clamp(80px,8.333vw,160px);margin-bottom:clamp(80px,8.333vw,160px)}
.ue-articles-intro{display:flex;flex-direction:column;align-items:center;gap:clamp(32px,3.125vw,60px);margin-bottom:clamp(48px,4.167vw,80px);text-align:center}
.ue-articles-intro h2{max-width:972px;font-family:inherit;font-size:clamp(30px,2.7083vw,52px);font-weight:600;line-height:1.1;letter-spacing:0}
.ue-article-filters{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;padding:2px;border-radius:28px;background:#f5f5f5}
.ue-article-filters a{display:flex;position:relative;z-index:1;align-items:center;justify-content:center;min-height:48px;padding:10px 32px;border-radius:100px;font-size:clamp(16px,1.042vw,20px);line-height:1.2;color:#000;transition:color .35s;background:transparent;white-space:nowrap}
.ue-article-filters a>span{display:block;transform:translateY(.08em)}
.ue-article-filters a[aria-current=true]{color:#fff;background:#000;font-weight:600}
.ue-article-filters a:hover{background:var(--pink,#e01a7b);color:#fff}
.ue-article-filter-pill{position:absolute;left:0;top:0;z-index:0;border-radius:100px;background:#000;pointer-events:none;transition:transform .5s var(--ease,cubic-bezier(.19,1,.22,1)),width .5s var(--ease,cubic-bezier(.19,1,.22,1)),height .5s,background-color .3s}
.ue-article-filter-pill.is-selected{background:var(--pink,#e01a7b)}
.ue-articles-enhanced .ue-article-filters a,.ue-articles-enhanced .ue-article-filters a:hover,.ue-articles-enhanced .ue-article-filters a[aria-current=true]{background:transparent;color:#000}
.ue-articles-enhanced .ue-article-filters a.pill-highlight{color:#fff}
.ue-article-filters a:focus-visible,.ue-articles button:focus-visible{outline:2px solid var(--pink,#e01a7b);outline-offset:4px}
.ue-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,2.1354vw,41px);row-gap:clamp(48px,4.167vw,80px);align-items:start}
.ue-article-card{min-width:0;outline-offset:8px}
.ue-article-image{border-radius:16px;overflow:hidden;margin-bottom:clamp(24px,1.875vw,36px)}
.ue-article-image img{display:block;width:100%;height:auto}
.ue-article-image--wide{aspect-ratio:527/288}.ue-article-image--landscape{aspect-ratio:527/347}.ue-article-image--tall{aspect-ratio:527/476}.ue-article-image--square{aspect-ratio:1}
.ue-article-image:not(.ue-article-image--natural) img{height:100%;object-fit:cover}
.ue-article-category{font-size:clamp(14px,.9375vw,18px);font-weight:400;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:#999;margin:0 0 clamp(20px,1.667vw,32px)}
.ue-article-copy,.ue-article-copy p{font-family:inherit;font-size:clamp(18px,1.35417vw,26px);font-weight:600;line-height:1.2;letter-spacing:0;color:#000;overflow-wrap:anywhere;margin:0}
.ue-article-copy p+p{margin-top:1em}
.ue-article-more{display:flex;justify-content:center;margin-top:clamp(48px,4.167vw,80px)}
.ue-article-more:has(>button[hidden]):has(>.ue-article-pagination[hidden]){display:none}
.ue-article-more .pill,.ue-article-error .pill{min-height:56px;font-size:clamp(18px,1.146vw,22px);font-weight:400;line-height:1.2;width:364px;max-width:100%;padding:14px 32px}
.ue-article-more button:disabled{cursor:wait;opacity:.65}.ue-article-pagination{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.ue-article-empty,.ue-article-error{text-align:center;margin-top:40px}.ue-article-error button{margin-top:20px}
.ue-articles [hidden]{display:none!important}
@media(max-width:1100px){.ue-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ue-article-hero h1{width:70%;max-width:720px}}
@media(max-width:760px){
 .ue-article-hero{height:78svh;min-height:520px;max-height:780px}
 .ue-article-hero-copy{gap:24px;padding-block:150px 48px}
 .ue-article-hero h1{font-size:clamp(30px,7.5vw,42px);width:100%;max-width:none}
 .ue-article-featured-label{font-size:13px}.ue-articles{padding-top:80px;margin-bottom:80px}
 .ue-article-grid{grid-template-columns:1fr;row-gap:48px}.ue-article-filters a{padding:10px 18px;min-height:44px}
 .ue-articles-intro h2{font-size:30px}.ue-article-copy,.ue-article-copy p{font-size:22px}
 .ue-article-category{font-size:14px;margin-bottom:20px}.ue-article-image{margin-bottom:24px}
 .ue-article-more .pill{width:min(364px,100%)}
}
@media(prefers-reduced-motion:reduce){.ue-articles *{animation:none!important;transition:none!important}}