html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img,video{display:block;width:100%;height:auto;position:relative}:root{--ft-family:Inter, sans-serif;--ft-weight:400;--ft-style:normal;--ft-xl:clamp(2.25rem, 4.25vw, 25em);--ft-l:clamp(2rem, 2.5vw, 20rem);--ft-m:clamp(1.25rem, 1.5vw, 7.5rem);--ft-s:clamp(1rem, 1vw, 5rem);--ft-xs:clamp(.825rem, .825vw, 4.125rem);--ft-l-lh:.975;--ft-m-lh:1.4;--ft-m-ls:-.02em;--grid-columns-large:repeat(8,1fr);--grid-columns-regular:repeat(6,1fr);--grid-columns-small:repeat(2,1fr);--grid-column-gap:clamp(.75rem,1vw,10rem);--clr-ft-100:rgb(255 59 59/ 1);--clr-ft-50:rgb(255 59 59/ 0.5);--clr-ft-33:rgb(255 59 59/ 0.333);--clr-ft-25:rgb(255 59 59/ 0.25);--clr-ft-0:rgb(255 59 59/ 0);--clr-bg-100:rgb(238 238 238 / 1);--clr-bg-50:rgb(238 238 238 / 0.5);--clr-bg-0:rgb(238 238 238 / 0);--clr-hl-100:rgb(255 199 0 / 1);--clr-hl-50:rgb(255 199 0 / .5);--clr-hl-33:rgb(255 199 0 / .33);--clr-hl-25:rgb(255 199 0 / .25);--clr-hl-5:rgb(255 199 0 / .05)}@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:var(--ft-family);font-style:var(--ft-style);font-weight:400;line-height:var(--ft-m-lh);letter-spacing:var(--ft-m-ls);font-size:var(--ft-s);color:var(--clr-ft-100);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}::selection{background:var(--clr-hl-50)}.message>span{background:var(--clr-hl-50);display:inline;font-size:inherit;line-height:inherit}.message>span::selection{background:0 0}p+p{margin-top:1.5em}a{text-decoration:none}body{background-color:var(--clr-bg-100)}html.is-changing .transition-fade{transition:opacity 250ms ease-in-out}html.is-animating .transition-fade{opacity:0}main{display:grid;grid-template-columns:var(--grid-columns-large);gap:var(--grid-column-gap);padding:0 var(--grid-column-gap)}section{grid-column:3/-1;display:grid;grid-template-columns:var(--grid-columns-regular);gap:var(--grid-column-gap);padding-top:calc(var(--grid-column-gap) * 4)}section+section{margin-top:clamp(120px,25vw,80rem)}section:first-of-type{padding-top:clamp(15rem,15vw,80rem)}.page-navigation{z-index:89}#nav-home{position:fixed;top:var(--grid-column-gap);left:var(--grid-column-gap)}#nav-home span{letter-spacing:-.08em}#main-nav{position:fixed;top:clamp(15rem,15vw,100rem);left:var(--grid-column-gap)}#main-nav ul{display:flex;flex-direction:column;gap:calc(var(--grid-column-gap) * .25)}#main-nav li.active a{color:var(--clr-ft-100)}#main-nav li a{color:var(--clr-ft-33)}.page-overlay{grid-template-columns:var(--grid-columns-large);gap:var(--grid-column-gap);padding:0 var(--grid-column-gap);display:grid;position:fixed;inset:0;z-index:9999;pointer-events:none}.page-overlay>div{padding:1px;background-color:var(--clr-hl-5);position:relative}.page-overlay>div::before,.page-overlay>div::after{width:1px;height:100%;position:absolute;content:"";display:block;background-color:var(--clr-hl-25)}.page-overlay>div::before{left:0}.page-overlay>div::after{right:0}#intro{position:relative}#intro>*{grid-column:1/-1}.intro-options{font-size:var(--ft-xs);display:flex;gap:var(--grid-column-gap);margin-bottom:calc(var(--grid-column-gap) * 1.5);position:relative;scrollbar-width:none;flex-wrap:nowrap;overflow-x:scroll}.intro-options .option{line-height:20px;white-space:nowrap;cursor:pointer;color:var(--clr-ft-33);padding:.5rem}.intro-options .option:first-of-type{padding-left:0}.intro-options .option.active{color:var(--clr-ft-100)}.message:not(.active){display:none}.intro-content .message{font-size:var(--ft-xl);line-height:var(--ft-l-lh);letter-spacing:var(--ft-m-ls)}.scroll-mask{width:80px;height:44px;position:absolute;top:clamp(15rem,15vw,80rem);pointer-events:none;opacity:0;z-index:10;transition:opacity .3s ease}.scroll-mask.right{right:0;background:linear-gradient( to left,var(--clr-bg-100) 2%,var(--clr-bg-0) 100% )}.scroll-mask.left{left:0;background:linear-gradient( to right,var(--clr-bg-100) 2%,var(--clr-bg-0) 100% )}.scroll-mask.scrolled.right,.scroll-mask.scrolled.left{opacity:1}.work-content{display:grid;grid-template-columns:var(--grid-columns-regular);gap:var(--grid-column-gap)}.item{grid-column:span 2}.information p{color:var(--clr-ft-50)}#filosofi h2{font-size:var(--ft-xl);line-height:var(--ft-l-lh);letter-spacing:var(--ft-m-ls);grid-column:2/-1;grid-row:1;margin-bottom:calc(var(--grid-column-gap) * 4)}#filosofi p{font-size:var(--ft-m);line-height:var(--ft-m-lh);letter-spacing:var(--ft-m-ls)}#filosofi p:first-of-type{grid-column:4/-1;grid-row:2;margin-bottom:calc(var(--grid-column-gap) * 8)}#filosofi p:last-of-type{grid-column:2/5;grid-row:3}#om-mig p{grid-column:1/5;font-size:var(--ft-m);line-height:var(--ft-m-lh);letter-spacing:var(--ft-m-ls)}#om-mig p:last-of-type{font-size:var(--ft-xs)}#om-mig p>span{font-size:inherit;color:var(--clr-ft-50)}#bakgrund{margin-top:calc(var(--grid-column-gap) * 4)}#bakgrund h2{font-size:var(--ft-l);line-height:var(--ft-l-lh);letter-spacing:var(--ft-m-ls)}.tjanst{grid-column:1/-4;margin-top:clamp(2.5rem,5vw,80rem)}.tjanst h3{color:var(--clr-ft-50);margin-top:8px}.tjanst p{margin-top:8px}.tjanst-titel{font-size:var(--ft-xl);line-height:var(--ft-l-lh);letter-spacing:var(--ft-m-ls)}.tjanst-tid span{color:var(--clr-ft-50)}.tjanst-besk{color:var(--clr-ft-50)}#referenser h2{font-size:var(--ft-l);line-height:var(--ft-l-lh);letter-spacing:var(--ft-m-ls);grid-column:1/-1}.referens{grid-column:span 3;margin-top:clamp(2.5rem,5vw,80rem)}.ref-citat{font-size:var(--ft-l);line-height:var(--ft-l-lh);letter-spacing:var(--ft-m-ls);margin-bottom:var(--grid-column-gap)}.ref-person{display:flex;flex-wrap:wrap;gap:calc(var(--grid-column-gap) * .25)}.ref-person>a{text-decoration:underline}.ref-person>p{color:var(--clr-ft-50)}#kontakt p:first-of-type{font-size:var(--ft-m);line-height:var(--ft-m-lh);letter-spacing:var(--ft-m-ls);grid-column:1/4}.kontakt-links{display:flex;flex-wrap:wrap;gap:var(--grid-column-gap);grid-column:1/4}.kontakt-grid{grid-column:1/-1;display:grid;gap:var(--grid-column-gap);grid-template-columns:var(--grid-columns-small)}.text{display:flex;flex-direction:column;justify-content:space-between}.text p:first-of-type{margin-bottom:calc(var(--grid-column-gap) * 4)}.kontakt-links a{text-decoration:underline}#kontakt .figure{position:relative;padding:0;margin:0;overflow:hidden}#kontakt .figure::after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--clr-ft-100);mix-blend-mode:lighten}#kontakt .figure img{filter:saturate(0)brightness(1.1);width:calc(100% + 1px);left:-1px;mix-blend-mode:multiply}.on-load{transform:translateY(var(--grid-column-gap));opacity:0;transition:transform .33s ease,opacity .33s ease;pointer-events:none}.on-load.loaded-in{transform:translateY(0);opacity:1;display:block;pointer-events:all}#canvas-container{grid-column:1/-1}#canvas-container{border:none;border-radius:8px;background:#fff;position:relative;width:100%;max-width:800px;margin:0 auto}canvas{display:block;cursor:grab;width:100%;height:auto;border:none}canvas:active{cursor:grabbing}@media(max-width:1280px){body{--grid-columns-large:repeat(5, 1fr);--grid-columns-regular:repeat(4, 1fr)}.page-overlay>div:nth-child(n+6){display:none}section{grid-column:2/-1}.work-heading>p{grid-column:3/-1}#filosofi p:first-of-type{grid-column:3/-1}#filosofi p:last-of-type{grid-column:2/4}#om-mig p{grid-column:1/-1}.item:first-of-type{grid-column:1/-1}.tjanst{grid-column:1/-2}}@media(max-width:1024px){body{--grid-columns-large:repeat(4, 1fr);--grid-columns-regular:repeat(3, 1fr);--grid-columns-small:1fr}.page-overlay>div:nth-child(n+5){display:none}section{grid-column:2/-1}#filosofi p:first-of-type,#filosofi p:last-of-type{grid-column:2/-1;font-size:var(--ft-s)}#om-mig p{font-size:var(--ft-s)}.tjanst,.item{grid-column:span 3}}@media(max-width:768px){body{--grid-columns-large:repeat(3, 1fr);--grid-columns-regular:repeat(2, 1fr)}.page-overlay>div:nth-child(n+4){display:none}#filosofi h2,#filosofi p:first-of-type,#filosofi p:last-of-type{grid-column:1/-1;margin-bottom:var(--grid-column-gap)}.tjanst,.item{grid-column:span 2}.kontakt-grid{grid-column:1/-1}}@media(max-width:480px){body{--grid-columns-large:repeat(2, 1fr);--grid-columns-regular:repeat(2, 1fr);--ft-display:clamp(2.25rem, 3.65vw, 25em)}.page-overlay>div:nth-child(n+3){display:none}section{grid-column:1/-1}#nav-home,#nav-toggle{z-index:1}#main-nav{display:flex;align-items:center;position:fixed;inset:0;padding:var(--grid-column-gap);background-color:var(--clr-bg-100);opacity:0;transition:opacity .33s ease;pointer-events:none}#main-nav.open{pointer-events:all;opacity:1}#main-nav ul{gap:calc(var(--grid-column-gap) * 1.5);font-size:var(--ft-l)}#main-nav li{transform:translateY(100%);opacity:0;transition:transform .33s ease,opacity .33s ease;transition-delay:calc(var(--timing,0) * .035s)}#main-nav li a{font-size:var(--ft-l)}#main-nav.open li{transform:translateY(0);opacity:1}#nav-toggle{position:fixed;top:var(--grid-column-gap);right:var(--grid-column-gap);width:24px;height:24px;display:flex;flex-direction:column;justify-content:center;gap:8px}#nav-toggle span{display:block;background-color:var(--clr-ft-100);height:2px;width:100%;transition:transform 300ms cubic-bezier(.33,0,.2,1)}body:has(#main-nav.open) #nav-toggle span:first-child{transform:translateY(5px)rotate(45deg)}body:has(#main-nav.open) #nav-toggle span:last-child{transform:translateY(-5px)rotate(-45deg)}#main-nav li:nth-child(2){--timing:1}#main-nav li:nth-child(3){--timing:2}#main-nav li:nth-child(4){--timing:3}#main-nav li:nth-child(5){--timing:4}#main-nav li:nth-child(6){--timing:5}#main-nav li:nth-child(7){--timing:6}}@media(min-width:768px){}@media(min-width:1020px){}body.a003{--clr-ft-100:rgb(37 18 207/ 1);--clr-ft-50:rgb(37 18 207/ 0.5);--clr-ft-33:rgb(37 18 207/ 0.333);--clr-ft-25:rgb(37 18 207/ 0.25);--clr-ft-0:rgb(37 18 207/ 0);--clr-bg-100:rgb(238 238 238 / 1);--clr-bg-50:rgb(238 238 238 / 0.5);--clr-bg-0:rgb(238 238 238 / 0);--clr-hl-100:rgb(255 199 0 / 1);--clr-hl-50:rgb(255 199 0 / .5);--clr-hl-33:rgb(255 199 0 / .33);--clr-hl-25:rgb(255 199 0 / .25);--clr-hl-5:rgb(255 199 0 / .05)}body.a002{--clr-ft-100:rgb(28 28 28 / 1);--clr-ft-50:rgb(28 28 28/ 0.5);--clr-ft-33:rgb(28 28 28/ 0.333);--clr-ft-25:rgb(28 28 28/ 0.25);--clr-ft-0:rgb(28 28 28/ 0);--clr-bg-100:rgb(238 238 238 / 1);--clr-bg-50:rgb(238 238 238 / 0.5);--clr-bg-0:rgb(238 238 238 / 0);--clr-hl-100:rgb(145 255 89 / 1);--clr-hl-50:rgb(145 255 89 / .5);--clr-hl-33:rgb(145 255 89 / .33);--clr-hl-25:rgb(145 255 89 / .25);--clr-hl-5:rgb(145 255 89 / .05)}@media(prefers-color-scheme:dark){:root{--clr-ft-100:rgb(217 210 197);--clr-ft-50:rgb(217 210 197 / 0.5);--clr-ft-33:rgb(217 210 197 / 0.333);--clr-ft-25:rgb(217 210 197 / 0.25);--clr-ft-0:rgb(217 210 197 / 0);--clr-bg-100:rgb(0 1 13);--clr-bg-50:rgb(0 1 13 / 0.5);--clr-bg-0:rgb(0 1 13 / 0);--clr-hl-100:rgb(140 130 116 / 1);--clr-hl-50:rgb(140 130 116/ 0.125);--clr-hl-33:rgb(140 130 116/ 0.333);--clr-hl-25:rgb(140 130 116/ 0.25);--clr-hl-0:rgb(140 130 116/ 0)}img{filter:brightness(.825)}#kontakt .figure img{mix-blend-mode:lighten;filter:saturate(0)brightness(1.25)}#kontakt .figure::after{background-color:var(--clr-ft-100);mix-blend-mode:darken}body.a002{--clr-ft-100:rgb(236 236 236 / 1);--clr-ft-50:rgb(236 236 236/ 0.5);--clr-ft-33:rgb(236 236 236/ 0.333);--clr-ft-25:rgb(236 236 236/ 0.25);--clr-ft-0:rgb(236 236 236/ 0);--clr-bg-100:rgb(28 28 28 / 1);--clr-bg-50:rgb(28 28 28 / 0.5);--clr-bg-0:rgb(28 28 28 / 0);--clr-hl-50:rgb(255 199 0 / .25)}body.a003{--clr-ft-100:#dad7cd;--clr-ft-50:#dad7cd50;--clr-ft-33:#dad7cd33;--clr-ft-25:#dad7cd25;--clr-ft-0:#dad7cd00;--clr-bg-100:#344e41;--clr-bg-50:rgb(0 1 13 / 0.5);--clr-bg-0:rgb(0 1 13 / 0);--clr-hl-100:#faedcd;--clr-hl-50:#faedcd50;--clr-hl-33:#faedcd33;--clr-hl-25:#faedcd25;--clr-hl-0:rgb(140 130 116/ 0)}}