.clcover{overscroll-behavior-x:contain;touch-action:pan-x;width:100vw;height:100vh;position:relative;overflow:hidden}.clcover-track{position:absolute;top:0;bottom:0;left:0;right:0}.clcover-slide{opacity:0;pointer-events:none;grid-template-columns:24vw 1fr;transition:opacity .5s,transform .5s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.98)}.clcover-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}.clcover-left{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000;position:relative}.clcover-text{color:#fff;opacity:0;padding:2vw 1.5vw;transition:transform .7s,opacity .7s;position:absolute;top:50%;left:0;transform:translate(-80%,-50%)}.clcover-slide.is-active .clcover-text{opacity:1;transform:translateY(-50%)}.clcover-title{margin:0 0 .4rem;font-size:max(24px,min(3vw,44px))}.clcover-subtitle{margin:0 0 .6rem;font-size:max(16px,min(2vw,24px))}.clcover-description{margin:0;font-size:max(14px,min(1.4vw,18px))}.clcover-right{position:relative}.clcover-image{object-fit:cover}.clcover-nav{z-index:5;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.clcover-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;cursor:pointer;background:rgba(0,0,0,.5);border:0;border-radius:8px;width:64px;height:64px;font-size:28px;transition:transform .16s,background .16s,opacity .16s}.clcover-btn:hover:not(:disabled){background:rgba(0,0,0,.65);transform:translateY(-1px)}.clcover-btn:disabled{opacity:.4;cursor:default}@media (max-width:820px){.clcover{touch-action:pan-y;overscroll-behavior-y:contain;height:auto}.clcover-track{position:static}.clcover-slide{opacity:1;pointer-events:auto;grid-template-rows:auto auto;grid-template-columns:1fr;margin-bottom:0;display:grid;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.clcover-text{opacity:1;padding:4vw 6vw;position:relative;top:auto;transform:none}.clcover-slide.is-active .clcover-text{transform:none}.clcover-right{position:relative}.clcover-image{object-fit:contain;width:100%;height:auto;position:static}.clcover-vimage{object-fit:contain;width:100%;height:auto;display:block;position:static}.clcover-btn{width:48px;height:48px;font-size:20px}.clcover-vtext{padding:2rem}}.clcover--vertical{touch-action:pan-y;overscroll-behavior-y:contain;height:auto}.clcover--vertical .clcover-track{position:static}.clcover--vertical .clcover-slide{opacity:1;pointer-events:auto;grid-template-rows:auto auto;grid-template-columns:1fr;display:grid;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.clcover--vertical .clcover-text{opacity:1;padding:4vw 6vw;position:relative;top:auto;transform:none}.clcover--vertical .clcover-slide.is-active .clcover-text{transform:none}.clcover--vertical .clcover-right{position:relative}.clcover--vertical .clcover-image,.clcover--vertical .clcover-vimage{object-fit:contain;width:100%;height:auto;position:static}.clcover--vertical .clcover-btn{width:48px;height:48px;font-size:20px}@media (max-width:520px){.clcover--vertical .clcover-slide{grid-template-rows:auto auto}.clcover--vertical .clcover-btn{width:44px;height:44px;font-size:18px}}@media (max-width:420px){.clcover--vertical .clcover-slide{grid-template-rows:auto auto}.clcover--vertical .clcover-btn{width:40px;height:40px;font-size:16px}}
