header{align-items:stretch;background-color:#262523;border-bottom:4px solid #bf4342;display:flex;font-family:Karrik,sans-serif;height:60px;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:110}header:after{background:repeating-linear-gradient(180deg,#fff7f0 0 1px,#0000 1px 3px);bottom:0;content:"";height:16px;left:0;opacity:.45;pointer-events:none;position:absolute;right:0}.navname{align-items:center;background-color:#262523;border-right:1px solid #fff7f0;color:#bf4342;flex-shrink:0;font-family:outward,sans-serif;font-size:4.1em;height:100%;justify-content:center;letter-spacing:.01em;padding-left:14px;padding-right:10px;padding-top:10px;text-decoration:none}.navname,.tabs{display:flex;position:relative;z-index:1}.tabs{align-items:flex-end;margin-left:auto;min-width:0;overflow-x:auto;padding:0 5vw 0 24px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;color:#262523;display:flex;flex-shrink:0;font-size:1rem;height:34px;isolation:isolate;margin-bottom:0;margin-bottom:calc(var(--i, 0)*3px);margin-left:-6px;padding:0 24px;position:relative;text-decoration:none;transition:height .15s ease,margin-bottom .15s ease;white-space:nowrap}.tab:before{background-color:#fff7f0;border:1px solid #262523;border-bottom:none;border-radius:7px 7px 0 0;content:"";inset:0;position:absolute;transform:perspective(40px) rotateX(8deg);transform-origin:bottom;z-index:-1}.tab:hover{height:40px}.tab:focus-visible{outline:2px solid #bf4342;outline-offset:-5px}.tabActive,.tabActive:hover{color:#fff7f0;height:50px;margin-bottom:0}.tabActive:before{background-color:#bf4342;border-color:#bf4342}.tabActive:focus-visible{outline-color:#fff7f0}.tabRider{left:0;margin:0;position:fixed;top:0;z-index:2}@media (orientation:portrait){.navname{display:none}.tabs{padding:0 6px 0 10px}.tab{font-size:clamp(.6rem,3vw,.9rem);padding:0 min(1.6vw,16px)}}@media (prefers-reduced-motion:reduce){.tab{transition:none}}img{background-color:#bf4342;object-fit:cover;padding:10px;width:25%}.list{margin-top:2vh}.projektinfo{background-color:#fff7f0;border:1px solid #262523;margin:3vh 1.5%;width:25%}.projektinfo img{background:none;display:block;padding:0;width:100%}.projektinfo figcaption{border-top:1px solid #262523;color:#262523;font-family:Karrik,sans-serif;padding:8px 12px}@media (orientation:portrait){.projektinfo,img{width:50%}}.scrollContainer{align-items:center;display:flex;height:10vh;overflow:hidden}.group,.scroll{display:flex}.group{animation:marquee linear infinite;flex-shrink:0}.group span{color:#262523;flex-shrink:0;font-family:outward,sans-serif;font-size:5em;-webkit-user-select:none;user-select:none;white-space:pre}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (orientation:portrait){.scrollContainer{height:7vh}.group span{font-size:calc(5vh + 5vw)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.anchor{display:block;height:0}.wrapper{border-top:4px solid #bf4342;box-shadow:0 -10px 24px #2625234d;display:flex;flex-direction:column;font-family:Karrik,sans-serif;min-height:100vh;overflow:hidden;padding-top:10vh;position:sticky;top:0;width:100%}.normal-background{background-color:#fff7f0}.about-background{background-image:url(/static/media/about-bakgrund.706e0822bda46861e29c.png)}.about-background,.photo-background{background-position:50%;background-repeat:no-repeat;background-size:cover}.photo-background{background-image:url(/static/media/grain2.350b3b7ff3eb73c22425.png)}@media (orientation:portrait){.wrapper{height:auto;overflow-y:scroll;padding-top:6vh}}button{align-items:left;background-color:#fff7f0;text-align:left}a{color:#262523;text-decoration:none}.bebas-neue-regular{font-family:Bebas Neue,sans-serif;font-style:normal;font-weight:400}.buttonNav{background-color:#fff7f0;color:#262523}.buttonNav,.buttonNav:hover,.buttonNavActive{align-items:center;border:none;font-family:Karrik,sans-serif;font-size:1rem;outline:none;padding:6px 20px;text-decoration:none}.buttonNav:hover,.buttonNavActive{background:#bf4342;color:#fff7f0}.buttonCode{align-items:left;border:1px solid #262523;border-radius:1.5vw 1.5vw 0 0;flex-direction:row;font-family:Bebas Neue,sans-serif;justify-content:flex-start;letter-spacing:1vw;width:42vw}.buttonDesign{width:46vw;z-index:1}.buttonDesign,.buttonPhoto{align-items:left;border:1px solid #262523;border-radius:1.5vw 1.5vw 0 0;flex-direction:row;font-family:Bebas Neue,sans-serif;justify-content:flex-start;letter-spacing:1vw;margin-top:-4vh}.buttonPhoto{width:50vw;z-index:2}.buttonCode,.buttonDesign,.buttonPhoto{position:relative;transition:transform .15s ease}@media (prefers-reduced-motion:no-preference){.buttonCode:hover,.buttonDesign:hover,.buttonPhoto:hover{transform:translateY(-.8vh)}}.buttonCode:hover{background-color:#262523}.buttonCode:hover>.buttonText{color:#fff7f0}.buttonDesign:hover{background-color:#262523}.buttonDesign:hover>.buttonText{color:#fff7f0}.buttonPhoto:hover{background-color:#262523}.buttonPhoto:hover>.buttonText{color:#fff7f0}.buttonText{border:none;color:#262523;font-size:8vw;margin-left:2rem}@media (orientation:portrait){button{align-items:center;text-align:center}.buttonPhoto{align-items:center;justify-content:center;margin-top:-1.5vw;width:95vw}.buttonCode,.buttonscontainer .buttonCode{width:87vw}.buttonCode,.buttonDesign,.buttonscontainer .buttonCode{align-items:center;justify-content:center;margin-right:0}.buttonDesign{margin-top:-1.5vw;width:91vw}.buttonText{font-size:12vw;margin-left:0}}@font-face{font-family:outward;font-style:normal;font-weight:400;src:url(/static/media/outward-block-webfont.3e9a0dc77205583d9c0a.woff2) format("woff2"),url(/static/media/outward-block-webfont.2ee1cce4c1e4acd89102.woff) format("woff"),url(/static/media/outward-block-webfont.25892c7f81c66725da26.ttf) format("truetype") url(/static/media/outward-block-webfont.260acb3809611367d15b.svg) format("svg"),url(/static/media/outward-block-webfont.fb115cbf9ffe09ac7d1c.eot) format("eot")}.title{color:#262523;display:flex;font-family:outward,sans-serif;font-size:calc(10vh + 20vw);height:100%;justify-content:left;line-height:.705;margin:0;padding:0;-webkit-user-select:none;user-select:none}.aboutmetitle,.contacttitle,.designtitle{color:#bf4342;display:flex;font-family:outward,sans-serif;font-size:calc(10vh + 20vw);height:100%;justify-content:left;line-height:.705;margin:0;padding:0;-webkit-user-select:none;user-select:none}@media (orientation:portrait){.aboutmetitle,.contacttitle,.designtitle,.title{font-size:calc(15vh + 30vw);line-height:.71}}.undercontent{display:flex;height:25vh;justify-content:left;margin-bottom:9vh;margin-left:16vw;position:absolute;width:30vw}.undercontent-intro{align-content:start;max-width:30vw}.undercontent-intro h2{color:#262523;font-size:calc(1vh + 1vw);-webkit-user-select:none;user-select:none}@media (orientation:portrait){.undercontent{display:flex;height:25vh;justify-content:left;margin-left:calc(5vh + 18vw);margin-top:calc(5vh + 4vw);position:absolute;width:30vw}.undercontent h2{font-size:calc(1vw + 1vh)}}.content{align-items:center;width:100vw}.content,.textArea{display:flex;justify-content:left}.textArea{color:#262523;flex-direction:column;padding:5vh 0 0 1.5%;width:100%}.buttonscontainer{height:auto;margin-left:auto;margin-right:1vw;width:62vw}.buttons{align-items:flex-end;display:flex;flex-direction:column;width:100%}.listing{align-self:flex-start;color:#262523;font-size:calc(1vh + 1vw);font-weight:700;line-height:1.3;margin-top:auto;padding:2vh 1.5% 4vh}.listingRow{color:#262523;display:grid;grid-template-columns:9em auto;padding:0 .4em;text-decoration:none}a.listingRow:focus-visible,a.listingRow:hover{background-color:#bf4342;color:#fff7f0;outline:none}@media (prefers-reduced-motion:no-preference){.listingRow{animation:print 10ms 2.2s backwards;animation:print 10ms calc(2.2s + var(--i, 0)*90ms) backwards}}@keyframes print{0%{visibility:hidden}}@media (orientation:portrait){.listing{font-size:calc(1vw + 1vh);padding-top:6vh}.content,.textArea{flex-direction:column}.textArea{color:#262523;display:flex;justify-content:left;padding-top:5vh;width:100vw}.buttonscontainer{height:100%;width:100%}.buttons{align-items:center;margin-left:0;margin-right:0;width:auto}}.photo-container{display:flex;justify-content:center;left:50%;margin:0 auto 2em;padding:1em .5em;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:86vw}.indicator{background:#fff7f0;border-radius:100%;height:5px;left:0;position:absolute;top:0;transition:all 1s cubic-bezier(.075,.82,.165,1);width:5px}.gallery{width:100%}.gallery,.gallery-item{display:flex;overflow:hidden}.gallery-item{background:#262523;border:none;cursor:pointer;flex:0 1 30px;height:60vh;margin:0 2px;min-width:0;padding:0;transition:flex 1s cubic-bezier(.075,.82,.165,1)}.gallery-itemOpen{flex:1 1 40vw}.gallery-item:focus-visible{outline:2px solid #bf4342;outline-offset:-3px}.spine{align-items:center;background:#fff7f0;color:#262523;display:flex;flex:0 0 30px;font-family:Karrik,sans-serif;font-size:.85rem;letter-spacing:.08em;padding-top:14px;position:relative;white-space:nowrap;writing-mode:vertical-rl;z-index:1}.gallery-itemOpen .spine{background:#bf4342;color:#fff7f0}.gallery-item img{background:none;flex:none;height:100%;object-fit:cover;padding:0;width:max(30vw,calc(86vw - 696px))}@media (orientation:portrait){.photo-container{margin:0;padding:4vh 3vw 6vh;position:static;transform:none;width:100%}.indicator{display:none}.gallery{flex-direction:column;overflow:visible}.gallery-item{flex:none;flex-direction:column;height:34px;margin:2px 0;transition:height .6s cubic-bezier(.075,.82,.165,1);width:100%}.gallery-itemOpen{flex:none;height:calc(34px + 62vw)}.spine{flex:0 0 34px;padding:0 12px;width:100%;writing-mode:horizontal-tb}.gallery-item img{height:62vw;width:100%}}@media (prefers-reduced-motion:reduce){.gallery-item{transition:none}}.aboutContent{align-items:center;display:flex;justify-content:space-between;width:100vw}.aboutTextArea{color:#262523;display:flex;flex-direction:column;justify-content:left;padding:5vh 0 0 1.5%;width:20vw}.aboutmeinfo{color:#fff7f0;font-size:1.5vw;width:40vw}.aboutmeinfo p{margin-top:2vh;-webkit-user-select:none;user-select:none}.profil{margin-right:4vw}.profile-pic{background-color:#fff7f0;box-shadow:0 6px 16px #26252366;object-fit:cover;transform:rotate(2deg);width:25vw}@media (orientation:portrait){.aboutContent{flex-direction:column;height:70vh}.aboutTextArea{color:#262523;display:flex;flex-direction:column;justify-content:left;padding-top:5vh;width:100vw}.aboutmeinfo{color:#fff7f0;font-size:5vw;width:80vw}.profil{margin-right:0}.profile-pic{width:50vw}}.contactContent{align-items:center;display:flex;justify-content:space-between;position:relative;width:100vw;z-index:1}.scatter{inset:0;overflow:hidden;pointer-events:none;position:absolute}.scatterLetter{fill:#fff7f0;stroke:#262523;stroke-width:1px;height:auto;opacity:1;position:absolute}.scatterLetter polyline{fill:none}.scatterStamp{fill:#bf4342;stroke:none}.scatterLetter:first-child{left:40%;top:12%;transform:rotate(14deg);width:20vw}.scatterLetter:nth-child(2){left:78%;top:6%;transform:rotate(-9deg);width:22vw}.scatterLetter:nth-child(3){left:86%;top:52%;transform:rotate(22deg);width:20vw}.scatterLetter:nth-child(4){left:36%;top:66%;transform:rotate(-17deg);width:21vw}.scatterLetter:nth-child(5){left:62%;top:78%;transform:rotate(6deg);width:23vw}.scatterLetter:nth-child(6){left:55%;top:-6%;transform:rotate(-24deg);width:18vw}.image-background{background-image:url(/static/media/about-bakgrund.706e0822bda46861e29c.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.contactTextArea{color:#262523;display:flex;flex-direction:column;justify-content:left;padding:5vh 0 0 1.5%;width:20vw}.mail{--w:min(50vw,78vh);color:#262523;flex-shrink:0;font-family:Karrik,sans-serif;font-size:calc(var(--w)*.032);font-weight:700;line-height:1.4;margin-right:4vw;padding-top:calc(var(--w)*.46);width:var(--w)}.envelope{aspect-ratio:3/2;perspective:1000px;position:relative;transform:translateY(calc(var(--w)*-.23)) rotate(-3deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.mail:focus-within .envelope,.mail:hover .envelope,.mailOpen .envelope{transform:none}.envelope:after{border:10px solid #0000;border-image:repeating-linear-gradient(-45deg,#bf4342 0 12px,#262523 12px 24px) 10;border-top-width:0;content:"";pointer-events:none;z-index:3}.envBack,.envelope:after{inset:0;position:absolute}.envBack{background-color:#fff7f0;border:1px solid #262523}.envelope svg{fill:#fff7f0;stroke:#262523;stroke-width:1px;display:block;height:100%;pointer-events:none;width:100%}.envelope svg,.envelope svg *{vector-effect:non-scaling-stroke}.envFlap{height:58%;left:0;top:0;transform-origin:top;transition:transform .3s ease,z-index 0s .3s;width:100%;z-index:4}.envFlap,.seal{position:absolute}.seal{align-items:center;aspect-ratio:1;background-color:#bf4342;border-radius:50%;color:#fff7f0;display:flex;font-size:1.3em;justify-content:center;left:50%;top:100%;transform:translate(-50%,-70%);transition:opacity .15s ease;width:13%}.letter{background-color:#fff7f0;border:1px solid #262523;height:90%;left:5%;padding:5% 7%;position:absolute;right:5%;top:6%;transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:2}.letter p{margin-bottom:.5em}.letter .letterHead{border-bottom:1px solid #262523;font-family:outward,sans-serif;font-size:3em;font-weight:400;letter-spacing:.06em;line-height:.85;margin-bottom:.2em;padding-bottom:.1em}.letterLinks{display:flex;gap:1.2em}.letter a{color:#262523;display:block;font-size:1.7em;line-height:1.25;margin-left:-.2em;padding:0 .2em;text-decoration:underline;width:fit-content}.letter a:focus-visible,.letter a:hover{background-color:#bf4342;color:#fff7f0;outline:none;text-decoration:none}.letter .letterSign{margin-top:.6em;text-align:right}.envPocket{z-index:3}.envOpen,.envPocket{inset:0;position:absolute}.envOpen{background:none;border:none;cursor:pointer;z-index:5}.mail:focus-within .envFlap,.mail:hover .envFlap,.mailOpen .envFlap{transform:rotateX(180deg);z-index:1}.mail:focus-within .seal,.mail:hover .seal,.mailOpen .seal{opacity:0}.mail:focus-within .letter,.mail:hover .letter,.mailOpen .letter{transform:translateY(-75%);transition-delay:.25s}.mail:focus-within .envOpen,.mail:hover .envOpen,.mailOpen .envOpen{pointer-events:none}@media (prefers-reduced-motion:reduce){.envFlap,.envelope,.letter,.seal{transition:none}}@media (orientation:portrait){.contactContent{flex-direction:column;padding-bottom:8vh}.scatterLetter:first-child{left:-12%;top:50%;transform:rotate(12deg);width:48vw}.scatterLetter:nth-child(2){left:62%;top:44%;transform:rotate(-14deg);width:46vw}.scatterLetter:nth-child(3){left:70%;top:80%;transform:rotate(20deg);width:50vw}.scatterLetter:nth-child(4){left:-15%;top:84%;transform:rotate(-10deg);width:52vw}.scatterLetter:nth-child(5){left:30%;top:93%;transform:rotate(5deg);width:44vw}.scatterLetter:nth-child(6){display:none}.mail{--w:88vw;font-size:calc(var(--w)*.04);margin-right:0}.contactTextArea{color:#262523;display:flex;flex-direction:column;justify-content:left;padding-top:5vh;width:100vw}.buttonscontainer{width:100%}.buttons{align-items:center;margin-left:0;margin-right:0;width:auto}}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Karrik;font-style:normal;font-weight:400;src:url(/static/media/Karrik-Regular.3c1cffe6c63821da3253.woff2) format("woff2"),url(/static/media/Karrik-Regular.1349fe0dc799d1851315.woff) format("woff"),url(/static/media/Karrik-Regular.7f3178fd17d03fc98cfe.ttf) format("truetype")}.designContent{align-items:center;display:flex;justify-content:center;width:100vw}.designTextArea{align-items:center;justify-content:center;width:30vw}.designTextArea,.fontSection{color:#262523;display:flex;flex-direction:column;padding-top:5vh}.fontSection{align-items:left;justify-content:baseline;width:100vw}.fontTextOutward{font-family:outward,sans-serif;padding-left:1vw}.fontTextKarrik,.fontTextOutward{color:#262523;display:flex;font-size:calc(5vh + 10vw);height:100%;justify-content:baseline;line-height:.705;margin:0;-webkit-user-select:none;user-select:none}.fontTextKarrik{font-family:Karrik,sans-serif;padding:5vh 0 0}.fontTextBebas{color:#262523;display:flex;font-family:Bebas Neue,sans-serif;font-size:calc(5vh + 10vw);height:100%;justify-content:baseline;line-height:.705;margin:0;padding:5vh 0 0;-webkit-user-select:none;user-select:none}.colorSection{color:#262523;display:flex;flex-direction:column;width:100vw}.highlight{background-color:#bf4342}.dark,.highlight{align-items:center;display:flex;height:30vh;justify-content:center;width:100vw}.dark{background-color:#262523}.light{align-items:center;background-color:#fff7f0;display:flex;height:30vh;justify-content:center;width:100vw}.colorText{color:#262523}.colorText,.colorTextLight{font-family:Karrik,sans-serif;font-size:6rem;text-align:center}.colorTextLight{color:#fff7f0}@media (orientation:portrait){.content{height:70vh}.content,.textArea{flex-direction:column}.textArea{color:#262523;display:flex;justify-content:left;padding-top:5vh;width:100vw}.colorText,.colorTextLight{font-size:20vw}}a,button{-webkit-tap-highlight-color:transparent}button,img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid #bf4342;outline-offset:2px}
/*# sourceMappingURL=main.690e0311.css.map*/