/* KALA 细节段：相机慢慢滑过每个细节，最后手表慢慢拆开（照片切层，真的 3D） */
#detail{position:relative;height:750vh;background:#0A0907}
.d-pin{position:sticky;top:0;height:100vh;overflow:hidden;background:#0A0907}
.d-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#10291F,#0B110E 58%,#0A0907)}
.d-rig,.d-exp{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.d-rig img,.d-exp img,.d-rig svg,.d-exp svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.d-rig svg,.d-exp svg{overflow:visible;pointer-events:none}
.d-fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%)}
.d-sheen{position:absolute;left:50.05%;top:46.39%;width:60.4%;aspect-ratio:2/3;height:auto;border-radius:50%;pointer-events:none}
.d-exp{transform-style:preserve-3d;opacity:0}
.d-exp>*{transform-style:flat;will-change:transform}
.d-glass{position:absolute;border-radius:50%;opacity:0;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.34),rgba(255,255,255,.05) 34%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.14) 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.42),inset 0 0 40px rgba(255,255,255,.14)}
.d-a{position:absolute;width:1px;height:1px}
.d-over{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.d-over line{fill:none;stroke:#F3D9A8;stroke-width:1.5;vector-effect:non-scaling-stroke}
/* 拆开 */
.d-big{position:absolute;left:52px;top:112px;opacity:0;font:300 clamp(52px,5.5vw,92px)/.95 var(--serif);letter-spacing:-.035em;color:#FBF4E4;pointer-events:none}
.d-big em{font-style:italic;color:#EFC98C}
.d-lab{position:absolute;left:0;top:0;opacity:0;font:700 20px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#FFFDF7;white-space:nowrap;pointer-events:none}
.d-lab i{display:block;font:500 17px var(--sans);font-style:normal;letter-spacing:.01em;text-transform:none;color:rgba(255,250,238,.88);margin-top:5px}
.d-lines line{opacity:0;stroke:rgba(243,217,168,.95);stroke-width:1.6}
.d-lines circle{opacity:0;fill:#F3D9A8;stroke:none}
@media (max-width:760px){
  .d-big{left:20px;top:76px;font-size:38px}
  .d-lab{font-size:11px;letter-spacing:.08em}.d-lab i{display:none}
}