/* NEWAR: continuous section atmosphere. Background fades never intercept input. */

html.nt-live,html.nt-live body{background:#00000e}

.nt-surface{position:relative}

.nt-edge{position:absolute;left:0;right:0;height:clamp(100px,17vw,230px);max-height:35%;pointer-events:none!important;z-index:2;display:block}

.nt-edge-top{top:-1px;background:linear-gradient(to bottom,#00000e 0%,rgba(0,0,14,.94) 12%,rgba(0,0,14,.65) 38%,rgba(0,0,14,.22) 70%,rgba(0,0,14,0) 100%)}

.nt-edge-bottom{bottom:-1px;background:linear-gradient(to top,#00000e 0%,rgba(0,0,14,.94) 12%,rgba(0,0,14,.65) 38%,rgba(0,0,14,.22) 70%,rgba(0,0,14,0) 100%)}

.nt-foreground{position:relative;z-index:3}

.nt-surface>.nt-foreground{opacity:var(--nt-reveal,1)}

.nt-surface:focus-within>.nt-foreground{opacity:1!important}

.nt-motion-off .nt-surface>.nt-foreground,.nt-motion-off .nt-edge{opacity:1!important}

.nt-scene .nt-edge{z-index:2}

.nt-scene .ns-title,.nt-scene .ns-card{z-index:3}

.nt-scene .gta-progress{background:transparent!important}

.nt-scene .gta-progress-line{opacity:.35}

@media(max-width:767px){.nt-edge{height:110px;max-height:28%}}

@media(prefers-reduced-motion:reduce){.nt-surface>.nt-foreground{opacity:1!important}}

@media print{.nt-edge{display:none!important}.nt-surface>.nt-foreground{opacity:1!important}}