/* Eight rigid blocks: depth, height, then width converge on separate rails. */
.intro-landing .intro-stone-view{--cell:clamp(60px,10.6vw,138px);position:absolute;inset:0;z-index:0;pointer-events:none;perspective:1600px;opacity:0}
.intro-landing .intro-stone-view.is-ready{opacity:.86}
.intro-landing{contain:layout paint}
.intro-landing .intro-stone-view.is-offscreen{visibility:hidden}
.intro-stone-camera{position:absolute;width:calc(var(--cell)*4);height:calc(var(--cell)*2);left:50%;top:43%;transform:translate(-50%,-50%) scale(var(--scene-scale,1));transform-style:preserve-3d}
.intro-stone-assembly{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(26deg) rotateZ(-3deg) scale(1.1)}
.intro-stone-piece{position:absolute;width:calc(var(--cell)*2);height:var(--cell);left:calc(var(--col)*var(--cell)*2);top:calc(var(--row)*var(--cell));transform:translateZ(calc(var(--layer)*var(--cell) - var(--cell)*.5));transform-style:preserve-3d}
.intro-stone-face{position:absolute;display:block;backface-visibility:hidden;background-image:linear-gradient(#03152333,#03152333),url('wonder-grey-original.webp?v=119');background-size:calc(var(--cell)*4) calc(var(--cell)*2);background-position:calc(var(--col)*var(--cell)*-2) calc(var(--row)*var(--cell)*-1);border:1px solid #b7e5ff15}
.intro-stone-face.front,.intro-stone-face.back{inset:0;transform:translateZ(calc(var(--cell)*.5))}
.intro-stone-face.back{transform:rotateY(180deg) translateZ(calc(var(--cell)*.5))}
.intro-stone-face.top,.intro-stone-face.bottom{width:100%;height:var(--cell);top:0;transform:rotateX(90deg) translateZ(calc(var(--cell)*.5))}
.intro-stone-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--cell)*.5))}
.intro-stone-face.left,.intro-stone-face.right{width:var(--cell);height:100%;left:calc(var(--cell)*.5);transform:rotateY(-90deg) translateZ(var(--cell));background-image:linear-gradient(#00131c77,#00131c77),url('wonder-grey-original.webp?v=119')}
.intro-stone-face.right{transform:rotateY(90deg) translateZ(var(--cell))}
.intro-stone-halo{position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(ellipse,#82deff24,transparent 64%);opacity:.55}
.intro-stone-light{position:absolute;width:1px;height:60%;left:50%;top:15%;background:linear-gradient(transparent,#dbf8ff,transparent);box-shadow:0 0 26px 4px #94e6ff55;opacity:0}
.intro-stone-shadow{position:absolute;left:25%;right:25%;top:64%;height:8%;border-radius:50%;background:#000;filter:blur(22px);opacity:.45}
.intro-landing .intro-mark{position:relative;width:min(62vw,640px);z-index:2;pointer-events:none;animation:none!important;filter:drop-shadow(0 3px 18px #000)!important}
.intro-replay{position:absolute;right:40px;bottom:40px;z-index:3;min-height:44px;padding:10px 16px;border:1px solid #92e4ff30;border-radius:30px;background:#071622b3;color:#bfefff;font:inherit;font-size:10px;letter-spacing:.08em;cursor:pointer}
.intro-replay:hover{background:#183647;border-color:#92e4ff}.intro-replay:disabled{opacity:.4;cursor:default}
.intro-replay:focus-visible{outline:2px solid #a7eaff;outline-offset:4px}
.intro-landing .intro-mark::before,.intro-landing .intro-mark::after{display:none}
.intro-landing .intro-mark{will-change:auto}
.intro-landing .intro-mark img{animation:none!important}
.intro-landing .intro-scroll{z-index:3;text-shadow:0 2px 10px #000;background:#071622b3;border:1px solid #92e4ff24;border-radius:30px;padding:14px 22px}
@media(max-width:600px){.intro-landing .intro-stone-view{--cell:clamp(46px,13vw,78px);perspective:1100px}.intro-stone-camera{top:42%}.intro-landing .intro-stone-view.is-ready{opacity:.78}.intro-landing .intro-mark{width:84vw}.intro-replay{right:50%;transform:translateX(50%);bottom:26px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.intro-stone-light,.intro-replay{display:none}}