.works-pin-wrap{height:600vh;position:relative;background:linear-gradient(160deg,#14090200 0%,#1c0d03 40%,#160a02 100%);background-color:#160a02;border-top:none}.works-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.works-img-container{position:absolute;width:86vw;height:78vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;transition:filter 1.2s ease,opacity 1.2s ease,transform 1.2s ease;background-color:#bf905c;background-image:repeating-linear-gradient( 0deg,rgba(80,40,10,0.04) 0px,rgba(80,40,10,0.04) 1px,transparent 1px,transparent 9px ),repeating-linear-gradient( 92deg,rgba(60,30,5,0.03) 0px,rgba(60,30,5,0.03) 1px,transparent 1px,transparent 14px ),repeating-linear-gradient( 168deg,rgba(40,20,0,0.025) 0px,rgba(40,20,0,0.025) 1px,transparent 1px,transparent 22px ),radial-gradient(ellipse 60% 55% at 50% 50%,#cba06e 0%,#b07840 55%,#a06830 100%);border:12px solid #5c3810;border-radius:4px;box-shadow:0 0 0 1px #3d2408,0 0 0 2px #7a5020,0 0 0 3px #3d2408,0 32px 80px rgba(0,0,0,0.70),inset 0 0 60px rgba(0,0,0,0.18);overflow:visible}.works-img-container::before{content:'';position:absolute;inset:-12px;background:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 42%,rgba(0,0,0,0.30) 100%);pointer-events:none;z-index:0;border-radius:4px}.works-img-container::after{content:'';position:absolute;inset:-12px;border:1px solid rgba(255,200,120,0.08);border-radius:4px;pointer-events:none;z-index:0}.works-img-container.blurred{filter:blur(12px);opacity:.12;transform:translate(-50%,-50%) scale(1.5)}.scatter-item{position:absolute;top:50%;left:50%;width:clamp(140px,14vw,210px);opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(0.2);transition:opacity .70s cubic-bezier(.34,1.56,.64,1),transform .70s cubic-bezier(.34,1.56,.64,1);z-index:4;background:#fff;padding:7px 7px 28px;border-radius:2px;box-shadow:0 4px 10px rgba(0,0,0,0.35),0 10px 30px rgba(0,0,0,0.28),0 20px 50px rgba(0,0,0,0.18),inset 0 0 0 1px rgba(0,0,0,0.06)}.scatter-pin{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;z-index:10;background:radial-gradient(circle at 38% 35%,#e84040,#a01818);box-shadow:0 2px 6px rgba(0,0,0,0.50),0 0 0 2px rgba(255,255,255,0.18) inset}.scatter-pin::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:2px;height:12px;background:linear-gradient(to bottom,rgba(60,60,60,0.7),rgba(60,60,60,0.2));border-radius:0 0 2px 2px}.scatter-item:nth-child(3n+1) .scatter-pin{background:radial-gradient(circle at 38% 35%,#e84040,#a01818)}.scatter-item:nth-child(3n+2) .scatter-pin{background:radial-gradient(circle at 38% 35%,#4080e8,#1840a0)}.scatter-item:nth-child(3n) .scatter-pin{background:radial-gradient(circle at 38% 35%,#40c870,#188040)}.scatter-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1px}.works-text-overlay{position:absolute;left:0;right:0;top:50%;z-index:10;text-align:center;pointer-events:none;opacity:0;transform:translateY(calc(-50% + 40px)) scale(.9);transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1)}.works-text-overlay.visible{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.works-text-overlay h2{font-family:'Playfair Display',serif;font-size:clamp(3rem,6.5vw,6.5rem);color:rgba(255,255,255,0.95);line-height:1.1;font-weight:300;text-shadow:0 4px 24px rgba(0,0,0,0.65),0 0 80px rgba(180,120,40,0.18)}.works-text-overlay em{font-style:italic;color:#f0c85a}@media (max-width:768px){.works-pin-wrap{height:auto;min-height:100svh}.works-sticky{position:relative;height:100svh}.works-img-container{width:90vw;height:72vh;border-width:8px}.works-img-container::before{background:radial-gradient(ellipse 80% 75% at 50% 50%,transparent 30%,rgba(0,0,0,0.22) 100%)}.scatter-item{width:clamp(70px,13vw,110px);padding:5px 5px 20px;transition:opacity 0.4s ease,transform 0.4s ease}.scatter-pin{width:14px;height:14px;top:-8px}.scatter-pin::after{height:9px;bottom:-8px}.works-text-overlay h2{font-size:2.5rem;padding:0 5vw}}@media (max-width:480px){.works-img-container{width:94vw;height:68vh;border-width:6px}.works-img-container::before{background:radial-gradient(ellipse 90% 82% at 50% 50%,transparent 25%,rgba(0,0,0,0.18) 100%)}.scatter-item{width:clamp(60px,14vw,90px);padding:4px 4px 16px}.scatter-pin{width:12px;height:12px;top:-7px}.scatter-pin::after{height:8px;bottom:-7px}.works-text-overlay h2{font-size:clamp(1.8rem,7vw,2.4rem);padding:0 6vw}}