#deepQuestions.sg-active>.deep-wrap{display:none!important}#sixthGateRitual[hidden]{display:none!important}.sg-ritual{max-width:820px;margin:0 auto;padding:22px 15px 65px;text-align:center;color:#ebd9ff;font-family:Georgia,serif}.sg-ritual h2{font-size:clamp(30px,7vw,55px);letter-spacing:.12em;margin:18px 0}.sg-kicker{letter-spacing:.24em;color:#c8a9e8;font:12px Arial,sans-serif}.sg-description{line-height:1.65;font-size:clamp(16px,3.7vw,21px);max-width:610px;margin:16px auto 28px}.sg-scene{position:relative;border:2px solid #9366bd;border-radius:28px;background:radial-gradient(ellipse at 50% 55%,#5a287e 0%,#22132e 47%,#090710 95%);box-shadow:inset 0 0 65px #50216c,0 0 35px #5d258966;overflow:hidden;padding:34px 10px 30px;min-height:420px}.sg-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12%,#bd8cff0a 12.4% 12.8%,transparent 13.1% 23%);pointer-events:none}.sg-locks{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1.2vw,12px);max-width:620px;margin:4px auto 35px}.sg-lock{height:clamp(65px,16vw,110px);border:2px solid #9876b2;border-radius:35px 35px 9px 9px;display:grid;place-items:center;font-size:clamp(21px,5vw,36px);background:#20132e;color:#c8a8e0;transition:all .8s}.sg-lock.lit{background:linear-gradient(145deg,#643a96,#2b1548);color:#fff2c8;box-shadow:0 0 24px #b475ff, inset 0 0 20px #b880ff77}.sg-lock.last{border-color:#d4b6f5}.sg-lock.last.lit{box-shadow:0 0 35px #e1b6ff,0 0 70px #a14bff}.sg-key{position:relative;display:block;width:clamp(100px,28vw,175px);height:clamp(155px,39vw,245px);object-fit:contain;margin:0 auto;filter:drop-shadow(0 0 18px #d29aff);animation:sg-float 3.6s ease-in-out infinite;cursor:pointer;touch-action:manipulation}.sg-key:focus-visible,.sg-final:focus-visible{outline:3px solid white}.sg-key.sg-moving{animation:sg-turn 1.4s ease-in-out forwards}.sg-key.sg-complete{filter:drop-shadow(0 0 30px #f8dbff)}@keyframes sg-float{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes sg-turn{40%{transform:translateY(-22px) rotate(80deg) scale(1.12)}100%{transform:translateY(-50px) rotate(180deg) scale(.8)}}.sg-beam{height:3px;width:0;background:#f4d5ff;margin:0 auto;box-shadow:0 0 20px #dd9bff;transition:width 1.3s}.sg-beam.active{width:90%}.sg-status{font:15px/1.6 Arial,sans-serif;color:#e6c9f8;min-height:55px;margin:17px 10px}.sg-final{display:inline-block;background:linear-gradient(120deg,#532c77,#8d4ab7);color:#fff1fc;border:1px solid #e2baff;border-radius:14px;padding:17px 22px;font:600 15px Arial,sans-serif;letter-spacing:.09em;box-shadow:0 0 25px #b46aff88;cursor:pointer}.sg-final[hidden]{display:none}.sg-ritual.sg-open .sg-scene{box-shadow:inset 0 0 95px #a95bda,0 0 65px #bd78f588}.sg-ritual.sg-open .sg-lock{animation:sg-pulse 1.8s ease-in-out infinite alternate}@keyframes sg-pulse{to{filter:brightness(1.35)}}@media(max-width:420px){.sg-ritual{padding:15px 8px 45px}.sg-scene{min-height:370px;padding:30px 7px}.sg-locks{gap:4px}}
/* V7.17: ornate vector padlocks, not arch-shaped placeholders */
.sg-locks{gap:clamp(2px,.8vw,9px);align-items:end}.sg-lock{height:auto;aspect-ratio:90/122;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;display:block;overflow:visible;min-width:0}.sg-lock.lit{box-shadow:none!important}.sg-padlock{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px #b778fa)}.sg-lock.lit .sg-padlock{filter:drop-shadow(0 0 9px #b77cff) drop-shadow(0 0 3px #ffe8ff)}.sg-lock.last:not(.lit) .sg-padlock{filter:grayscale(.5) brightness(.65)}.sg-shackle{transform-box:fill-box;transform-origin:20% 85%;transition:transform 1.15s cubic-bezier(.2,.8,.2,1)}.sg-lock.lit .sg-shackle{transform:translate(-6px,-12px) rotate(-27deg)}.sg-lock.last.lit .sg-padlock{animation:sg-lock-glow 1.6s ease-in-out infinite alternate}@keyframes sg-lock-glow{to{filter:drop-shadow(0 0 18px #f2ceff) drop-shadow(0 0 9px #b66cff)}}@media(max-width:420px){.sg-locks{gap:2px}}

/* V7.18 cinematic sixth padlock */
.sg-scene{min-height:530px;background:radial-gradient(ellipse at 50% 58%,#45205d 0%,#190e2a 53%,#080710 100%);isolation:isolate}
.sg-scene:after{content:"";position:absolute;inset:17% 8% 12%;border:1px solid #9e6dc055;border-radius:48% 48% 12% 12%;background:repeating-radial-gradient(ellipse at center,transparent 0 26px,#b37dff0b 27px 29px,transparent 30px 65px);box-shadow:inset 0 0 60px #a04bcb22;pointer-events:none;z-index:-1}
.sg-locks{z-index:4;margin-bottom:125px;overflow:visible}.sg-lock{position:relative;z-index:2}.sg-lock.last{z-index:9;transform-origin:center center;transition:filter .6s}
.sg-key{z-index:7;transition:opacity .6s}.sg-beam{position:relative;z-index:3}.sg-status,.sg-final{position:relative;z-index:5}
.sg-ritual.sg-awakening .sg-lock.last{animation:sg-descend 1.25s cubic-bezier(.22,.8,.25,1) forwards;filter:drop-shadow(0 0 20px #eac7ff)}
.sg-ritual.sg-awakening .sg-lock.lit:not(.last){animation:sg-donor 1.5s ease-in-out 2 alternate}
.sg-ritual.sg-awakening .sg-scene{animation:sg-scene-awake 2.2s ease-in-out forwards}
.sg-ritual.sg-awakening .sg-key.sg-moving{animation:sg-key-ascend 2.2s ease-in-out forwards}
.sg-ritual.sg-burst .sg-lock.last{animation:sg-return 1.3s cubic-bezier(.15,.75,.2,1) forwards}
.sg-ritual.sg-burst .sg-scene:before{background:radial-gradient(circle at 50% 45%,#f5d4ff99 0%,#b26eff55 17%,transparent 52%);animation:sg-flash 1.2s ease-out forwards;z-index:3}
.sg-ritual.sg-burst .sg-key{opacity:.85}
@keyframes sg-descend{0%{transform:translate(0,0) scale(1)}65%{transform:translate(-220%,130%) scale(2.8)}100%{transform:translate(-220%,155%) scale(3.2)}}
@keyframes sg-return{from{transform:translate(-220%,155%) scale(3.2)}to{transform:translate(0,0) scale(1)}}
@keyframes sg-donor{50%{filter:drop-shadow(0 0 23px #f8cfff) brightness(1.6)}}
@keyframes sg-scene-awake{50%{box-shadow:inset 0 0 105px #a65ed6,0 0 65px #a25bdb99}}
@keyframes sg-key-ascend{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}60%{transform:translateY(-55px) rotate(55deg) scale(.85);opacity:1}100%{transform:translateY(-105px) rotate(170deg) scale(.35);opacity:.25}}
@keyframes sg-flash{0%{opacity:1}100%{opacity:0}}
@media(max-width:600px){.sg-scene{min-height:490px}.sg-locks{margin-bottom:115px}}
@media(prefers-reduced-motion:reduce){.sg-ritual.sg-awakening .sg-lock.last,.sg-ritual.sg-burst .sg-lock.last,.sg-ritual.sg-awakening .sg-key.sg-moving{animation-duration:.01ms}}
/* V7.19: The sixth lock stays as the illuminated centerpiece after opening. */
.sg-ritual.sg-burst .sg-lock.last{animation:sg-final-center 1.15s cubic-bezier(.18,.8,.2,1) forwards!important;filter:drop-shadow(0 0 20px #f2c8ff) drop-shadow(0 0 36px #9d4cff)}
@keyframes sg-final-center{from{transform:translate(-220%,155%) scale(3.2)}to{transform:translate(-220%,155%) scale(3.2)}}
.sg-ritual.sg-open .sg-lock.last .sg-padlock{animation:sg-center-aura 2.4s ease-in-out infinite alternate}
@keyframes sg-center-aura{from{filter:drop-shadow(0 0 7px #c58aff)}to{filter:drop-shadow(0 0 19px #f2d5ff) drop-shadow(0 0 26px #9c43ff)}}
@media(prefers-reduced-motion:reduce){.sg-ritual.sg-burst .sg-lock.last{animation:none!important;transform:translate(-220%,155%) scale(3.2)}}

/* V7.20: intricate gothic vector padlocks, existing cinematic unlock preserved */
.sg-locks{max-width:690px;gap:clamp(1px,.6vw,7px)}
.sg-lock{aspect-ratio:100/136}
.sg-padlock{overflow:visible;filter:drop-shadow(0 0 5px #a451ef) drop-shadow(0 0 2px #eed1ff)}
.sg-lock.lit .sg-padlock{filter:drop-shadow(0 0 10px #b766ff) drop-shadow(0 0 5px #eed1ff)}
.sg-lock.last:not(.lit) .sg-padlock{filter:brightness(.65) drop-shadow(0 0 4px #7942ab)}
.sg-lock.lit .sg-shackle{transform:translate(-5px,-11px) rotate(-24deg)}
.sg-scene{background:radial-gradient(ellipse at 50% 54%,#512069 0%,#170b29 58%,#070511 100%)}
@media(max-width:480px){.sg-locks{gap:1px}.sg-scene{padding-left:6px;padding-right:6px}}

/* V7.21: Original cathedral art, uncropped and unaltered; interactive SVG locks remain separate. */
.sg-scene{background-color:#090511!important;background-image:url("sixth-gate-cathedral-v721.png")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;min-height:680px;isolation:isolate}
.sg-scene:before,.sg-scene:after{display:none!important}
@media(min-width:700px){.sg-scene{min-height:950px}}
@media(max-width:480px){.sg-scene{min-height:570px}}

/* V7.22 — intricate isolated padlocks; retain existing cinematic choreography */
.sg-lock{aspect-ratio:1/1.18!important;position:relative;overflow:visible!important}
.sg-padlock.sg-ornate{display:block;position:relative;width:100%;height:100%;overflow:visible}
.sg-ornate img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.sg-ornate-shackle{transform-origin:34% 36%!important;transition:transform 1.15s cubic-bezier(.2,.8,.2,1);z-index:1}
.sg-ornate-body{z-index:2;filter:drop-shadow(0 0 3px #a95cff)}
.sg-lock.lit .sg-ornate-shackle{transform:translate(-4%,-11%) rotate(-28deg)!important}
.sg-lock.last:not(.lit) .sg-ornate-shackle{transform:none!important}
.sg-lock.last:not(.lit) .sg-padlock{filter:brightness(.76) drop-shadow(0 0 6px #a34bff)!important}
.sg-lock.lit .sg-padlock{filter:drop-shadow(0 0 9px #b766ff) drop-shadow(0 0 3px #f4d6ff)}
.sg-ritual.sg-open .sg-lock.last .sg-padlock{animation:sg-center-aura 2.4s ease-in-out infinite alternate}
/* V7.23: controlled hinged shackle. The ornate shackle is a single uncut layer;
   its left foot remains anchored to the lock body while the right foot lifts. */
.sg-ornate-shackle{transform-origin:36% 35%!important;transform:rotate(0deg)!important;transition:transform 1.35s cubic-bezier(.18,.72,.22,1)!important;will-change:transform}
.sg-lock.lit .sg-ornate-shackle{transform:rotate(-17deg)!important}
.sg-lock.last:not(.lit) .sg-ornate-shackle{transform:rotate(0deg)!important}
.sg-lock.last:not(.lit) .sg-padlock{filter:brightness(.82) drop-shadow(0 0 5px #aa5aff)!important}
.sg-lock.last.lit .sg-ornate-shackle{transform:rotate(-17deg)!important}

/* V7.24: two complete, matching artwork states; no shackle cutting or rotation. */
.sg-v724{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
.sg-v724 img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.sg-v724 .sg-v724-open{opacity:0;transition:opacity .8s ease;z-index:2}
.sg-v724 .sg-v724-closed{opacity:1;transition:opacity .8s ease;z-index:1}
.sg-lock.lit .sg-v724 .sg-v724-open{opacity:1!important}
.sg-lock.lit .sg-v724 .sg-v724-closed{opacity:0!important}
.sg-lock.last:not(.lit) .sg-v724{filter:brightness(.9) drop-shadow(0 0 8px #a34bff)}
.sg-lock.last.lit .sg-v724{filter:drop-shadow(0 0 15px #e7baff)}

/* V7.25 — cinematic revelation beneath the opened central lock */
.sg-revelation{position:absolute;z-index:4;left:7%;right:7%;bottom:10%;margin:0 auto;max-width:650px;padding:14px 12px;color:#f5e5ff;font:italic clamp(15px,2.8vw,23px)/1.55 Georgia,serif;text-align:center;text-shadow:0 0 12px #a44bff,0 2px 14px #11051e;background:linear-gradient(90deg,transparent,#160b29ad 16%,#160b29ad 84%,transparent);opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity 1.4s ease .25s,transform 1.4s ease .25s}
.sg-ritual.sg-open .sg-revelation{opacity:1;transform:translateY(0)}
@media(max-width:480px){.sg-revelation{left:5%;right:5%;bottom:8%;font-size:clamp(13px,3.7vw,17px);line-height:1.45;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.sg-revelation{transition:none}}