*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;background:#14110c;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}nav,footer{position:fixed;width:100%;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:2;mix-blend-mode:difference}a,p{text-decoration:none;color:#fff;font-size:12px;font-weight:400;letter-spacing:.06em}.wordmark{font-weight:600;font-size:13px;letter-spacing:.28em;text-transform:uppercase}.links{display:flex;gap:2.25em}nav{top:0}footer{bottom:0}.slider{width:100vw;height:100vh}.slide-titles{position:absolute;top:0;left:0;width:300vw;height:100vh;display:flex;pointer-events:none;z-index:2}.title{position:relative;z-index:0;flex:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1em}.active:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,100vw);height:300px;z-index:-1;background:radial-gradient(ellipse 46% 40% at 50% 50%,#0c0a0699,#0c0a064d 48%,#0c0a0600 76%);pointer-events:none}.title .idx{font-size:12px;font-weight:600;letter-spacing:.32em;color:#f6f1e74d;transition:color .25s ease,opacity .25s ease}.title h1{text-align:center;font-size:36px;font-weight:500;letter-spacing:-.02em;line-height:1.05;color:#f6f1e752;transition:color .25s ease,opacity .25s ease}.active h1{color:#f6f1e7;text-shadow:0 1px 30px rgba(10,8,5,.55)}.active .idx{color:#ce7c4c;text-shadow:0 1px 22px rgba(10,8,5,.55)}.slide-images{width:550px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:all;opacity:.92;transition:opacity .6s ease}.slide-images:hover{opacity:1}.img-top{position:absolute;width:100%;height:100%;clip-path:polygon(85% 0%,0% 0%,0% 50%,85% 50%);transition:clip-path 1s cubic-bezier(.075,.82,.165,1)}.img-bottom{position:absolute;width:100%;height:100%;clip-path:polygon(100% 50%,15% 50%,15% 100%,100% 100%);transition:clip-path 1s cubic-bezier(.075,.82,.165,1)}.slide-images:hover .img-top{clip-path:polygon(90% 0%,10% 0%,10% 50%,90% 50%)}.slide-images:hover .img-bottom{clip-path:polygon(90% 50%,10% 50%,10% 100%,90% 100%)}@media(max-width:900px){.slide-images{width:100%;height:100%;opacity:1;background-image:url(/c/modular-slider/img2.jpg);background-size:cover;background-position:center;background-color:#14110c}.img-top,.img-bottom,.slide-images:hover .img-top,.slide-images:hover .img-bottom{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.slide-images img{clip-path:none!important;transform:none!important}.title h1{opacity:0;font-size:28px}.title .idx{opacity:0}.active h1,.active .idx{opacity:1}}@media(max-width:768px){nav,footer{padding:1.5em 1.35em}a,p{font-size:11px;letter-spacing:.05em}.wordmark{font-size:12px;letter-spacing:.22em}.links{gap:1.35em}.title{gap:.85em;padding:0 1.5em}.title h1{font-size:27px;text-shadow:0 1px 34px rgba(10,8,5,.65)}.active .idx{text-shadow:0 1px 22px rgba(10,8,5,.65)}}