/* Child-theme skins only: retain native SWELL media, copy, buttons and Swiper. */
.bd-mv-custom #main_visual{
 --bd-mv-screen:calc(100vh - var(--swl-headerH,0px) - var(--swl-adminbarH,0px));
 box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;
 width:100%;max-width:none;height:var(--bd-mv-screen);min-height:280px;
 padding:0;margin:0;border-radius:0 0 0 min(var(--bd-mv-corner-radius,240px),35vw);
 transform:none;box-shadow:none;
}
@supports(height:100svh){.bd-mv-custom #main_visual{--bd-mv-screen:calc(100svh - var(--swl-headerH,0px) - var(--swl-adminbarH,0px))}}
.bd-mv--corner-right #main_visual{
 width:calc(100% * var(--bd-mv-width-percent,.88));
 height:calc(var(--bd-mv-screen) * var(--bd-mv-height-percent,.88));
 margin:0 0 calc(var(--bd-mv-screen) * (1 - var(--bd-mv-height-percent,.88))) auto;
}
.bd-mv-custom #main_visual .p-mainVisual__inner{height:100%!important;padding:0!important}
.bd-mv-custom #main_visual .p-mainVisual__slide{height:100%}
.bd-mv-custom #main_visual .p-mainVisual__imgLayer{position:absolute;inset:0;height:100%;width:100%}
.bd-mv-custom #main_visual :is(.p-mainVisual__img,.p-mainVisual__video){display:block;width:100%;height:100%;object-fit:cover}
.bd-mv-custom #main_visual .p-mainVisual__textLayer{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);padding:clamp(24px,4vw,64px)}
/* Keep navigation and copy inside the silhouette even with a large corner. */
.bd-mv-custom #main_visual .p-mainVisual__textLayer{padding-bottom:max(64px,min(var(--bd-mv-corner-radius,240px),16vw))}
