/* The section supplies the canvas. Fade only the image perimeter, retaining the approved artwork. */
.hero .hero-img,.hero .hero-media,.hero .hero-image{background:transparent!important;border:0!important;box-shadow:none!important}
.hero .hero-img>img,.hero .hero-media>img,.hero .hero-image>img,.hero>.hero-grid>figure>img,.hero .hero-grid>figure>img{border:0!important;box-shadow:none!important;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in}
@media(min-width:901px){.hero:has(.hero-img),.hero:has(figure){padding-top:28px!important;padding-bottom:28px!important}.hero:has(.hero-img) .hero-grid,.hero:has(figure) .hero-grid{min-height:0!important;align-items:center!important}.hero .hero-img{height:clamp(300px,calc(100svh - 280px),500px)!important}.hero .hero-img>img{width:100%!important;height:100%!important;object-fit:contain!important}.hero .hero-grid>figure{margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.hero .hero-grid>figure>img{width:100%!important;height:clamp(300px,calc(100svh - 310px),470px)!important;object-fit:contain!important}.hero:has(.hero-img) h1,.hero:has(figure) h1{font-size:clamp(34px,3.5vw,50px)!important;line-height:1.12!important}.hero:has(.hero-img) .hero-actions{margin-top:24px!important}}
@media(min-width:901px){.hero .hero-img{display:flex!important;align-items:center!important;justify-content:center!important}.hero .hero-img>img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:auto!important}.hero .hero-grid>figure>img{width:auto!important;height:auto!important;max-width:100%!important;max-height:clamp(300px,calc(100svh - 310px),470px)!important;margin:auto!important}}