/* Unrent components, adapted for portrait screenshots and longer galleries. */
.am-case .un-hero-visual{grid-template-columns:1fr 1fr}
.am-case .un-hero-screen{width:min(100%,320px);justify-self:center;margin:40px 25px;background:#fafafa}
.am-case .un-hero-screen img{aspect-ratio:860/1864;object-fit:contain}
.am-case .un-hero-screen figcaption{line-height:1.6}
.am-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;align-items:start;margin:35px 0 50px}
.am-gallery .un-shot{width:100%;max-width:320px;margin:0;justify-self:center}
.am-gallery:has(>.un-shot:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:664px}
.am-case .un-shot a{border:1px solid #333}
.am-case .un-shot a:focus-visible{outline-offset:4px}
.am-case .un-shot img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.am-case .un-shot a:hover img{transform:scale(1.015)}}
.am-removed img{filter:grayscale(1);opacity:.6}
.am-removed .un-shot a{background:#222}
.am-case .am-gallery-label{margin-top:38px}
.am-wide{width:100%}
.am-consent{max-width:320px}
.am-consent a{max-height:560px;overflow:hidden}
.am-consent img{object-position:top}
.am-full-screen{margin-top:-10px;margin-bottom:35px;display:inline-block}
.am-stages.un-journey{grid-template-columns:repeat(2,minmax(0,1fr))}
.am-case .am-stages h3{font-size:16px;line-height:1.3;margin:0 0 11px;letter-spacing:0}
.am-stages p{font-size:14px}
#context .am-stages>div:last-child{border-color:#888;background:#202020}
.am-case .un-chapter>p.am-note{font-size:13px;color:#999}
.am-case .un-table-wrap{outline-offset:5px}
.am-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:30px 0;border-top:1px solid #333;margin-top:38px}
.am-stats .un-stat strong{font-size:clamp(30px,3.5vw,52px)}
.am-stats .un-stat>span{font-size:13px;line-height:1.5}
@media(max-width:760px){
 .am-case .un-hero-visual{grid-template-columns:1fr}
 .am-case .un-hero-screen{width:calc(100% - 40px);max-width:320px;margin:0 20px 20px}
 .am-case .un-hero-context{grid-template-columns:1fr;gap:25px}
 .am-case .un-hero-context>p{display:block;margin:0;font-size:24px}
 .am-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 .am-gallery .un-shot a{border-radius:12px}
 .am-gallery .un-shot figcaption{font-size:11px;margin-top:10px;overflow-wrap:anywhere}
 .am-stages.un-journey{grid-template-columns:1fr}
 .am-case .un-diagram table{min-width:520px}
 .am-case .un-table-wrap:focus-visible{outline:2px solid var(--fg)}
 .am-stats{grid-template-columns:1fr;gap:25px}
 .am-stats .un-stat{gap:10px}
 .am-stats .un-stat strong{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.am-case .un-shot img{transition:none}.am-case .un-shot a:hover img{transform:none}}
