/* Round two: the background and the mark are one physical scene. */
.nhero.n-force .nm-light{display:none}
.nf-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.n-force .na-backdrop{background:#08070b}
.n-force .n-aperture{--nw:min(40vw,62svh);--nx:76%;--ny:49%}
.n-force.nf-ready .na-well,.n-force.nf-ready .na-rim,.n-force.nf-ready .na-cavity,.n-force.nf-ready .na-solid{visibility:hidden}
.n-force .nf-plates{position:absolute;inset:0;perspective:1000px}
.nf-piece{position:absolute;inset:0;filter:drop-shadow(0 4px 1px #f7709533);will-change:transform}
.nf-piece-0{clip-path:polygon(-10% -10%,110% -10%,110% 39%, -10% 23%);animation:nf-top 8s ease-in-out infinite}
.nf-piece-1{clip-path:polygon(-10% 23%,110% 39%,110% 72%,-10% 57%);animation:nf-middle 8s ease-in-out infinite}
.nf-piece-2{clip-path:polygon(-10% 57%,110% 72%,110% 110%,-10% 110%);animation:nf-bottom 8s ease-in-out infinite}
.nf-skin{background:linear-gradient(145deg,#29252b 0%,#0d0b10 30%,#111014 67%,#25121b 100%);mask:url(assets/symbol.svg) center/contain no-repeat;-webkit-mask:url(assets/symbol.svg) center/contain no-repeat;box-shadow:inset 0 1px #fff2}
.nf-skin::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0c 0%,transparent 20%,#0009 68%,#d4214b18 100%)}
.nm-rupture .n-aperture{--nw:min(40vw,62svh);--nx:76%;--ny:47%}
.nm-rupture .na-solid{transform:translate(-10px,-15px)}
.nm-threshold .n-aperture{--nw:min(38vw,48svh);--nx:50%;--ny:35%}
.nhero.nm-threshold .ntext{left:12%!important;top:auto!important;bottom:11svh!important;width:76%;text-align:center!important;transform:translateY(calc(var(--np,0)*-24px))!important}
.nhero.nm-threshold .ctas{justify-content:center!important;margin-top:24px}
@keyframes nf-top{0%,100%{transform:translate(-6px,-10px) rotate(-1deg)}45%,60%{transform:translate(-16px,-27px) rotate(-2deg)}}
@keyframes nf-middle{0%,100%{transform:translate(3px,0) rotate(.4deg)}45%,60%{transform:translate(12px,1px) rotate(1deg)}}
@keyframes nf-bottom{0%,100%{transform:translate(-3px,9px) rotate(-.5deg)}45%,60%{transform:translate(-9px,22px) rotate(-1.2deg)}}
@media(max-width:760px){
 .n-force .n-aperture[data-layout]{--nw:min(84vw,42svh);--nx:52%;--ny:33%}
 .nm-rupture .n-aperture[data-layout]{--nw:min(80vw,40svh);--nx:53%;--ny:33%}
 .nm-threshold .n-aperture[data-layout]{--nw:min(70vw,36svh);--nx:50%;--ny:32%}
 .nhero.nm-threshold .ntext{left:24px!important;right:24px!important;width:auto;bottom:15svh!important;text-align:center!important}
}
@media(prefers-reduced-motion:reduce){
 .n-force .nf-piece{animation:none!important;will-change:auto}
 .nf-piece-0{transform:translate(-10px,-17px) rotate(-1deg)}
 .nf-piece-1{transform:translate(7px,0)}
 .nf-piece-2{transform:translate(-6px,15px)}
}
