/* A finite, offscreen-paused sequence. Existing texture; no video or WebGL. */
main > .stone-sequence{position:relative;isolation:isolate;overflow:hidden;margin:32px auto 70px;padding:32px 4vw 28px;border-block:1px solid #92e4ff26;background:radial-gradient(ellipse at 50% 40%,#173344 0%,#0a1823 35%,#05090e 73%)!important;contain:layout paint}
.sequence-heading,.sequence-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px}
.sequence-heading{font-size:10px;font-weight:650;letter-spacing:.2em;color:#93c9df}
.sequence-heading span:last-child{color:#638394;font-size:9px}
.sequence-stage{--unit:clamp(34px,5.2vw,68px);height:470px;position:relative;perspective:1400px;perspective-origin:50% 48%;pointer-events:none}
.sequence-camera{position:absolute;left:50%;top:48%;width:calc(var(--unit)*6);height:calc(var(--unit)*3);transform:translate(-50%,-50%);transform-style:preserve-3d}
.sequence-stone{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-30deg) rotateZ(-6deg)}
.sequence-slice{position:absolute;left:calc(var(--i)*var(--unit));top:0;width:var(--unit);height:100%;transform-style:preserve-3d}
.sequence-face{position:absolute;display:block;backface-visibility:hidden;border:1px solid #b6e7ff18;background-image:url('iron-red-optimized.webp');background-size:calc(var(--unit)*6) calc(var(--unit)*3);background-position-x:calc(var(--i)*var(--unit)*-1)}
.sequence-face.front,.sequence-face.back{inset:0;transform:translateZ(var(--unit))}
.sequence-face.back{transform:rotateY(180deg) translateZ(var(--unit))}
.sequence-face.top,.sequence-face.bottom{width:100%;height:calc(var(--unit)*2);top:calc(50% - var(--unit));transform:rotateX(90deg) translateZ(calc(var(--unit)*1.5))}
.sequence-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--unit)*1.5));background-image:linear-gradient(#02131b66,#02131b66),url('iron-red-optimized.webp')}
.sequence-face.left,.sequence-face.right{height:100%;width:calc(var(--unit)*2);left:calc(var(--unit)*-.5);transform:rotateY(-90deg) translateZ(calc(var(--unit)*.5));background-image:linear-gradient(#06253766,#06253766),url('iron-red-optimized.webp')}
.sequence-face.right{transform:rotateY(90deg) translateZ(calc(var(--unit)*.5))}
.sequence-aura{position:absolute;inset:4% 15%;border-radius:50%;background:radial-gradient(ellipse,#78dfff18,transparent 65%);opacity:.6}
.sequence-orbit{position:absolute;width:80%;height:60%;left:10%;top:18%;border:1px solid #86dfff25;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 22px #78dfff03}
.sequence-orbit::before,.sequence-orbit::after{content:"";position:absolute;width:5px;height:5px;background:#a7eaff;border-radius:50%;left:17%;top:11%;box-shadow:0 0 14px #92e4ff}
.sequence-orbit::after{left:auto;top:auto;right:17%;bottom:11%;width:3px;height:3px}
.sequence-pulse{position:absolute;width:320px;height:320px;left:calc(50% - 160px);top:calc(48% - 160px);border:1px solid #b5efff;border-radius:50%;opacity:0;pointer-events:none}
.sequence-flare{position:absolute;left:5%;right:5%;top:48%;height:1px;background:linear-gradient(90deg,transparent,#80dfff,#e8fcff,#80dfff,transparent);box-shadow:0 0 18px 2px #78dfff44;opacity:0}
.sequence-footer p{font-size:clamp(20px,3vw,38px);font-weight:650;letter-spacing:-.04em;color:#7895a5;margin:0}
.sequence-footer p span{color:#e4f8ff}
.sequence-replay{border:1px solid #92e4ff33;border-radius:30px;padding:12px 18px;min-height:44px;font:inherit;font-size:11px;white-space:nowrap;color:#bfefff;background:#0b1c27;cursor:pointer;transition:border-color .2s,background .2s}
.sequence-replay span{margin-left:16px;color:#92e4ff;font-size:18px}
.sequence-replay:hover{background:#183647;border-color:#92e4ff}
.sequence-replay:disabled{opacity:.5;cursor:default}
.sequence-progress{position:absolute;bottom:0;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#335c78,#b3f2ff);opacity:0}
.viewer-controls{padding-inline:20px}
@media(max-width:600px){
 main > .stone-sequence{padding:22px 20px 24px;margin-block:20px 40px}
 .sequence-heading{font-size:8px;letter-spacing:.12em}.sequence-heading span:last-child{display:none}
 .sequence-stage{height:330px;--unit:clamp(28px,7.7vw,46px);perspective:900px}
 .sequence-footer{align-items:flex-start;flex-direction:column;gap:20px}
 .sequence-footer p{font-size:25px}.sequence-replay{padding:8px 15px}
 .sequence-orbit{width:110%;left:-5%;height:52%;top:23%}
}
@media(prefers-reduced-motion:reduce){.sequence-replay,.sequence-progress,.sequence-pulse,.sequence-flare{display:none}}