/* Allo212 V5: unified 250px media component across home and internal pages. */
:root{--a212-media-height:250px}
.a-page-banner .a-page-banner-inner,.a-home-hero .a-hero-showcase{min-width:0}
.a-media,.a-media-shell .a-media,.a-page-banner .a-media,.a-hero-showcase .a-media,.a-home-hero .a-media{position:relative!important;box-sizing:border-box!important;height:var(--a212-media-height)!important;min-height:var(--a212-media-height)!important;max-height:var(--a212-media-height)!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:18px!important}
.a-media-track,.a-media .a-slide,.a-media .a-slide:not([hidden]){height:100%!important;min-height:0!important;max-height:100%!important;inset:0!important}
.a-media .a-slide[hidden]{display:none!important}
.a-media .a-slide video,.a-media .a-slide video.a-video-started,.a-media .a-slide img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}

/* Fill the shared frame before, during and after playback without distortion. */
.a-media .a-slide video,.a-media .a-slide video.a-video-started{object-fit:cover!important;object-position:center!important}
/* Native video fullscreen preserves the entire image. */
.a-media .a-slide video:fullscreen{object-fit:contain!important;background:#000!important}
.a-media .a-slide video:-webkit-full-screen{object-fit:contain!important;background:#000!important}

/* V9 — fine orange/anthracite edge, shared by every media placement. */
.a-media,.a-media-shell .a-media,.a-page-banner .a-media,.a-home-hero .a-hero-showcase .a-media{
 border:0!important;border-radius:18px!important;
 box-shadow:0 8px 24px rgba(47,28,21,.14),0 2px 7px rgba(244,75,22,.08)!important;
}
.a-media::after{
 content:"";position:absolute;inset:0;z-index:6;padding:1.5px;border-radius:inherit;pointer-events:none;
 background:linear-gradient(125deg,rgba(255,151,87,.95) 0%,rgba(255,75,11,.8) 29%,rgba(68,45,39,.52) 66%,rgba(22,24,32,.55) 100%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
@media(max-width:700px){
 .a-media,.a-media-shell .a-media,.a-page-banner .a-media,.a-home-hero .a-hero-showcase .a-media{
  box-shadow:0 5px 16px rgba(47,28,21,.12)!important;
 }
}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 .a-media::after{padding:0;background:none;border:1px solid rgba(244,75,22,.6)}
}