.hero__module{height:intrinsic;margin-inline:0;overflow:hidden;overflow:clip;position:relative;transition:var(--transition-default);@media (min-width:540px){clip-path:polygon(0 0,calc(100% - var(--card-width-min)/4*3) 0,calc(100% - var(--card-width-min)/2) calc(var(--card-width-min)*cos(30deg)/2),100% calc(var(--card-width-min)*cos(30deg)/2),100% 100%,0 100%)}&:before{background:var(--overlay);content:"";display:block;inset:0;position:absolute;z-index:-1}>img,>video{grid-column:page}.hero__content{grid-column:content;height:fit-content;margin:auto;padding-block:max(var(--header-height),calc(var(--card-width-min)*cos(30deg)/2));text-align:center}}