:root{--separator-w:1vw;--half-sep:calc(var(--separator-w) / 2)}body{display:flex;flex-direction:column;height:100svh;overflow:hidden;min-height:auto}header{position:static;flex-shrink:0}main{flex-grow:1;position:relative;overflow:hidden}.split-layout-container{position:absolute;inset:0;width:100%;height:100%}.split-section{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;text-decoration:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94),clip-path .4s cubic-bezier(.25,.46,.45,.94)}.split-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}#section-woman{background-image:url(/assets/images/ui/pc/v2/bg-woman.webp);clip-path:polygon(0 0,calc(100% - 2 * 4vw - 5vw - var(--half-sep)) 0,calc(100% - var(--half-sep) - 5vw) 100%,0 100%);width:calc(50vw + 4vw + 5vw);background-position:right center;transform-origin:right center}#section-woman::before{background-image:url(/assets/images/ui/pc/v2/bg-woman-hover.webp);background-position:right center;transform-origin:right center}#section-man{background-image:url(/assets/images/ui/pc/v2/bg-man.webp);clip-path:polygon(calc(5vw + var(--half-sep)) 0,100% 0,100% 100%,calc(2 * 4vw + 5vw + var(--half-sep)) 100%);left:calc(50vw - 4vw - 5vw);width:calc(50vw + 4vw + 5vw);background-position:left center;transform-origin:left center}#section-man::before{background-image:url(/assets/images/ui/pc/v2/bg-man-hover.webp);background-position:left center;transform-origin:left center}.split-section:hover{transform:scale(1.03)}.split-section:hover::before{opacity:1}#section-woman:hover{clip-path:polygon(0 0,calc(100% - 2 * 4vw - var(--half-sep)) 0,calc(100% - var(--half-sep)) 100%,0 100%)}.split-layout-container:has(#section-woman:hover) #section-man{clip-path:polygon(calc(2 * 5vw + var(--half-sep)) 0,100% 0,100% 100%,calc(2 * 4vw + 2 * 5vw + var(--half-sep)) 100%)}#section-man:hover{clip-path:polygon(calc(var(--half-sep)) 0,100% 0,100% 100%,calc(2 * 4vw + var(--half-sep)) 100%)}.split-layout-container:has(#section-man:hover) #section-woman{clip-path:polygon(0 0,calc(100% - 2 * 4vw - 2 * 5vw - var(--half-sep)) 0,calc(100% - var(--half-sep) - 2 * 5vw) 100%,0 100%)}.hero-label{position:absolute;color:var(--color-white);text-transform:uppercase;pointer-events:none}.hero-label h2{margin:0;font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:.2em;text-shadow:5px 5px 0 rgba(0,0,0,.7)}.hero-label p{margin:0;font-size:clamp(14px,1.5vw,18px);letter-spacing:.02em;text-shadow:2px 2px 0 rgba(0,0,0,.7)}#hero-label-woman{left:2%;top:5%}#hero-label-woman h2,#hero-label-woman p{text-align:left}#hero-label-man{right:2%;bottom:5%}#hero-label-man h2,#hero-label-man p{text-align:right}@media (max-width:768px){:root{--separator-h:2vh;--half-sep:calc(var(--separator-h) / 2)}.split-section::before{display:none}.split-section:hover{transform:none}#section-man,#section-man:hover,.split-layout-container:has(#section-woman:hover) #section-man{background-image:url(/assets/images/ui/mobile/v2/bg-man.webp);clip-path:polygon(0 0,100% 0,100% calc(100% - 2 * 10vh - var(--half-sep)),0 calc(100% - var(--half-sep)));width:100%;height:calc(50% + 10vh);top:0;left:0;background-position:center;transform-origin:center}#section-woman,#section-woman:hover,.split-layout-container:has(#section-man:hover) #section-woman{background-image:url(/assets/images/ui/mobile/v2/bg-woman.webp);clip-path:polygon(0 calc(2 * 10vh + var(--half-sep)),100% var(--half-sep),100% 100%,0 100%);width:100%;height:calc(50% + 10vh);top:calc(50% - 10vh);left:0;background-position:center;transform-origin:center}.hero-label{writing-mode:vertical-rl;text-orientation:upright}.hero-label h2{letter-spacing:-.2em}#hero-label-woman{top:auto;bottom:2%;left:2%;right:auto}#hero-label-man{top:2%;bottom:auto;left:auto;right:2%}}