/* V01 presentation only. The original artwork and its natural aspect ratio remain intact. */
.page-home .hero>.approved-visual.slot-v01{
 width:calc(100% + 64px);
 max-width:none;
 margin-inline:-32px;
 /* Fade only the artwork's empty perimeter, keeping both conceptual endpoints opaque. */
 -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);
 -webkit-mask-composite:source-in;
 -webkit-mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;
 mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);
 mask-composite:intersect;
 mask-repeat:no-repeat;
 mask-size:100% 100%;
}
.page-home .hero>.slot-v01 img{
 opacity:1;
 transform:none;
 animation:v01-arrive 750ms cubic-bezier(.22,.61,.36,1) 100ms 1 backwards;
}
@keyframes v01-arrive{
 from{opacity:.88;transform:translateY(6px)}
 to{opacity:1;transform:translateY(0)}
}
@media(max-width:1023px){
 .page-home .hero>.approved-visual.slot-v01{width:calc(100% + 40px);margin-inline:-20px}
}
@media(max-width:767px){
 .page-home .hero>.approved-visual.slot-v01{width:calc(100% + 24px);margin-inline:-12px}
}
@media(max-width:359px){
 .page-home .hero>.approved-visual.slot-v01{width:calc(100% + 16px);margin-inline:-8px}
}
@media(prefers-reduced-motion:reduce){
 .page-home .hero>.slot-v01 img{animation:none;opacity:1;transform:none}
}
