/* Nur Desktop und Tablet quer (ab 801px). Mobile liegt getrennt in mobile.css. */
.top{position:fixed;inset:0 0 auto;padding:1.6rem 1rem}
.pick{--s:9vw;display:grid;grid-template-columns:1fr 1fr;min-height:100svh;transition:grid-template-columns .6s cubic-bezier(.2,.7,.2,1)}
.pick:has(.side:first-child:hover){grid-template-columns:1.35fr 1fr}
.pick:has(.side:last-child:hover){grid-template-columns:1fr 1.35fr}
.side{padding:clamp(1.5rem,5vw,4.5rem)}
.side:first-child{clip-path:polygon(0 0,100% 0,calc(100% - var(--s)) 100%,0 100%)}
.side:last-child{margin-left:calc(var(--s) * -1);padding-left:calc(clamp(1.5rem,5vw,4.5rem) + var(--s));clip-path:polygon(var(--s) 0,100% 0,100% 100%,0 100%)}
h2{font-size:clamp(2.4rem,6vw,5.5rem)}
.foot{position:absolute;bottom:1rem;left:0;right:0;text-align:center;opacity:.6;pointer-events:none}