/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Victor Mono;src:url(/fonts/VictorMono-VariableFont_wght.ttf)}@font-face{font-family:Victor Mono Italic;src:url(/assets/VictorMono-Italic-VariableFont_wght-Dhdy3oyz.ttf)}:root{--color-darkblue: #00121a;--color-pastelblue: #65ab9e;font-family:Victor Mono;color:#fff;font-size:17px;scroll-behavior:smooth}body{background-color:var(--color-darkblue)}a{color:#fff}section>h1{font-weight:400;text-decoration:underline;text-align:center;font-size:3rem}section{padding-top:2.4em;padding-bottom:6em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-pastelblue);border-radius:3px}nav{position:fixed;top:0;left:0;right:0;z-index:3;-webkit-user-select:none;user-select:none}nav:before{content:"";display:block;background:linear-gradient(var(--color-darkblue),transparent);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition:opacity .4s ease-out;opacity:0}nav.occlude:before{opacity:1}nav ul{list-style-type:none;display:flex;justify-content:center;align-items:center;padding-top:2em;padding-bottom:2em;gap:6em;position:relative;left:-2rem}nav .name a{text-decoration:none}nav .name{text-decoration:none;font-family:Victor Mono Italic;font-size:2rem;font-weight:700}.hamburger-menu{display:none;padding:2em 2em 2em 3em;justify-content:space-between;align-items:center}.hamburger-menu .name{font-size:1.6rem}.hamburger-menu ul{position:fixed;margin:0;top:0;left:0;right:0;bottom:0;background-color:var(--color-darkblue);transform:translateY(-100vh);transition:transform .2s ease-in-out;z-index:-1;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1.6rem;gap:1.6em;font-weight:600}.hamburger-menu ul.show{transform:none}.hamburger-button{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:1.8em;height:1.2em;padding:.6em;cursor:pointer;position:relative}.hamburger-button.x div:first-child{display:none}.hamburger-button.x div:nth-child(2){transform:rotate(45deg)}.hamburger-button.x div:nth-child(3){transform:rotate(-45deg)}.hamburger-button.x div{position:absolute;left:.6em;right:.6em;top:1.2em}.hamburger-button div{background-color:#fff;height:3px;border-radius:2px;transition:transform .2s ease-out}@media screen and (max-width: 1050px){.regular-menu{display:none}.hamburger-menu{display:flex}}header{position:relative;overflow:hidden}header .content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;background:linear-gradient(transparent,var(--color-darkblue));padding-bottom:8em}header .bg{background-image:url(/images/Vattenfall-01.jpg);background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition:transform .4s ease-out}.bg.zoom{transform:scale(1.1)}header h1{font-size:clamp(2rem,6vw,3rem);padding:0 1em;font-weight:400;text-align:center;max-width:20em;line-height:1.5;margin-top:6em}header .button{margin-top:2em}header .arrow-button{margin-top:12em}#projects{display:flex;flex-direction:column;align-items:center}#projects .grid{box-sizing:border-box;display:grid;max-width:75em;width:100%;grid-template-columns:repeat(3,1fr);column-gap:2.4em;row-gap:2.8em;justify-content:center;padding:2.6em 2em 2em}@media screen and (max-width: 1000px){#projects .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 700px){#projects .grid{grid-template-columns:1fr}}.project-item{cursor:pointer;position:relative;background-color:#00000080;height:12em;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;-webkit-user-select:none;user-select:none}.project-item,.project-item .bg{border-radius:.4rem}.project-item h2{padding:.4em 1em}.project-item .bg{background-image:var(--img);background-size:cover;background-position:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition:transform .3s ease-out}.project-item:hover .bg{transform:scale(1.08)}#cv{display:flex;flex-direction:column;align-items:center}#cv .button{margin-top:4em}#cv .arrow-button{margin-top:28em}.arrow-button{justify-self:flex-end;display:flex;flex-direction:column;align-items:center;gap:1.2em;margin-top:1rem}.arrow-button .arrow{--stroke-width: 2px;--stem: 1.6em;--wings: .7em;background-color:#fff;width:var(--stroke-width);height:var(--stem);position:relative;border-radius:2px 2px 0 0}.arrow-button .arrow:before,.arrow-button .arrow:after{content:"";display:block;transform-origin:bottom right;height:var(--stroke-width);width:var(--wings);background-color:#fff;position:absolute;right:1px;border-radius:2px 0 0 2px;bottom:-2px;transform:rotate(45deg)}.arrow-button .arrow:after{transform:rotate(135deg) translateY(var(--stroke-width))}.button{display:block;text-align:center;background-color:var(--color-pastelblue);padding:.8em 2.4em;font-size:1.4rem;text-decoration:none;border-radius:.4rem;font-weight:500}.button.small-text{font-size:1rem}#contact{padding-top:10em;display:flex;flex-direction:column;align-items:center}#contact h1{margin-bottom:2em}#contact a{font-size:2rem;font-weight:700;margin-bottom:.8em;display:flex;gap:.6em;text-decoration:none;-webkit-user-select:initial;user-select:initial}#contact a span{text-align:center}@media screen and (max-width: 700px){#contact a{flex-direction:column;align-items:center;margin-top:1em;gap:.6em}}footer{background-color:#002533;display:flex;justify-content:center;padding:5em 0;margin-top:5em}footer a{font-weight:600}#project-details{background-color:var(--color-darkblue);position:fixed;top:0;left:0;right:0;bottom:0;transition:transform .2s ease-in-out;transition-delay:.1s;transform:translate(-100vw);z-index:1;padding:10em 8em 4em 10em;display:flex;justify-content:stretch;flex-wrap:wrap;overflow:auto}#project-details>*{flex:1}#project-details h1{font-size:1.7rem}#project-details.show{transform:none}#project-details .details{padding-right:4em;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}#project-details .description{margin-top:2.8em;font-weight:300;line-height:1.9}#project-details .description b{font-weight:600}#project-details .description p{padding-bottom:2em}#project-details .back-button{height:3em;cursor:pointer;margin-left:-.6em}@media screen and (max-width: 1500px){#project-details{padding:10em calc(5vw - 1em);padding-bottom:4em}}@media screen and (max-width: 1080px){#project-details{flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;padding:10em 2em;transform:translateY(100vw)}#project-details .details{flex-direction:column-reverse}#project-details .images{min-width:0}body:has(#project-details.show){overflow:hidden}#project-details .back-button{margin-bottom:1em}}.other-images .image-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:stretch;gap:1em;overflow-x:hidden;scroll-behavior:smooth}.other-images img{cursor:pointer;object-fit:contain}.other-images img.dim{filter:brightness(50%);transition:filter .2s ease-out}.other-images img:hover{filter:none}.images{flex:1.8;min-width:40em;-webkit-user-select:none;user-select:none}.images>img{width:100%;object-fit:contain}.other-images{height:6em;margin-top:1em;position:relative}.scroll-button{position:absolute;width:4em;top:0;bottom:0;z-index:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease-out;display:flex;align-items:center;justify-content:flex-start}.scroll-button img{width:1.4em;padding:0 .4em}.scroll-button.show{opacity:1;pointer-events:initial}.scroll-button.previous{left:0;background:linear-gradient(90deg,var(--color-darkblue),transparent)}.scroll-button.next{right:0;background:linear-gradient(-90deg,var(--color-darkblue),transparent);justify-content:flex-end}.scroll-button.next img{transform:scaleX(-1)}