.nordic-atmosphere{padding:65px 4% 40px;border-top:1px solid var(--line)}
.atmosphere-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.atmosphere-heading h2{font-size:clamp(40px,4vw,64px)}.atmosphere-heading p{max-width:310px;font-size:13px}
.nordic-effect{position:relative;isolation:isolate;height:580px;overflow:hidden;border:1px solid #c9a87a55;background:#21191e url('/assets/dusk.webp') center/cover}
.nordic-effect:before{content:"";position:absolute;inset:0;background:#20182099;z-index:-1}
.nordic-effect canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.effect-fallback{position:absolute;left:50%;top:50%;width:100%;height:92.6%;max-width:none;transform:translate(-50%,-50%);object-fit:contain}
.nordic-effect[data-renderer=webgl2] .effect-fallback{visibility:hidden}
.effect-topline,.effect-bottomline{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;pointer-events:none}
.effect-topline{top:25px}.effect-bottomline{bottom:24px;align-items:end}
.effect-topline .mono{color:#e5d5c7;font-size:9px}.effect-bottomline p{color:#e6d9d0;font-size:12px;max-width:250px}
.effect-bottomline strong{font-weight:500;font-size:22px;letter-spacing:.04em}
.effect-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:18px}
.effect-modes{display:flex;gap:8px}.effect-modes button[aria-pressed=false]{background:transparent;color:var(--text);border-color:#a98d7666}
.effect-playback{display:flex;align-items:center;gap:18px}.effect-replay{color:var(--purple);background:none;border:0;padding:8px;font:11px 'Space Mono',monospace}
.effect-controls[hidden]{display:none}
@media(max-width:700px){.nordic-atmosphere{padding:42px 16px 30px}.atmosphere-heading{display:block}.atmosphere-heading p{margin-top:20px}.nordic-effect{height:450px}.effect-topline,.effect-bottomline{left:18px;right:18px}.effect-topline .mono{font-size:8px}.effect-bottomline{display:block}.effect-bottomline p{margin-top:10px;max-width:240px;font-size:11px}.effect-bottomline strong{font-size:18px}.effect-controls{gap:10px}.effect-modes .button{font-size:10px}.effect-playback{gap:10px}}