:root,[data-theme=renlav]{--nb-paper: #f5f3ea;--nb-mist: #e9e7db;--nb-mid: #b9b79f;--nb-ink: #4d4b33;--nb-base: #24231c}[data-theme=kalla]{--nb-paper: #f4f1ea;--nb-mist: #e6e9e3;--nb-mid: #9cb4aa;--nb-ink: #3f574d;--nb-base: #1f2d28}[data-theme=lera]{--nb-paper: #f9f4ee;--nb-mist: #f0e2d8;--nb-mid: #caa7a2;--nb-ink: #6d4a45;--nb-base: #2a201c}[data-theme=torv]{--nb-paper: #efe7da;--nb-mist: #e8ddcc;--nb-mid: #d8c3b5;--nb-ink: #4a3527;--nb-base: #1a120c}:root{color-scheme:light dark;--nb-bg: var(--nb-paper);--nb-fg: var(--nb-ink);--nb-fg-secondary: color-mix(in oklab, var(--nb-ink) 72%, var(--nb-paper));--nb-surface: var(--nb-mist);--nb-line: color-mix(in oklab, var(--nb-ink) 16%, transparent);--nb-font-display: "EB Garamond", Garamond, "Times New Roman", serif;--nb-tracking-caps: .2em;--nb-tracking-label: .22em}@media(prefers-color-scheme:dark){:root{--nb-bg: var(--nb-base);--nb-fg: var(--nb-paper);--nb-fg-secondary: var(--nb-mid);--nb-surface: var(--nb-ink);--nb-line: color-mix(in oklab, var(--nb-paper) 18%, transparent)}}body{background:var(--nb-bg);color:var(--nb-fg)}a{color:var(--nb-fg)}a:hover{color:var(--nb-fg-secondary)}.nb-mark{display:block;width:76px;height:76px;background:currentColor;mask:url(/mark/norrbrunn-mark.svg) center / contain no-repeat;-webkit-mask:url(/mark/norrbrunn-mark.svg) center / contain no-repeat}.nb-mark--sm{width:24px;height:24px;mask-image:url(/mark/norrbrunn-mark-24.svg);-webkit-mask-image:url(/mark/norrbrunn-mark-24.svg)}.nb-mark--xs{width:16px;height:16px;mask-image:url(/mark/norrbrunn-mark-16-reduced.svg);-webkit-mask-image:url(/mark/norrbrunn-mark-16-reduced.svg)}.nb-lockup{display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--nb-fg)}.nb-lockup__word{font-family:var(--nb-font-display);font-weight:400;font-size:20px;line-height:1;text-transform:uppercase;letter-spacing:var(--nb-tracking-caps);text-indent:var(--nb-tracking-caps)}.nb-lockup--clearspace{padding:19px}.nb-label{font-size:10px;letter-spacing:var(--nb-tracking-label);text-transform:uppercase;color:var(--nb-fg-secondary)}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-400.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--nb-font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{color-scheme:light}body{background:var(--nb-paper);color:var(--nb-ink);overflow-x:clip}::selection{background:var(--nb-mid);color:var(--nb-base)}a{color:inherit}.landing{--x: clamp(34px, 5.2vw, 72px);--x-23: calc(var(--x) * 2 / 3);--x-12: calc(var(--x) / 2);--x-13: calc(var(--x) / 3);--x-16: calc(var(--x) / 6);--u: min(34vw, 38vh, 320px);--pad-x: clamp(24px, 5vw, 64px);--ease: cubic-bezier(.2, .7, .2, 1);--track-mark: min(76px, 18vw);--track-gap: clamp(48px, 10vw, 132px);--merge-dx: calc((var(--track-gap) + var(--track-mark)) / 2);--zoom-end: 9.6;--track-his: #3f574d;--track-hers: #6d4a45;--ink-soft: color-mix(in oklab, var(--nb-ink) 72%, var(--nb-paper))}@keyframes splash-drop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes splash-ring{0%{opacity:0;transform:scale(var(--from, .85))}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes cue{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(7px);opacity:1}}@keyframes aperture-open{0%{transform:scale(0)}to{transform:scale(1)}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(72px,10vh,120px) var(--pad-x) clamp(120px,18vh,176px)}.hero__lockup{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 20 / 76)}.hero__mark{display:block;width:var(--u);height:var(--u);color:var(--nb-ink)}.hero__mark .drop{animation:splash-drop .2s var(--ease) both}.hero__mark .r20{--from: .82;animation:splash-ring .3s .15s var(--ease) both}.hero__mark .r30{--from: .88;animation:splash-ring .45s .3s var(--ease) both}.hero__mark .r60{--from: .93;animation:splash-ring 675ms .5s var(--ease) both}.hero__word{margin:0;font-weight:400;font-size:calc(var(--u) * 20 / 76);line-height:1;letter-spacing:var(--nb-tracking-caps);text-indent:var(--nb-tracking-caps);text-transform:uppercase;text-align:center;animation:rise .9s .7s var(--ease) both}.hero__tagline{margin:var(--x-12) 0 0;max-width:24ch;text-align:center;font-size:max(18px,var(--x-13));line-height:1.4;text-wrap:pretty;animation:rise .9s .95s var(--ease) both}.hero__cue{position:absolute;bottom:clamp(28px,5vh,56px);left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:max(11px,var(--x-16));letter-spacing:var(--nb-tracking-label);text-indent:var(--nb-tracking-label);text-transform:uppercase;animation:fade .9s 1.8s var(--ease) both}.hero__cue-line{display:block;width:1px;height:54px;background:linear-gradient(var(--nb-ink),transparent);animation:cue 2.8s ease-in-out infinite}.screen{min-height:100vh;display:grid;place-items:center;padding:calc(var(--x) * 2) var(--pad-x)}.statement{margin:0;max-width:20ch;text-align:center;font-weight:400;font-size:var(--x);line-height:1.08;color:var(--nb-base);text-wrap:pretty}.statement--sub{max-width:22ch;font-size:var(--x-23);line-height:1.12}.reveal{animation:rise .9s var(--ease) both;animation-timeline:view();animation-range:entry 10% cover 38%}.beliefs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--x-23);max-width:560px;text-align:center}.beliefs li{font-size:var(--x-12);line-height:1.25;text-wrap:pretty}.beliefs li:nth-child(1){animation-range:entry 8% cover 34%}.beliefs li:nth-child(2){animation-range:entry 14% cover 40%}.beliefs li:nth-child(3){animation-range:entry 20% cover 46%}.beliefs li:nth-child(4){animation-range:entry 26% cover 52%}.tracks{display:flex;flex-direction:column;align-items:center;gap:var(--x);width:100%;max-width:820px}.tracks__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--track-gap)}.track{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;text-decoration:none;transition:color .45s var(--ease)}.track span{border-bottom:1px solid transparent;padding-bottom:2px}.track:hover span{border-bottom-color:currentColor}.track:hover{color:var(--door-deep)}.track__mark .mark-band circle{opacity:0;transform:scale(.7);transform-box:fill-box;transform-origin:center;transition:opacity .25s var(--ease),transform .25s var(--ease)}.track:hover .track__mark .mark-band circle{opacity:1;transform:none}.track:hover .track__mark .mark-band circle:nth-child(4){transition-delay:0ms}.track:hover .track__mark .mark-band circle:nth-child(3){transition-delay:80ms}.track:hover .track__mark .mark-band circle:nth-child(2){transition-delay:.16s}.track:hover .track__mark .mark-band circle:nth-child(1){transition-delay:.24s;transform:scale(1.03)}.track--his{color:var(--track-his);--door-deep: #1f2d28}.track--hers{color:var(--track-hers);--door-deep: #2a201c}.track__mark{display:block;width:var(--track-mark);height:var(--track-mark)}.track span{font-size:max(17px,var(--x-13));line-height:1.4}.tracks__support{margin:0;max-width:44ch;text-align:center;font-size:max(16px,var(--x-13));line-height:1.5;color:var(--ink-soft);text-wrap:pretty;animation-range:entry 16% cover 42%}.intro{display:flex;flex-direction:column;align-items:center;gap:var(--x-12);text-align:center}.intro__mark{display:block;width:76px;height:76px;color:var(--nb-fg)}.paths{position:relative;height:740vh;view-timeline-name:--paths;view-timeline-axis:block}.paths__viewport{position:sticky;top:0;height:100vh;display:grid;place-items:center;padding:calc(var(--x) * 2) var(--pad-x);overflow:hidden;animation:viewport-ground 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths__dark{position:absolute;left:50%;top:calc(var(--track-mark) / 2);width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;border-radius:50%;background:var(--nb-base);will-change:transform;animation:aperture-open 1s linear both;animation-timeline:--paths;animation-range:contain 90% contain 96%}@media(max-width:720px){.paths{height:640vh}}@keyframes seam-in{0%{opacity:0}to{opacity:1}}@keyframes viewport-ground{0%,96%{background-color:transparent}98%,to{background-color:var(--nb-base)}}.paths__viewport:before,.paths__viewport:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--nb-base);opacity:0;z-index:4;pointer-events:none;animation:seam-in 1s linear both;animation-timeline:--paths;animation-range:contain 92% contain 95%}.paths__viewport:before{top:0}.paths__viewport:after{bottom:0}@media(max-height:650px){.landing{--zoom-end: 7.4}}@media(min-height:726px){.landing{--zoom-end: 10.7}}@media(min-height:801px){.landing{--zoom-end: 11.8}}@media(min-height:876px){.landing{--zoom-end: 12.9}}@media(min-height:951px){.landing{--zoom-end: 14}}@media(min-height:1026px){.landing{--zoom-end: 15}}.paths__heads{display:grid;place-items:center}.paths__head{grid-area:1 / 1}.paths__stage{position:relative}@keyframes paths-text-out{0%,14%{opacity:1}22%,to{opacity:0}}@keyframes paths-his-merge{0%{pointer-events:auto;opacity:1}22%{pointer-events:auto}24%{transform:translate(0);pointer-events:none}36%{transform:translate(var(--merge-dx))}48%{opacity:1}52%,to{transform:translate(var(--merge-dx));opacity:0;pointer-events:none}}@keyframes paths-hers-merge{0%{pointer-events:auto;opacity:1}22%{pointer-events:auto}24%{transform:translate(0);pointer-events:none}36%{transform:translate(calc(-1 * var(--merge-dx)))}48%{opacity:1}52%,to{transform:translate(calc(-1 * var(--merge-dx)));opacity:0;pointer-events:none}}@keyframes paths-head-in{0%,44%{opacity:0}48%,62%{opacity:1}70%,to{opacity:0}}@keyframes paths-door-live{0%,44%{pointer-events:none}46%,64%{pointer-events:auto}66%,to{pointer-events:none}}@keyframes band-out{0%,68%{opacity:1}72%,to{opacity:0}}@keyframes line-inout{0%,68%{opacity:0}72%,94%{opacity:1}to{opacity:0}}@keyframes line-in{0%,68%{opacity:0}72%,to{opacity:1}}@keyframes line-ink-to-light{0%,90%{stroke:#4a3527}95%,to{stroke:#d8c3b5}}@keyframes drop-ink-to-light{0%,90%{fill:#4a3527}95%,to{fill:#d8c3b5}}@keyframes paths-zoom{0%,76%{transform:scale(calc(1 / var(--zoom-end)))}86%{transform:scale(calc(5 / var(--zoom-end)))}to{transform:scale(1)}}@keyframes line-w-outer{0%,76%{stroke-width:1.73}86%{stroke-width:1}to{stroke-width:calc(5.04 / var(--zoom-end))}}@keyframes line-w-mid{0%,76%{stroke-width:2.45}86%{stroke-width:1.39}to{stroke-width:calc(6.95 / var(--zoom-end))}}@keyframes line-w-inner{0%,76%{stroke-width:3}86%{stroke-width:1.7}to{stroke-width:calc(8.51 / var(--zoom-end))}}@keyframes merge-fill{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes merge-fill-cover{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1.03)}}.paths__head--two,.paths .tracks__support,.paths .tracks__grid .track span{animation:paths-text-out 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .tracks__grid .track{width:var(--track-mark)}.paths .tracks__grid .track span{white-space:nowrap}.paths__head--cross{animation:paths-head-in 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--his,.paths .track--hers{position:relative;animation:paths-his-merge 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--hers{animation-name:paths-hers-merge}.paths .track--hers{z-index:2}.paths.alt .track--hers{z-index:1}.paths.alt .track--his{z-index:2}.paths .scroll-band circle{opacity:0;transform-box:fill-box;transform-origin:center;animation:merge-fill 1s linear both;animation-timeline:--paths}.paths .scroll-band circle:nth-child(4){animation-range:contain 20% contain 24%}.paths .scroll-band circle:nth-child(3){animation-range:contain 22% contain 26%}.paths .scroll-band circle:nth-child(2){animation-range:contain 24% contain 28%}.paths .scroll-band circle:nth-child(1){animation-name:merge-fill-cover;animation-range:contain 26% contain 30%}.paths .track--together{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:3;--door-deep: #24231c;animation:paths-door-live 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .track__mark{position:absolute;left:50%;top:calc(var(--track-mark) / 2);width:calc(var(--track-mark) * var(--zoom-end));height:calc(var(--track-mark) * var(--zoom-end));margin:calc(var(--track-mark) * var(--zoom-end) / -2) 0 0 calc(var(--track-mark) * var(--zoom-end) / -2);will-change:transform;animation:paths-zoom 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together:before{content:"";width:var(--track-mark);height:var(--track-mark)}.paths .track--together .door-band{animation:band-out 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .door-line{opacity:0;animation:line-inout 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .door-line g{animation:line-ink-to-light 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .door-line>circle{animation:drop-ink-to-light 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .door-line g circle:nth-child(1){animation:line-w-outer 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .door-line g circle:nth-child(2){animation:line-w-mid 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}.paths .track--together .door-line g circle:nth-child(3){animation:line-w-inner 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}@media(max-width:720px){.paths .track--together .door-line{animation-name:line-in}}.paths .track--together .door-band circle{opacity:0;transform-box:fill-box;transform-origin:center;animation:merge-fill 1s linear both;animation-timeline:--paths}.paths .track--together .door-band circle:nth-child(4){animation-range:contain 38% contain 42%}.paths .track--together .door-band circle:nth-child(3){animation-range:contain 40% contain 44%}.paths .track--together .door-band circle:nth-child(2){animation-range:contain 42% contain 46%}.paths .track--together .door-band circle:nth-child(1){animation-name:merge-fill-cover;animation-range:contain 44% contain 48%}.paths .track--together span{animation:paths-head-in 1s linear both;animation-timeline:--paths;animation-range:contain 0% contain 100%}@supports not (animation-timeline: view()){.paths__dark{display:none}.paths{height:auto}.paths__viewport{position:static;height:auto}.paths__heads{display:flex;flex-direction:column;gap:var(--x-13)}.paths__head{grid-area:auto}.paths__stage{display:flex;flex-direction:column;align-items:center;gap:var(--x)}.paths__head--two,.paths__head--cross,.paths__support,.paths .tracks__grid .track span,.paths .track--his,.paths .track--hers,.paths .track--together{animation:none}.paths .track--together{position:static;opacity:1;pointer-events:auto}.paths .track--together .track__mark,.paths .track--together .door-band,.paths .track--together .door-line{animation:none}.paths .track--together .track__mark{position:static;width:var(--track-mark);height:var(--track-mark);margin:0;transform:none}.paths .track--together:before{content:none}.paths .track--together .track__mark circle{animation:none;opacity:1}.paths .track--together .door-line{opacity:0}.paths .scroll-band circle{animation:none}}.closing{background:var(--nb-base);color:var(--nb-paper);box-shadow:0 -1px 0 var(--nb-base)}.closing__stack{display:flex;flex-direction:column;align-items:center;gap:var(--x-12);max-width:620px;text-align:center}.closing .statement{color:inherit}.closing__contact{font-size:max(18px,var(--x-13));line-height:1.4;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--nb-mid) 50%,transparent);padding-bottom:4px;animation-range:entry 14% cover 42%}.closing__contact:hover{border-bottom-color:var(--nb-paper)}.footer{background:var(--nb-base);color:var(--nb-mid);padding:0 var(--pad-x) var(--x);box-shadow:0 -1px 0 var(--nb-base)}.footer__inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--x-13)}.footer__brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.footer__mark{display:block;width:24px;height:24px}.footer__word{font-size:13px;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase}.footer__langs{display:flex;gap:28px}.footer__lang{font-size:max(11px,var(--x-16));letter-spacing:var(--nb-tracking-label);text-indent:var(--nb-tracking-label);text-transform:uppercase;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--nb-mid) 40%,transparent);padding-bottom:3px}.footer__lang:hover{border-bottom-color:var(--nb-paper)}@media(prefers-reduced-motion:reduce){*{animation:none!important}.paths__dark{display:none}.paths{height:auto}.paths__viewport{position:static;height:auto}.paths__heads{display:flex;flex-direction:column;gap:var(--x-13)}.paths__head{grid-area:auto}.paths__stage{display:flex;flex-direction:column;align-items:center;gap:var(--x)}.paths .track--together{position:static;opacity:1;pointer-events:auto}.paths .track--together .track__mark{position:static;width:var(--track-mark);height:var(--track-mark);margin:0;transform:none}.paths .track--together:before{content:none}.paths .track--together .track__mark circle{opacity:1}}
