/* The existing NOISY register, composed around the symbol rather than titles. */
.nhero.n-mystery{--mx:70%;--my:45%;isolation:isolate;overflow:hidden;background:transparent}
.n-mystery .na-backdrop{background:#08070b}
.n-mystery .nm-light{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.n-mystery .nm-light i{position:absolute;display:block}
.n-mystery .n-aperture{z-index:2;--nw:min(48vw,72svh);--nx:73%;--ny:49%}
.n-mystery .na-solid{transform:translate(calc(var(--lift)*-8px + var(--px)),calc(var(--lift)*-12px + var(--py)));filter:drop-shadow(16px 24px 16px #000b)}
.n-mystery .na-face{background:#0c090f}
.n-mystery .na-face::after{background:radial-gradient(ellipse at var(--mx) var(--my),#c575aa16,transparent 58%)}
.n-mystery .na-rim{background:linear-gradient(138deg,#311e36 0%,#9e395a 24%,#140d1b 46%,#08070b 70%,#b31c48 100%)}
.n-mystery .na-edge{background:linear-gradient(145deg,#26132d 0%,#220c20 44%,#701e3d 100%);transform:translate(calc(var(--lift)*var(--d)*1px),calc(var(--lift)*var(--d)*1.5px))}
.n-mystery .na-cavity{background:#020104}
.nhero.n-mystery .ntext{position:absolute!important;inset:auto!important;left:6.25%!important;top:50%!important;width:47%;margin:0!important;text-align:left!important;transform:translateY(calc(-50% - var(--np,0)*24px))!important;padding:0!important;z-index:5}
.nhero.n-mystery .ntext h1{font-size:clamp(32px,3.9vw,56px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.nhero.n-mystery .ctas{justify-content:flex-start!important;margin-top:32px}
.n-mystery .nhint{bottom:24px;font-size:13px;letter-spacing:.02em}
.n-mystery .nm-floor{left:53%;right:3%;bottom:14%;height:12%;background:radial-gradient(ellipse,#8a103326,transparent 65%);transform:scaleY(.45)}
/* 01: a heavy surface lifted just enough to let the light escape. */
.nm-rift .nm-aura{inset:0;background:radial-gradient(ellipse at 81% 47%,#40122a44 0%,#1f101d32 28%,transparent 59%)}
.nm-rift .nm-vein{inset:0;background:radial-gradient(ellipse at var(--mx) var(--my),#e2587730 0%,#70234212 20%,transparent 45%);opacity:.65}
.nm-rift .na-well{filter:drop-shadow(6px 12px 12px #dc114344)}
.nm-rift .na-face{background:linear-gradient(145deg,#151215 0%,#100d10 34%,#090809 65%,#1b0b10 100%)}
.nm-rift .na-face::after{background:linear-gradient(145deg,#ffffff08 0%,transparent 40%,#0005 100%)}
/* 02: one nearly black silhouette, illuminated from behind. */
.nm-eclipse .n-aperture{--nw:min(28vw,38svh);--nx:50%;--ny:35%}
.nm-eclipse .nm-aura{width:min(80vw,940px);height:min(86vw,700px);left:50%;top:35%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#ac1c5855 0%,#7a21483d 22%,#4a16332b 37%,#160c1614 58%,transparent 72%);animation:nm-breathe 8s ease-in-out infinite}
.nm-eclipse .nm-floor{left:25%;right:25%;bottom:39%;background:radial-gradient(ellipse,#ac154d26,transparent 68%)}
.nm-eclipse .na-solid{inset:1px;transform:translate(var(--px),var(--py));filter:drop-shadow(0 12px 8px #0008)}
.nm-eclipse .na-face{background:#060509}
.nm-eclipse .na-face::after{background:linear-gradient(125deg,#ffffff04,transparent 45%,#0006)}
.nm-eclipse .na-rim{inset:-1px;background:linear-gradient(130deg,#7e4068 0%,#1a101c 25%,#0b080f 56%,#d45373 100%)}
.nm-eclipse .na-edge{display:none}
.nhero.nm-eclipse .ntext,.nhero.nm-depth .ntext{left:12%!important;top:auto!important;bottom:12svh!important;width:76%;text-align:center!important;transform:translateY(calc(var(--np,0)*-24px))!important}
.nhero.nm-eclipse .ctas,.nhero.nm-depth .ctas{justify-content:center!important;margin-top:24px}
.nhero.nm-eclipse .ntext h1,.nhero.nm-depth .ntext h1{font-size:clamp(32px,3.9vw,56px)!important}
/* 03: the symbol exceeds the viewport; a moving edge reveals its scale. */
.nm-edge .n-aperture{--nw:min(76vw,116svh);--nx:54%;--ny:41%;z-index:1}
.nm-edge .na-solid{inset:3px;transform:translate(0,0);filter:none}
.nm-edge .na-face{background:linear-gradient(125deg,#0b0910 0%,#0e0912 35%,#0a070e 65%,#1b0b17 100%)}
.nm-edge .na-rim{inset:0;transform:none;background:conic-gradient(from 0deg at 50% 48%,#261326 0deg,#3a1236 70deg,#8d2f6b 108deg,#e886a2 121deg,#8c284c 135deg,#190e1b 180deg,#100a13 270deg,#261326 360deg);animation:nm-edge-light 10s ease-in-out infinite;background-size:140% 140%}
.nm-edge .na-cavity,.nm-edge .na-edge{display:none}
.nm-edge .nm-aura{inset:0;background:radial-gradient(ellipse at 70% 25%,#7d19422b 0%,#200b1b1a 35%,transparent 65%)}
.nhero.nm-edge .ntext{top:auto!important;bottom:13svh!important;width:70%;transform:translateY(calc(var(--np,0)*-24px))!important}
.nhero.nm-edge .ntext h1{font-size:clamp(36px,5vw,72px)!important;max-width:16ch}
.nm-edge .nm-floor{display:none}
/* 04: nested contours recede inside the cut. All of them are the real symbol. */
.nm-depth .n-aperture{--nw:min(33vw,43svh);--nx:50%;--ny:35%}
.nm-depth .nm-aura{inset:0;background:radial-gradient(ellipse at 50% 33%,#45122b38 0%,#180c1a22 32%,transparent 64%)}
.nm-depth .na-solid{inset:2px;transform:translate(var(--px),var(--py));filter:none}
.nm-depth .na-face{background:#010103}
.nm-depth .na-face::after{background:radial-gradient(ellipse at 51% 53%,#f4355122 0%,transparent 15%,#0002 40%,transparent 75%)}
.nm-depth .na-edge{display:none}
.nm-depth .na-rim{inset:-1px;background:linear-gradient(130deg,#b5667e 0%,#29121a 30%,#160d10 65%,#a82d50 100%)}
.nm-depth .nm-floor{display:none}
.nm-bore{position:absolute;inset:0;overflow:hidden}
.n-aperture .nm-ring{inset:0;transform:translate(2%,3%) scale(calc(1 - var(--i)*.12));transform-origin:52% 51%;opacity:calc(.8 - var(--i)*.09);animation:nm-depth-light 7s ease-in-out infinite;animation-delay:calc(var(--i)*-.65s)}
.nm-ring img{display:block;width:100%;height:100%;filter:sepia(1) saturate(2) hue-rotate(275deg);object-fit:contain}
@keyframes nm-breathe{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes nm-edge-light{0%,100%{background-position:0% 0%;opacity:.7}50%{background-position:100% 100%;opacity:1}}
@keyframes nm-depth-light{0%,100%{opacity:.25}50%{opacity:.85}}
.nm-paused *{animation-play-state:paused!important}
@media(max-width:760px){
 .n-mystery .n-aperture[data-layout]{--nw:min(78vw,42svh);--nx:55%;--ny:34%}
 .nhero.n-mystery .ntext{left:24px!important;right:24px!important;top:auto!important;bottom:15svh!important;width:auto;text-align:left!important;transform:translateY(calc(var(--np,0)*-24px))!important}
 .nhero.n-mystery .ntext h1{font-size:clamp(27px,7.5vw,40px)!important;line-height:1.14!important}
 .nhero.n-mystery .ctas{margin-top:24px;gap:16px}
 .n-mystery .nhint{bottom:24px;font-size:12px}
 .nm-rift .n-aperture[data-layout]{--nw:min(88vw,47svh);--nx:61%;--ny:34%}
 .nm-rift .nm-aura{background:radial-gradient(ellipse at 70% 30%,#40122a66 0%,#1f101d32 26%,transparent 62%)}
 .nm-eclipse .n-aperture[data-layout]{--nw:min(57vw,30svh);--nx:50%;--ny:33%}
 .nm-eclipse .nm-aura{width:140vw;height:140vw;top:33%}
 .nm-eclipse .nm-floor{bottom:45%}
 .nhero.nm-eclipse .ntext,.nhero.nm-depth .ntext{text-align:center!important;bottom:15svh!important}
 .nm-edge .n-aperture[data-layout]{--nw:142vw;--nx:53%;--ny:29%}
 .nhero.nm-edge .ntext{bottom:15svh!important}
 .nm-depth .n-aperture[data-layout]{--nw:min(68vw,36svh);--nx:50%;--ny:33%}
}
@media(max-height:650px) and (min-width:761px){
 .nhero.nm-eclipse .ntext,.nhero.nm-depth .ntext{bottom:8svh!important}
 .nm-eclipse .n-aperture,.nm-depth .n-aperture{--ny:34%;--nw:34svh}
 .nhero.n-mystery .ntext h1{font-size:40px!important}
}
@media(prefers-reduced-motion:reduce){
 .n-mystery *{animation:none!important}
 .n-mystery .nm-aura{opacity:.85}
 .n-aperture .nm-ring{opacity:calc(.8 - var(--i)*.09)}
}