/* Dedicated layers keep scroll transforms independent of the story engine. */
.hero-story-art{perspective:1100px}.hero-story-art>picture>img{transform-origin:50% 65%;backface-visibility:visible}
.opening-signal{position:relative;margin-bottom:20px;isolation:isolate;max-width:440px}.opening-signal .eyebrow{font-size:8px}.opening-signal p{font-size:clamp(13px,1.3vw,18px);line-height:1.5;margin-top:8px;color:var(--ink)}.opening-signal strong{color:var(--accent);font-weight:600}.signal-bolt{position:absolute;width:100px;height:230px;right:-36px;top:-48px;z-index:-1;pointer-events:none;overflow:visible}.signal-bolt path{stroke:#fff36b;stroke-width:1.4;fill:#ffd4000a;stroke-dasharray:1;filter:drop-shadow(0 0 7px #ffd40088)}
.proof-seal-note{display:block;width:fit-content;font-size:8px;letter-spacing:.12em;color:var(--accent);border-left:2px solid var(--accent);padding:8px 12px;margin-top:16px;text-decoration:none}.proof-seal-note span{display:block;font-size:9px;color:var(--quiet);letter-spacing:0;margin-top:5px}.panel-1 .guardian-seal image{filter:drop-shadow(0 0 12px #ffd40024)}
.chess-tableau{position:relative;perspective:1100px;isolation:isolate}.tableau-float{transform-style:preserve-3d}.tableau-float>img{filter:drop-shadow(0 25px 28px #0009);transform-origin:50% 58%}.chess-tableau:before{content:'';position:absolute;inset:15% 9%;border:1px solid #c4a56b55;border-radius:50%;transform:rotateX(64deg);z-index:-1;pointer-events:none;box-shadow:0 0 55px #ffd4000d}.chess-tableau:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.chess-puzzle{box-shadow:0 22px 60px #0005,inset 0 1px #fff2;border-color:#a88c56}.chess-grid{box-shadow:0 12px 28px #0006;border:5px solid #594b32}.chess-piece{filter:drop-shadow(0 3px 1px #0008)}.chess-cell[data-last-move]{background:#9d873e;box-shadow:inset 0 0 0 2px #fff36b}.tableau-hint{letter-spacing:.18em}
.bomb-timer{position:absolute;left:50%;top:66%;translate:-50% -50%;font:600 clamp(20px,3vw,36px)/1 monospace;color:#ff644c;background:#130b0a;border:1px solid #b24835;border-radius:5px;padding:7px 12px;text-shadow:0 0 10px #ff341e99;box-shadow:0 6px 20px #0008;white-space:nowrap;pointer-events:none}
.dog-frame.cinematic-recovery{height:600px;width:min(100%,470px);max-width:none;overflow:visible;border:0;box-shadow:none;isolation:isolate;perspective:1100px;background:none}.cinematic-recovery img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.blast-sprite{z-index:0;transform:scale(.95);transform-origin:50% 70%}.dog-sprite{z-index:2;transform-origin:50% 90%;filter:drop-shadow(0 18px 12px #0008)}.blast-ring{position:absolute;inset:28% 5%;border:1px solid #ffae5c88;border-radius:50%;opacity:0;pointer-events:none}.cinema-live .blast-sprite{opacity:var(--blast,0);transform:translateY(-25px) scale(calc(.65 + var(--blast,0)*.55)) rotate(calc(var(--blast,0)*-4deg))}.cinema-live .dog-sprite{transform:translate3d(calc(var(--escape,0)*20px),calc(var(--escape,0)*24px),0) scale(calc(.86 + var(--escape,0)*.16)) rotate(calc(var(--escape,0)*-2deg))}.cinema-live .blast-ring{opacity:calc(var(--blast,0)*.35);transform:scale(calc(.6 + var(--blast,0)*1.5))}
html[data-motion=paused] .hero-story-art>picture>img,html[data-motion=paused] .tableau-float>img{transform:none!important}html[data-motion=paused] .signal-bolt path{opacity:1!important;stroke-dashoffset:0!important}
@media(max-width:780px){.opening-signal{margin-bottom:12px;max-width:300px}.opening-signal .eyebrow{font-size:7px}.signal-bolt{width:60px;height:145px;right:0;top:-28px}.proof-seal-note{font-size:7px;margin-top:10px;padding:5px 8px}.hero-story-copy .hero-note{margin-top:10px}.dog-frame.cinematic-recovery{height:490px;width:100%}.bomb-timer{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-story-art>picture>img,.tableau-float>img{transform:none!important}.signal-bolt path{opacity:1!important;stroke-dashoffset:0!important}}
.bomb-art{aspect-ratio:4/3;height:auto!important;width:100%;max-width:520px;justify-self:center}.bomb-art>img{display:block;width:100%;height:100%;object-fit:contain}.bomb-timer{left:44%;top:35%;width:25%;height:14%;padding:0;display:grid;place-items:center;font-size:clamp(17px,2.5vw,29px);rotate:10deg;border-radius:1px;box-shadow:none;color:#ffb536;text-shadow:0 0 7px #ff641b}
/* Opening and closing share one evidence-led Zeus identity. */
.hero-fall-link{font-size:10px;margin-top:16px;display:inline-block}.panel-1 .guardian-seal{filter:drop-shadow(0 10px 14px #0007)}.panel-1 .guardian-seal-shine{stroke-width:2}.proof-seal-note{border:1px solid #a88b4666;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;padding:10px 14px;background:linear-gradient(110deg,#ffd4000b,transparent)}
.zeus-closing{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:100%;padding:70px 0 45px;border-top:1px solid var(--line);margin-top:28px;isolation:isolate;scroll-margin-top:30px}.zeus-closing-copy h2{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.05em;margin-top:20px}.zeus-closing-copy h2 em{font-style:normal;color:var(--accent)}.zeus-closing-copy p{font-size:13px!important;line-height:1.9;max-width:440px;margin:24px 0!important}.zeus-closing-mark{position:relative;margin:0;width:min(100%,440px);justify-self:center;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.zeus-closing-mark img{width:65%;height:65%;object-fit:contain;filter:drop-shadow(0 16px 25px #0008)}.closing-lightning{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}.closing-lightning path{stroke:#fff36b;stroke-width:2;stroke-dasharray:1;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ffd400aa)}.closing-ring{stroke:#b1954e;stroke-width:1;stroke-dasharray:2 10;opacity:.45}.zeus-closing-mark figcaption{position:absolute;bottom:0;font-size:10px;letter-spacing:.18em;text-align:center;color:var(--accent)}.zeus-closing-mark figcaption span{display:block;font-size:9px;letter-spacing:0;color:var(--quiet);margin-top:8px}.site-footer>.brand img{width:90px;height:90px}.site-footer>.brand{gap:18px}
html[data-motion=paused] .zeus-closing-mark img{transform:none!important}html[data-motion=paused] .closing-lightning path{stroke-dashoffset:0!important;opacity:1!important}
@media(max-width:780px){.hero-fall-link{font-size:9px;margin-top:10px}.proof-seal-note{padding:6px 10px}.zeus-closing{grid-template-columns:1fr;gap:24px;padding:45px 0 35px}.zeus-closing-mark{width:min(100%,330px)}.site-footer>.brand img{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){.zeus-closing-mark img{transform:none!important}.closing-lightning path{stroke-dashoffset:0!important;opacity:1!important}}
/* Scroll energy stays on the original transparent Zeus artwork. */
.electric-field{pointer-events:none}.electric-arc{stroke:#a6d5e9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;opacity:.65;filter:drop-shadow(0 0 6px #68b7ff99)}.electric-current{stroke:#fff36b;stroke-width:3;stroke-dasharray:.035 .19;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 4px #fff36bcc)}.azop-preparation-mark rect{fill:#111317;stroke:#b69a55;stroke-width:2}.azop-preparation-mark text{fill:#f4f0e8;font-family:Manrope,sans-serif;font-size:22px;font-weight:600;letter-spacing:3px}.azop-preparation-mark text:last-child{fill:#fff36b;font-size:27px;letter-spacing:2px}.panel-4 .guardian-seal image{filter:drop-shadow(0 12px 16px #0009)}.panel-4 .guardian-seal-shine{opacity:0!important}.proof-seal-note{font-size:10px;letter-spacing:.02em}.proof-seal-note span{font-size:9px;max-width:320px}.site-footer>.brand img{width:48px;height:48px}
html[data-motion=paused] .electric-field path{stroke-dashoffset:0!important;opacity:.65!important}
@media(max-width:780px){.proof-seal-note{font-size:9px}.proof-seal-note span{font-size:8px;max-width:260px}}
@media(prefers-reduced-motion:reduce){.electric-field path{stroke-dashoffset:0!important;opacity:.65!important}}
@media(max-width:780px){.azop-preparation-mark text{font-size:30px;letter-spacing:1px}.azop-preparation-mark text:last-child{font-size:40px;letter-spacing:0}}
/* Body, shield, hand-held sword and electricity now share one moving assembly. */
.guardian-assembly{position:relative;width:100%;height:100%;transform-origin:50% 65%;transform-style:preserve-3d}.guardian-assembly>picture{display:block;width:100%;height:100%}.guardian-assembly>picture>img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}.guardian-sword{filter:drop-shadow(0 5px 6px #0006)}.chess-photo-card{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 52%}.chess-photo-card>img{display:block;width:100%;height:100%;object-fit:contain;backface-visibility:visible;filter:drop-shadow(0 24px 22px #0008)}.chess-card-rim{position:absolute;inset:8% 7%;border:1px solid #b49a5a33;transform:translateZ(-5px);pointer-events:none;border-radius:45%;box-shadow:0 0 25px #ffd4000b}.chess-tableau{perspective:1400px}.tableau-float{perspective:1400px;overflow:visible}
html[data-motion=paused] .guardian-assembly,html[data-motion=paused] .chess-photo-card{transform:none!important}html[data-motion=paused] .guardian-sword{transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.guardian-assembly,.chess-photo-card{transform:none!important}.guardian-sword{transform:none!important;opacity:1!important}}
/* Text is engraved inside the first badge's central field. */
.azop-preparation-mark rect{fill:#0f192c;stroke:#c3a85d;stroke-width:2}.azop-preparation-mark .badge-prep{font-size:17px;letter-spacing:1px;fill:#f4f0e8}.azop-preparation-mark .badge-azop{font-size:42px;letter-spacing:2px;fill:#fff36b}.azop-preparation-mark .badge-inspection{font-size:20px;letter-spacing:1px;fill:#f4f0e8}.electric-current{stroke-width:4;filter:drop-shadow(0 0 6px #fff36bcc)}.depth-front-particles{opacity:.95;mix-blend-mode:screen}
.chess-modal-open{overflow:hidden}.chess-popup{width:min(1120px,calc(100% - 32px));max-height:90svh;margin:auto;padding:clamp(18px,3vw,35px);border:1px solid #b59c60;border-radius:18px;background:#111315;color:#f4f0e8;box-shadow:0 35px 130px #000c;overflow:auto;overscroll-behavior:contain}.chess-popup::backdrop{background:#03070de3;backdrop-filter:blur(7px)}.chess-popup .chess-panel{display:grid;width:100%;padding:0;gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center}.chess-popup .chess-puzzle{width:100%;max-width:520px;justify-self:center;background:#191c20}.chess-popup-art{width:100%;max-width:440px;justify-self:center;align-self:center;perspective:1100px}.chess-popup-art img{max-height:60svh;object-fit:contain;filter:drop-shadow(0 20px 28px #0008)}.chess-popup .chess-close{border-radius:50%;width:40px;height:40px;background:#25272c;color:#f4f0e8}.chess-popup .chess-result{color:#f4f0e8}.chess-popup .chess-moves button{color:#f4f0e8}.chess-popup .chess-moves small{color:#b8b9be}.chess-popup .chess-grid{margin:18px 0}.chess-popup-art figcaption{color:#c9c5bb}.chess-popup[open]{animation:chess-popup-in .24s ease-out}
@keyframes chess-popup-in{from{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
html[data-motion=paused] .chess-popup{animation:none!important}
@media(max-width:780px){.chess-popup{width:calc(100% - 20px);max-height:94svh;padding:15px;border-radius:12px}.chess-popup .chess-panel{grid-template-columns:1fr;gap:25px}.chess-popup .chess-puzzle{padding:15px}.chess-popup-art{max-width:270px}.chess-popup-art img{max-height:36svh}.azop-preparation-mark .badge-prep{font-size:17px}.azop-preparation-mark .badge-azop{font-size:42px}.azop-preparation-mark .badge-inspection{font-size:20px}}
@media(prefers-reduced-motion:reduce){.chess-popup{animation:none!important}}
.chess-popup .chess-grid{width:100%;max-width:min(100%,38svh);margin:15px auto}.chess-popup .chess-piece{font-size:clamp(20px,2.5svh,32px)}
.chess-popup h3{color:#f4f0e8}.chess-popup .eyebrow{color:#ffd400}.chess-popup .chess-next button{color:#c9c5bb}:root[data-theme=light] .chess-popup .chess-puzzle{background:#191c20;color:#f4f0e8}

/* The blade stays attached to the raised palm; electricity follows the scroll. */
.azop-preparation-mark ellipse{fill:#0f192c;stroke:#c3a85d;stroke-width:2}
.guardian-brand image{filter:drop-shadow(0 0 10px #ffd40088)}.brand-halo{fill:#ffd40008;stroke:#fff36b;stroke-width:2;filter:drop-shadow(0 0 12px #ffd400)}.brand-current,.sword-current{fill:none;stroke:#fff36b;stroke-width:3;stroke-dasharray:1;filter:drop-shadow(0 0 7px #68caff)}
.chess-tableau,.chess-tableau .tableau-float,.chess-photo-card{transform:none!important;translate:none!important;rotate:none!important;animation:none!important}.chess-tableau:before{display:none}
.guardian-assembly{isolation:isolate}.guardian-backlight{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}.zeus-light-disc{fill:#e5b32b09;stroke:#a88f4933;stroke-width:1}.zeus-orbital{stroke:#d9b555;stroke-width:1.4;opacity:.45;transform-origin:510px 610px}.zeus-orbital ellipse{stroke-dasharray:2 30}.zeus-orbital path{stroke-dasharray:1}.zeus-wake{stroke:#a8e8ff;stroke-width:2.5;stroke-dasharray:1;opacity:.65;filter:drop-shadow(0 0 8px #6acbff)}.zeus-crown{stroke:#fff0aa;stroke-width:2;opacity:.6;filter:drop-shadow(0 0 8px #ffd40077)}.zeus-crown path{stroke-dasharray:1}.guardian-assembly>picture{filter:drop-shadow(0 18px 18px #0008)}
html[data-motion=paused] .guardian-backlight{opacity:.5}
@media(prefers-reduced-motion:reduce){.guardian-backlight{opacity:.5}.zeus-wake,.zeus-crown{filter:none}}
/* Reconstructed composition: one signal, one transfer, one protective seal. */
.azop-preparation-mark text{fill:#34220b!important;font-weight:800;paint-order:stroke fill;stroke:#fff1b84d;stroke-width:.65;letter-spacing:1.5px;filter:none}.azop-preparation-mark .badge-prep{font-size:17px!important;letter-spacing:1.8px}.azop-preparation-mark .badge-azop{font-size:32px!important;letter-spacing:4px}.azop-preparation-mark .badge-inspection{font-size:18px!important;letter-spacing:1.7px}.azop-preparation-mark defs path{stroke:none}.badge-edge-light{fill:none;stroke:#fff4be;stroke-width:1.5;stroke-dasharray:1;opacity:.45;filter:drop-shadow(0 0 5px #ffd40066)}
.guardian-aura,.guardian-orbit,.electric-field,.zeus-wake,.zeus-crown,.brand-current{display:none}.zeus-orbital ellipse{display:none}.zeus-orbital path{stroke-width:1;stroke:#c8ae70}.zeus-light-disc{fill:#d2ac4206;stroke:#9a83531a}.guardian-backlight{opacity:.65}.guardian-brand image{filter:drop-shadow(0 6px 8px #0008)!important}.brand-halo{stroke-width:1;filter:none;fill:none}.guardian-bolt{stroke-width:2}.guardian-bolt-glow{stroke-width:8;filter:blur(3px);opacity:.2!important}.guardian-shield{fill:none;filter:none;stroke-width:1}.guardian-shield-inner{opacity:.2}.guardian-discharge{opacity:.25}.guardian-sparks circle{r:2}.panel-1 .guardian-discharge{opacity:.25}.guardian-assembly{transform-style:flat}.guardian-seal{opacity:1!important}.panel-1 .guardian-seal image{filter:none}.guardian-seal-shine{stroke-width:1.5}.guardian-assembly>picture{filter:drop-shadow(0 15px 18px #0007)}
.sword-idle{transform-box:view-box;transform-origin:740px 800px}.brand-idle{transform-box:fill-box;transform-origin:center}.guardian-brand{filter:drop-shadow(0 8px 10px #0006)}
html[data-motion=running] .hero-story-panel[data-auto-active=true]:not([aria-hidden=true]) .sword-idle{animation:sword-guard-idle 6s ease-in-out infinite}
html[data-motion=running] .hero-story-panel[data-auto-active=true]:not([aria-hidden=true]) .brand-idle{animation:brand-guard-idle 5.5s ease-in-out infinite}
html[data-motion=running] .hero-story-panel[data-auto-active=true]:not([aria-hidden=true]) .guardian-backlight{animation:guardian-ambient 7s ease-in-out infinite}
html[data-motion=running] .hero-story-panel[data-auto-active=true]:not([aria-hidden=true]) .scroll-eye-art{animation:eye-guard-idle 7s ease-in-out infinite}
@keyframes sword-guard-idle{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
@keyframes brand-guard-idle{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes guardian-ambient{0%,100%{opacity:.4}50%{opacity:.8}}
@keyframes eye-guard-idle{0%,100%{translate:0 0}50%{translate:0 -4px}}
html.auto-motion-suspended .sword-idle,html.auto-motion-suspended .brand-idle,html.auto-motion-suspended .guardian-backlight,html.auto-motion-suspended .scroll-eye-art{animation-play-state:paused!important}
html[data-motion=paused] .sword-idle,html[data-motion=paused] .brand-idle,html[data-motion=paused] .scroll-eye-art{animation:none!important;transform:none!important;translate:none!important}html[data-motion=paused] .guardian-backlight{animation:none!important}
@media(prefers-reduced-motion:reduce){.sword-idle,.brand-idle,.scroll-eye-art{animation:none!important;transform:none!important;translate:none!important}.guardian-backlight{animation:none!important}}

/* Hair and mantle catch a soft breeze while the illustration stays intact. */
.zeus-breeze{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.wind-hair,.wind-cloak{fill:none;stroke:#e8d6a3;stroke-width:2.1;stroke-linecap:round;opacity:.68;filter:drop-shadow(0 0 4px #ffd56b88)}
.wind-cloak{stroke:#d4b66d;stroke-width:2.6;opacity:.65}
html[data-motion=running] .hero-story-panel[data-auto-active=true]:not([aria-hidden=true]) .wind-hair{animation:zeus-hair-breeze 4.8s ease-in-out infinite;transform-origin:600px 230px}
html[data-motion=running] .hero-story-panel[data-auto-active=true]:not([aria-hidden=true]) .wind-cloak{animation:zeus-cloak-breeze 5.6s ease-in-out infinite;transform-origin:650px 720px}
@keyframes zeus-hair-breeze{0%,100%{transform:translate(0,0) skewY(0)}50%{transform:translate(5px,-3px) skewY(-1deg)}}
@keyframes zeus-cloak-breeze{0%,100%{transform:translate(0,0) skewY(0)}50%{transform:translate(7px,2px) skewY(1.2deg)}}
html[data-motion=paused] .wind-hair,html[data-motion=paused] .wind-cloak{animation:none!important;transform:none!important}
html.auto-motion-suspended .wind-hair,html.auto-motion-suspended .wind-cloak{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.wind-hair,.wind-cloak{animation:none!important;transform:none!important}}

/* The opening Zeus is an inspector: the weapon gives way to a local review board. */
.panel-1 .guardian-sword{display:none}
.panel-1 .guardian-assembly::after{content:"";position:absolute;left:5.5%;top:17%;z-index:2;width:15%;height:18%;border:2px solid #e4c369;border-radius:5px;background:linear-gradient(135deg,#f5e7ad 0 10%,#152740 10% 13%,#f2df9d 13% 100%);box-shadow:0 8px 14px #0009,inset 0 0 0 5px #b8984d;transform:rotate(-20deg);transform-origin:60% 70%;pointer-events:none}
.panel-1 .guardian-assembly::before{content:"";position:absolute;left:10.1%;top:18.2%;z-index:3;width:4.5%;height:1.4%;border:2px solid #8c6c2a;border-radius:999px;background:#ddc46f;box-shadow:inset 0 1px #fff7c8,0 1px 3px #0008;transform:rotate(-20deg);pointer-events:none}
html[data-motion=running] .hero-story-panel.panel-1[data-auto-active=true]:not([aria-hidden=true]) .guardian-assembly::after{animation:inspection-board-breeze 5.6s ease-in-out infinite}
@keyframes inspection-board-breeze{0%,100%{rotate:-20deg;translate:0 0}50%{rotate:-18deg;translate:2px -2px}}
html[data-motion=paused] .panel-1 .guardian-assembly::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.panel-1 .guardian-assembly::after{animation:none!important}}
@media(max-width:780px){.panel-1 .guardian-assembly::before{left:10%;top:17.4%}.panel-1 .guardian-assembly::after{left:5%;top:16%;width:17%;height:20%}}