/* Shared approved Loop Item, scoped to its own card. No archive grid rules. */
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card{
 --ua-ink:#000B10;--ua-accent:#EB604D;
 display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;
 width:100%;max-width:100%;height:100%;min-height:0;padding:0;gap:0;
 position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;
 background:#fff;border:1px solid #0003;border-radius:0;box-shadow:none;transform:none;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card:before{
 content:"";position:absolute;inset:auto 0 0;width:100%;height:59%;z-index:-2;opacity:1;
 background:transparent url("assets/8e8d101402-red_owerlay.png") left bottom/100% auto no-repeat;pointer-events:none;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card:after{
 content:"";position:absolute;inset:0 0 auto;width:100%;height:67%;z-index:-1;opacity:1;
 background:transparent url("assets/6dfd09a8de-white_owerlay.png") top left/100% 100% no-repeat;clip-path:none;pointer-events:none;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-copy{
 display:block;position:relative;order:-1;z-index:1;flex:1;width:100%;min-width:0;min-height:180px;
 padding:68px 26px 24px;margin:0;gap:0;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-copy:before{
 content:"ARTICLE";position:absolute;inset:26px auto auto 26px;width:auto;height:auto;
 background:transparent url("assets/9da13421b6-stroke_red_02.png") center/100% 100% no-repeat;
 color:#fff;font:500 20px/1 Oswald,Arial,sans-serif;padding:10px 17px;transform:none;opacity:1;pointer-events:none;
}
:is(.ua-card-grid,.untold-article-v2) .category-video .ua-collage-card .ua-hybrid-copy:before{content:"VIDEO"}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-copy:after{
 content:"";position:absolute;inset:30px 26px auto auto;width:60px;height:42px;opacity:1;
 background:radial-gradient(#000B10 1px,transparent 1.5px) 0 0/10px 10px;pointer-events:none;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card h3{
 font:500 clamp(26px,6.5cqw,32px)/1.16 Oswald,Arial,sans-serif;letter-spacing:-.3px;
 text-transform:uppercase;text-wrap:balance;hyphens:none;word-break:normal;overflow-wrap:normal;
 color:var(--ua-ink);margin:14px 0 0;max-width:95%;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card h3 span{color:var(--ua-accent)}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card h3 a{color:inherit;text-decoration:none}
/* Extend the named heading link; retain independent image/button pointer targets.
   Static wrappers make the card the containing block, without nesting links. */
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-copy:has(.ua-card-link),
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-copy .elementor-widget-shortcode:has(.ua-card-link){position:static;z-index:auto}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-card-link:after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card h3 .ua-card-link:focus-visible{outline:none}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-card-link:focus-visible:after{outline:2px solid var(--ua-ink);outline-offset:-3px}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual{
 display:block;position:relative;width:calc(100% - 52px);max-width:none;min-width:0;
 align-self:center;flex:none;margin:0 26px 24px;padding:0;aspect-ratio:4/3;
 overflow:hidden;background:transparent;z-index:1;box-shadow:none;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual :is(.elementor-widget-container,a){display:block;width:100%;height:100%;margin:0;padding:0}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual img{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transform-origin:center;
 transition:transform 650ms cubic-bezier(.16,1,.3,1);
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual:before,
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual:after{display:none}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-original-button{
 width:auto;max-width:none;flex:none;position:relative;left:auto;bottom:auto;z-index:2;
 align-self:flex-start;margin:0 26px 24px;
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-original-button .elementor-button{
 font:500 22px/1.2 Oswald,Arial,sans-serif;padding:16px 20px;border-radius:8px;
 text-transform:capitalize;text-decoration:none;background:var(--ua-ink);color:#fff;fill:#fff;border:1px solid var(--ua-ink);
}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-original-button .elementor-button:is(:hover,:focus){background:transparent;color:var(--ua-ink)}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card:is(:hover,:focus-within){border-color:#0003;box-shadow:none;transform:none}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card a:focus-visible{outline:2px solid var(--ua-ink);outline-offset:4px}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card a:focus:not(:focus-visible){outline:none}
:is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual:has(a:focus-visible){outline:2px solid var(--ua-ink);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 :is(.ua-card-grid,.untold-article-v2) .ua-collage-card:hover .ua-hybrid-visual img{transform:scale(1.045)}
}
@media(prefers-reduced-motion:reduce){
 :is(.ua-card-grid,.untold-article-v2) .ua-collage-card .ua-hybrid-visual img{transform:none!important;transition:none}
}