/* Signature motion: all layers are decorative and leave native navigation intact. */
.brand-title{position:relative;isolation:isolate}.logo-fragments{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.brand-title.logo-running>img{opacity:0}.hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 68% 40%,#91ecff40,transparent 58%);mix-blend-mode:screen;opacity:0}.hero.harmony-awake::after{animation:harmony-dawn 2.8s ease-out both}@keyframes harmony-dawn{0%{opacity:0;transform:scale(.65)}25%{opacity:.9}100%{opacity:0;transform:scale(1.3)}}
.harmony-host{position:relative;isolation:isolate}.harmony-roots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1;color:#70dce8;opacity:.7}.harmony-root-base{fill:none;stroke:currentColor;stroke-width:.7;opacity:.2}.harmony-root-pulse{fill:none;stroke:currentColor;stroke-width:1.7;stroke-dasharray:55 945;filter:drop-shadow(0 0 5px #64dcf0);animation:root-current 7s linear infinite;animation-delay:var(--delay)}.harmony-root-node{fill:#d4ffff;filter:drop-shadow(0 0 8px #55e5ff);animation:root-node 4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes root-current{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes root-node{0%,100%{opacity:.2;r:2}50%{opacity:.9;r:4}}
.story-card:nth-child(2) .story-img{position:relative;overflow:hidden}.corruption-shard{position:absolute;inset:0;background-size:cover;pointer-events:none;opacity:0}.corruption-visible .corruption-shard{animation:crystus-fracture 8s infinite}.corruption-shard:nth-of-type(2){animation-delay:.17s;mix-blend-mode:screen}@keyframes crystus-fracture{0%,76%,86%,100%{opacity:0;transform:translateX(0);clip-path:inset(40% 0 45%)}78%{opacity:.65;transform:translateX(9px);clip-path:inset(25% 0 67%);filter:hue-rotate(32deg)}80%{opacity:.4;transform:translateX(-7px);clip-path:inset(64% 0 19%)}83%{opacity:.55;transform:translateX(5px);clip-path:inset(44% 0 43%)}}
.pixel-passage{position:relative;margin:0 0 64px;aspect-ratio:16/8;overflow:hidden;border:1px solid #92deeb45;background:#0b1928;box-shadow:0 30px 100px #0005}.pixel-passage>img{width:100%;height:100%;object-fit:cover;display:block}.pixel-passage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.passage-edge{position:absolute;top:0;bottom:0;width:2px;background:#d1ffff;box-shadow:0 0 15px 3px #65dcec,0 0 70px 12px #71e8ff88;pointer-events:none;left:var(--front,0%);opacity:var(--edge,0)}.passage-labels{position:absolute;inset:auto 24px 20px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px #000}.passage-labels span{background:#081624ca;padding:8px 12px;border:1px solid #c0e8eb40}.pixel-passage::after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#081624aa);pointer-events:none}.passage-labels{z-index:2}
.roots-visual::after{content:'';position:absolute;inset:15%;border:1px solid #80e5f977;border-radius:50%;box-shadow:0 0 35px #70eafa30,inset 0 0 30px #70eafa20;pointer-events:none;animation:harmony-breath 6s ease-in-out infinite}.roots-visual{position:relative}@keyframes harmony-breath{0%,100%{opacity:.25;transform:scale(.83) rotate(-15deg)}50%{opacity:.8;transform:scale(1.12) rotate(15deg)}}
.harmony-host:not(.harmony-in-view) .harmony-root-pulse,.harmony-host:not(.harmony-in-view) .harmony-root-node{animation-play-state:paused}.motion-paused .harmony-root-pulse,.motion-paused .harmony-root-node,.motion-paused .corruption-shard,.motion-paused .roots-visual::after{animation:none!important}.motion-paused .corruption-shard{opacity:0}.motion-paused .logo-fragments{display:none}.motion-paused .brand-title>img{opacity:1}.motion-paused .pixel-passage canvas,.motion-paused .passage-edge{display:none}
@media(max-width:600px){.pixel-passage{aspect-ratio:4/3;margin-bottom:36px}.passage-labels{inset:auto 10px 12px;gap:8px;font-size:8px;letter-spacing:.07em}.passage-labels span{padding:7px}.harmony-roots{opacity:.45}.corruption-shard{display:none}}
@media(prefers-reduced-motion:reduce){.logo-fragments,.pixel-passage canvas,.passage-edge,.corruption-shard{display:none!important}.brand-title>img{opacity:1!important}.harmony-root-pulse,.harmony-root-node,.roots-visual::after{animation:none!important}.hero::after{display:none}}

.motion-paused .passage-labels span:first-child{opacity:1!important}.motion-paused .passage-labels span:last-child{display:none}
@media(prefers-reduced-motion:reduce){.passage-labels span:first-child{opacity:1!important}.passage-labels span:last-child{display:none}}