.lookbook{position:relative;height:620vh;background:#050506}.lookbook .pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3vh,34px);padding-top:64px}.lookbook .head{text-align:center;z-index:5;pointer-events:none}.lookbook .head h2{font-size:clamp(34px,5vw,72px);margin:.1em 0 0}.lookbook .stage{position:relative;height:min(50vh,540px);flex:none;perspective:1600px;perspective-origin:50% 50%}.lookbook .rig{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform}.lookbook .card{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:4/5;margin:0;transform-style:preserve-3d;cursor:pointer;will-change:transform,filter;border-radius:3px}.lookbook .card .ph{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:3px;background:#000;box-shadow:0 40px 80px -30px #000000e6,0 0 0 1px #ffffff0f}.lookbook .card img{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;max-width:none;object-fit:cover;will-change:transform}.lookbook .card .gl{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .6s;background:radial-gradient(40% 35% at var(--gx,50%) var(--gy,30%),rgba(255,236,210,.18),rgba(255,236,210,0) 70%)}.lookbook .card.on .gl{opacity:1}.lookbook .cap{text-align:center;z-index:5}.lookbook .cap .n{font:500 12px var(--body);letter-spacing:.3em;color:var(--mute)}.lookbook .cap h3{margin:.35em 0 .2em;font:400 clamp(24px,3vw,38px)/1 var(--head);letter-spacing:.04em;text-transform:uppercase;transition:opacity .4s}.lookbook .cap p{margin:0;color:#c9c9cf;font-size:14px;transition:opacity .4s}.lookbook .dots{display:flex;gap:8px;justify-content:center;margin-top:14px}.lookbook .dots i{width:22px;height:2px;background:#ffffff2e;transition:background .4s,width .4s}.lookbook .dots i.on{background:var(--ink);width:38px}@media(max-width:760px){.lookbook .stage{height:48vh}}.depth{position:relative;height:260vh;background:radial-gradient(120% 70% at 50% 100%,#15120f,#050506 60%)}.depth .pin{position:sticky;top:0;height:100vh;overflow:hidden;perspective:1400px;perspective-origin:50% 40%}.depth .lay{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform;pointer-events:none}.depth .word{position:absolute;left:50%;top:44%;width:118vw;transform:translate(-50%,-50%);color:#eceae412}.depth .word svg,.depth .word .logo{width:100%;height:auto;display:block;color:#eceae413!important;fill:currentColor}.depth .fig{position:absolute;bottom:0;transform-origin:50% 100%;will-change:transform,filter}.depth .fig .in{position:relative;height:100%;display:inline-block}.depth .fig img{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.65))}.depth .fig .floor{position:absolute;left:50%;bottom:-2.5%;width:80%;height:5%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,#000000d9,#0000 70%);z-index:-1}.depth .f1{height:90vh;left:0;right:0;text-align:center}.depth .f2{height:64vh;left:4%}.depth .f3{height:74vh;right:-2%}.depth .front{position:absolute;left:clamp(16px,5vw,80px);bottom:8vh;max-width:min(38vw,520px);text-align:left;z-index:30}.depth .front h2{font-size:clamp(40px,5.6vw,92px);line-height:.92;margin:0;letter-spacing:.01em;text-shadow:0 10px 40px rgba(0,0,0,.7)}.depth .front p{margin:14px 0 0;max-width:360px;color:#c9c9cf}.depth .glow{position:absolute;left:50%;top:18%;width:60vw;height:60vw;transform:translate(-50%);background:radial-gradient(closest-side,#ffd6aa1f,#ffd6aa00);pointer-events:none}@media(max-width:760px){.depth .f1{height:68vh}.depth .f2{height:44vh;left:-12%}.depth .f3{height:50vh;right:-14%}.depth .front{max-width:none;right:16px;bottom:4vh}.depth .front h2{font-size:12vw}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/sore-3d.css.map */