@font-face{font-family:Space;src:url('assets/SpaceGrotesk[wght].ttf');font-weight:300 700;font-display:swap}
:root{--page:#101217;--ink:#eceff6;--muted:#adb6c6;--accent:#b7ccff;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:auto;scrollbar-color:#586176 #101217}body{margin:0;color:var(--ink);background:var(--page);font:15px/1.65 Space,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:active{transform:scale(.97)}button{transition:transform 140ms var(--ease-out),background 160ms ease}h1,h2,p{margin:0}h1,h2{font-weight:450;letter-spacing:-.058em;line-height:1.04}h1 em,h2 em{font-style:normal;color:var(--accent)}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--accent);color:#101217;padding:12px}.skip:focus{top:8px}.study{position:fixed;z-index:20;inset:0 0 auto;min-height:49px;background:#0a0c10e8;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:7px 27px;gap:20px;backdrop-filter:blur(14px);font-size:9px;letter-spacing:1px}.study-label,.study-end{color:#8992a5;white-space:nowrap}.study nav{display:flex;gap:4px}.study nav a{font-size:10px;letter-spacing:0;padding:7px 13px;min-height:34px;border:1px solid transparent;border-radius:4px;color:#a0aabc;display:flex;gap:6px;align-items:center}.study nav a[aria-current=page]{background:#ffffff0b;border-color:#ffffff2c;color:var(--ink)}.site-header{position:fixed;z-index:15;inset:49px 0 auto;display:flex;align-items:center;justify-content:space-between;padding:29px 4.5vw;background:linear-gradient(var(--page),transparent);pointer-events:none}.site-header a{pointer-events:auto}.brand img{display:block;width:108px;height:auto;filter:brightness(0) invert(1)}.disciplines{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.2px;color:#b0b9c9}.contact-link{font-size:12px;display:flex;gap:27px;align-items:center;min-height:42px}.contact-link>span{font-size:20px}.scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--page)}.scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;inset:14% 8% 8% 30%;border-radius:50%;background:radial-gradient(ellipse,#6088d326,transparent 65%);opacity:1}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(0deg,#101217 0%,transparent 15%,transparent 82%,#10121790 100%),radial-gradient(ellipse at 50% 50%,transparent 30%,#101217a8 100%)}.composition{position:fixed;inset:155px 4.5vw 85px;pointer-events:none;z-index:2;display:flex;justify-content:space-between}.composition>span{width:13px;height:13px;border-top:1px solid #c6d5f345}.composition>span:first-child{border-left:1px solid #c6d5f345}.composition>span:last-child{border-right:1px solid #c6d5f345}main{position:relative;z-index:3}.chapter{position:relative;min-height:100svh;padding:25vh 8vw 15vh}.copy{max-width:620px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:450;margin-bottom:27px}.copy h1,.copy h2{font-size:clamp(55px,6.8vw,108px);text-wrap:balance}.description{max-width:375px;font-size:15px;color:var(--muted);line-height:1.8;margin-top:30px;text-wrap:pretty}.ending-link{display:inline-flex;align-items:center;gap:38px;font-size:16px;border-bottom:1px solid #b5c4da70;padding:12px 0;margin-top:22px}.ending-link span{font-size:25px}.copy .micro{font-size:10px;color:#9aa4b6;letter-spacing:.4px;margin-top:18px}.chapter-list{display:flex;gap:19px;flex-wrap:wrap;margin-top:24px;font-size:10px;color:#9aa6bd}.enhanced .chapter{height:145svh;min-height:760px;padding:0}.enhanced .chapter:last-child{height:100svh;min-height:600px}.enhanced .copy{position:fixed;top:34%;left:8vw;width:46vw;max-width:700px;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}.enhanced .copy.active{visibility:visible}.enhanced .copy a{pointer-events:auto}.enhanced .copy[data-side=right]{left:auto;right:8vw;width:43vw}.enhanced .copy[data-side=center]{left:10vw;right:10vw;top:29%;width:auto;max-width:none;text-align:center}.copy[data-side=center] .description{margin-inline:auto;max-width:420px}.copy[data-side=center] .chapter-list{justify-content:center}.copy[data-side=center] h2{font-size:clamp(60px,6.5vw,103px)}.chapters{position:fixed;z-index:12;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px}.chapters a{display:flex;align-items:center;justify-content:end;gap:12px;min-width:25px;min-height:28px;color:#93a0b5}.chapters a:after{content:'';height:5px;width:5px;border-radius:50%;background:#8d9ab35c;transition:background 150ms ease}.chapters a[aria-current=step]:after{background:var(--accent);box-shadow:0 0 12px #afc5fd60}.chapters a span{opacity:0;font-size:9px;white-space:nowrap;transition:opacity 160ms ease}.chapters a:focus-visible span{opacity:1}.film-footer{position:fixed;inset:auto 4.5vw 25px;z-index:15;display:flex;align-items:center;gap:25px;font-size:10px;color:#adb8cb;pointer-events:none}.film-footer a,.film-footer button{pointer-events:auto}.film-name{letter-spacing:1.3px;font-size:9px;color:#c0c9d9}.motion-toggle{border:0;background:transparent;padding:10px 0;min-height:36px;font-size:9px;color:#9aa6ba;text-decoration:underline;text-underline-offset:4px}.scroll-cue{margin-left:auto;display:flex;align-items:center;gap:25px}.scroll-cue span{font-size:20px}.chapter-count{min-width:55px;text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.progress{position:fixed;bottom:0;left:0;right:0;height:2px;z-index:20;background:#ffffff10}.progress>span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback-content{padding:80px 8vw}.fallback-content p{max-width:500px;margin-block:25px}
body[data-theme=copper]{--page:#15120f;--ink:#f3eee6;--muted:#c5b9ab}body[data-theme=copper] .copy h1,body[data-theme=copper] .copy h2{font-family:Space,Arial,sans-serif;font-weight:400;font-size:clamp(70px,8.6vw,143px);letter-spacing:-.04em;line-height:.96}body[data-theme=copper] .vignette{background:linear-gradient(0deg,#15120f,transparent 18%,transparent 80%,#15120f99),radial-gradient(ellipse,transparent 30%,#15120fa0)}body[data-theme=copper] .scene-fallback{background:radial-gradient(ellipse,#b5733d2b,transparent 65%)}body[data-theme=copper] .copy[data-side=center] h2{font-size:clamp(65px,8vw,120px)}body[data-theme=copper] .composition{inset:145px 4.5vw 86px;border-top:1px solid #d4bda11b}.composition>span{display:none}body[data-theme=cyan]{--page:#0a1519;--ink:#e3f0ef;--muted:#a0bfca}body[data-theme=cyan] .copy h1,body[data-theme=cyan] .copy h2{font-size:clamp(60px,7.8vw,120px);font-weight:400;letter-spacing:-.065em}body[data-theme=cyan] .vignette{background:linear-gradient(0deg,#0a1519,transparent 20%,transparent 80%,#0a151980)}body[data-theme=cyan] .scene-fallback{background:radial-gradient(ellipse,#2d999526,transparent 65%)}body[data-theme=silver]{--page:#131419;--ink:#e8e9f0;--muted:#aeb0c4}body[data-theme=silver] .copy h1,body[data-theme=silver] .copy h2{font-family:Space,Arial,sans-serif;font-size:clamp(58px,6.8vw,106px);letter-spacing:-.065em;font-weight:400}body[data-theme=silver] .composition{border:1px solid #c7cde718}body[data-theme=silver] .composition:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #c7cde70c}body[data-theme=silver] .eyebrow{font-family:Space,Arial,sans-serif;letter-spacing:1px}body[data-theme=acid]{--page:#141610;--ink:#f0f3e7;--muted:#b8c1a5}body[data-theme=acid] .copy h1,body[data-theme=acid] .copy h2{font-weight:600;letter-spacing:-.07em;font-size:clamp(60px,7.5vw,118px)}body[data-theme=acid] .vignette{background:linear-gradient(0deg,#141610,transparent 20%,transparent 80%,#14161088),radial-gradient(ellipse,transparent 25%,#141610a0)}body[data-theme=acid] .scene-fallback{background:radial-gradient(ellipse,#95ad5322,transparent 65%)}body[data-theme=acid] .eyebrow{color:#b7c799}
@media(hover:hover) and (pointer:fine){.study a:hover{background:#ffffff08;color:white}.contact-link:hover,.ending-link:hover{color:var(--accent)}.chapters a:hover span{opacity:1}.motion-toggle:hover{color:var(--ink)}}
@media(min-width:1800px){.enhanced .copy{left:10vw}.enhanced .copy[data-side=right]{right:10vw}}
@media(max-width:1000px){.study-end,.study-label{display:none}.study{justify-content:center}.site-header{padding-inline:5vw}.disciplines{font-size:10px}.enhanced .copy{width:55vw;left:6vw;top:35%}.enhanced .copy[data-side=right]{width:53vw;right:6vw}.copy h1,.copy h2{font-size:70px}.description{font-size:14px;max-width:340px}.chapters{right:15px}.film-footer{gap:16px}.composition{inset-inline:5vw}}
@media(max-width:650px){.study{padding:5px 8px;min-height:43px;gap:0}.study nav{width:100%;justify-content:space-between;gap:0}.study nav a{padding:5px 7px;min-height:32px;font-size:10px;gap:4px}.study nav a span{display:none}.study nav a[aria-current=page] span{display:inline}.site-header{inset-block-start:43px;padding:21px 23px}.brand img{width:83px}.disciplines{display:none}.contact-link{font-size:10px;gap:14px;min-height:36px}.contact-link>span{font-size:18px}.composition{inset:120px 23px 76px}.enhanced .chapter{height:135svh;min-height:670px}.enhanced .chapter:last-child{height:100svh;min-height:650px}.enhanced .copy,.enhanced .copy[data-side=right]{width:auto;max-width:none;left:26px;right:32px;top:auto;bottom:17%;}.copy h1,.copy h2,body[data-theme=silver] .copy h1,body[data-theme=silver] .copy h2{font-size:clamp(43px,11.8vw,68px);line-height:1.04}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.description{font-size:13px;line-height:1.75;margin-top:20px;max-width:310px}.enhanced .copy[data-side=center]{left:23px;right:23px;top:auto;bottom:20%;width:auto;text-align:center}.copy[data-side=center] h2{font-size:clamp(42px,11vw,65px)}.copy[data-side=center] .description{max-width:300px}.ending-link{font-size:14px;margin-top:13px;gap:25px}.copy .micro{font-size:9px}.chapters{right:8px;top:52%;gap:4px}.chapters a{min-height:29px;min-width:18px}.chapters a span{display:none}.chapters a:after{width:4px;height:4px}.film-footer{inset:auto 23px 18px;gap:14px;font-size:8px;flex-wrap:wrap}.film-name{font-size:8px;letter-spacing:.5px}.motion-toggle{font-size:8px;min-height:30px}.scroll-cue{position:absolute;left:0;bottom:33px;font-size:9px;gap:13px}.scroll-cue span{font-size:17px}.chapter-count{font-size:9px;margin-left:auto;min-width:auto}.vignette{background:linear-gradient(0deg,var(--page),#101217e0 18%,#10121755 60%,transparent 75%,#10121760)}body[data-theme=copper] .copy h1,body[data-theme=copper] .copy h2{font-size:clamp(53px,14vw,76px);line-height:.98}body[data-theme=cyan] .copy h1,body[data-theme=cyan] .copy h2{font-size:clamp(43px,11.8vw,68px)}body[data-theme=acid] .copy h1,body[data-theme=acid] .copy h2{font-size:clamp(45px,12.2vw,70px)}body[data-theme=copper] .copy[data-side=center] h2{font-size:57px}.chapter-list{font-size:8px;gap:10px;margin-top:18px}}
@media(max-height:620px) and (min-width:651px){.enhanced .copy,.enhanced .copy[data-side=center]{top:30%}.copy h1,.copy h2,body[data-theme=copper] .copy h1,body[data-theme=copper] .copy h2{font-size:60px}.description{margin-top:16px;font-size:13px}.eyebrow{margin-bottom:15px}.composition{top:130px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none!important}.copy{will-change:auto!important}}body.calm .copy{will-change:opacity}

@media(min-width:651px){.enhanced .copy,.enhanced .copy[data-side=center]{top:51%}.copy h1,.copy h2{font-size:clamp(55px,5.8vw,94px)}}
.scene-fallback{opacity:.5}


@media(min-width:651px){.enhanced .copy[data-side=center]{top:64%}.copy[data-side=center] h2,body[data-theme=copper] .copy[data-side=center] h2,body[data-theme=acid] .copy[data-side=center] h2,body[data-theme=silver] .copy[data-side=center] h2,body[data-theme=cyan] .copy[data-side=center] h2{font-size:clamp(54px,4.8vw,78px)}}


body.directed{overflow:hidden;overscroll-behavior:none}body.directed main{height:100svh}body.directed .chapter,body.directed .chapter:last-child{height:0;min-height:0;padding:0}.intent-meter{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--muted);font-size:10px}.intent-dots{display:flex;gap:7px}.intent-dots i{height:4px;width:14px;background:#ffffff25;border-radius:2px;transition:background 150ms ease}.intent-dots i.filled{background:var(--accent)}.intent-count{font-size:9px;min-width:30px;font-variant-numeric:tabular-nums}.directed .scroll-cue{margin-left:8px;font-size:9px}.directed .scroll-cue span{font-size:16px}.directed .scroll-cue{border-left:1px solid #ffffff20;padding-left:20px}
@media(max-width:650px){.intent-meter{position:absolute;left:0;bottom:34px;font-size:9px;gap:9px}.intent-dots{gap:5px}.intent-dots i{width:11px}.directed .scroll-cue{left:auto;right:0;bottom:33px;margin:0;padding:0;border:0;font-size:0;gap:0}.directed .scroll-cue span{font-size:18px}.directed .intent-label{font-size:0}.directed .intent-label:before{content:"Sveip videre";font-size:9px}.directed .intent-dots,.directed .intent-count{display:none}}


.archive-link{font-size:9px;text-decoration:underline;text-underline-offset:4px;pointer-events:auto}.archive-link:focus-visible{outline:2px solid var(--accent)}
@media(max-width:650px){.archive-link{position:absolute;right:0;bottom:65px}}

.single-step .intent-dots,.single-step .intent-count{display:none}
@media(max-width:650px){.directed .intent-meter[data-end=true] .intent-label:before{content:"Sveip tilbake"}}