/* Adaptive media keeps the complete original visible while making every ratio feel intentional. */
.adaptive-image{position:relative;isolation:isolate;display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--bg) 88%,var(--brand) 12%)}
.adaptive-image-backdrop{position:absolute!important;z-index:0!important;inset:-28px!important;width:calc(100% + 56px)!important;height:calc(100% + 56px)!important;max-width:none!important;max-height:none!important;object-fit:cover!important;filter:blur(24px) saturate(.82) brightness(.88);transform:scale(1.06);opacity:.5;pointer-events:none}
.adaptive-image-primary{position:relative;z-index:1;display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;box-shadow:0 0 40px color-mix(in srgb,#07142a 18%,transparent)}
.post-media>button{height:min(680px,68dvh);min-height:240px;background:transparent}
.post-media .adaptive-image{height:100%}
.gallery-strip>button{position:relative;aspect-ratio:4/3;overflow:hidden;background:transparent}
.gallery-strip .adaptive-image{position:absolute;inset:0}
.gallery-collection .media-library-item>.gallery-open{position:relative}
.gallery-collection .media-library-item>.gallery-open .adaptive-image{position:absolute;inset:0}
@media(max-width:700px){.post-media>button{height:min(520px,58dvh);min-height:220px}.adaptive-image-backdrop{filter:blur(20px) saturate(.8) brightness(.9);opacity:.46}.gallery-strip>button{aspect-ratio:4/3}}
@media(prefers-reduced-transparency:reduce){.adaptive-image-backdrop{display:none}.adaptive-image{background:var(--bg)}}