h1,h2,h2.h1{font-size:38px}.button,html{color:var(--text-color)}.hero,.hero-img{height:70vh}.button,.project__item,header nav a{text-decoration:none}.button,header nav a.active{font-weight:600}html{--primary-color:#FCA58A;--secondary-color:#2D2D2D;--bg-color:#F3ECEA;--text-color:#2D2D2D;--text-color--light:#525252;--bp-s:0;--bp-m:480px;--bp-l:767px;--bp-xl:1024px;--bp-xxl:1200px;--s:8px;--m:16px;--l:24px;--xl:32px;--xxl:48px;--xxxl:56px;--container:1280px;font-family:Roboto,sans-serif}body{background-color:var(--bg-color)}body:not(.index) header a{filter:invert(1)}main{padding-bottom:70px}section{margin:100px 0}.container{max-width:var(--container);padding:0 var(--m);margin:0 auto}.row-80{max-width:80%;margin:0 auto}h1,h2.h1{position:relative;margin-bottom:var(--xxl)}.button,header nav a,p.preamble{font-size:21px}h1:after,h2.h1:after{content:"";border-bottom:7px solid var(--primary-color);width:65px;margin-bottom:-50px;position:absolute;bottom:50px;left:0}.about-hero__img,.project__item h3{position:relative}h2{margin-bottom:var(--l)}h3{font-size:28px}h4{font-size:24px}p{font-size:18px;margin-bottom:var(--m)}.button{background-color:var(--primary-color);padding:var(--m) var(--xxxl);display:inline-block;transition:.3s;border-radius:4px}.about-hero,.bar-chart__item,.contact-box,.hero,.hero__content,.image-text-teaser,.info-row--column,.project,header,header nav ul{display:flex}.button:hover{filter:brightness(.8)}header{padding:var(--m) 88px;justify-content:space-between;top:0;left:0;width:100%;position:absolute}header nav ul{padding:0;grid-column-gap:80px}.project__item h3,header nav li{display:inline-block}header nav a{color:#fff}header .logo img{width:50px}.hero{background-color:var(--secondary-color);color:#fff;justify-content:center;align-items:flex-end}.hero__content{align-items:center;width:var(--container);padding:0 var(--m)}.hero__text{text-align:right;flex:1}.hero__text p{font-size:24px;margin-bottom:var(--xl)}.hero__text .hero__title{font-size:28px;text-transform:uppercase;display:block}.hero__text .hero__heading{font-size:62px;display:block;line-height:1;color:#dedede;margin-bottom:var(--s)}.hero__img{background:url(images/shape.svg) center bottom no-repeat;flex:1}.hero__img img{width:90%;margin:0 auto}.hero-img--fortuna{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) center center/cover,url(images/case/fortuna-hero.png) center center/cover no-repeat}.hero-img--theshining{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) center center/cover,url(images/case/) center center/cover no-repeat}.hero-img--hjalpenhemlos{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) center center/cover,url(images/case/hjalpenhemlos-hero.png) center center/cover no-repeat}.project{grid-gap:20px;margin-bottom:20px}.project__item{color:var(--text-color)}.project__item h3:after{content:"";background:url(images/svg/link-arrow.svg) no-repeat;position:absolute;right:-43px;top:4px;width:36px;height:30px}.project__item img{margin-bottom:var(--s);opacity:.8;transition:.3s}.project__item img:hover{opacity:1}.contact-box{background-color:var(--secondary-color);padding:60px var(--xxl);margin-bottom:100px;align-items:center;justify-content:space-around;grid-gap:20px}.contact-box span{font-size:44px;color:#fff;line-height:1.2}.contact-box .button{flex-shrink:0}.about-hero__img,.about-hero__text,.bar-chart h4{flex:1}.about-hero__text{display:flex;flex-direction:column;justify-content:center}.about-hero__img-shape{z-index:-1}.about-hero__img-profile{position:absolute;bottom:0;right:0;width:80%}.info-row{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #b9b9b9}.info-row a{color:var(--text-color)}.info-row__heading span,.info-row__text{color:var(--text-color--light)}.info-row__heading h3{display:inline;margin-right:8px}.info-row__text{font-size:21px;margin-bottom:0}.bar-chart,.image-text-teaser__image{width:60%}.image-text-teaser__text{background-color:#fff;padding:32px;margin-top:-42px;align-self:flex-start}.image-text-teaser__text span{background-color:#000;color:#fff;padding:2px 10px;margin-bottom:42px;font-weight:600;display:inline-block}.image-text-teaser__text h4{font-size:32px;color:var(--text-color--light);margin-bottom:42px}.bar-chart__item{align-items:center;column-gap:20px;margin-bottom:20px}.bar-chart__bar{width:100%;height:18px;background-color:#fff;flex:3}.bar-chart__bar div{height:18px;background-color:var(--primary-color)}.info-row--column{column-gap:var(--xxl)}.info-row--column img{width:48px;margin-bottom:var(--s)}.about,.contact{margin-top:180px}.case-img{text-align:center}.case-img *{display:inline-block;margin-bottom:40px}.reveal{position:relative;transform:translateY(100px);opacity:0;transition:1s}.reveal.active{transform:translateY(0);opacity:1}@media only screen and (max-width:767px){header{padding:var(--s) var(--m)}header nav{width:100%;position:absolute;left:0;top:0;height:100vh;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;z-index:90;max-height:0;transition:max-height .5s ease-out}header nav ul{align-items:center;flex-direction:column;grid-row-gap:20px;margin-top:-200px}header nav a{font-size:36px}body:not(.index) header .hamb{filter:invert(1)}.hamb{cursor:pointer;float:right;padding:20px;z-index:100}.hamb-line{background:#fff;display:block;height:2px;position:relative;width:var(--xl)}.about-hero__img,.about-hero__text,.bar-chart,.container,.image-text-teaser__image{width:100%}.hamb-line::after,.hamb-line::before{background:#fff;content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}.hamb-line::before{top:8px}.hamb-line::after{top:-8px}.side-menu{display:none}.side-menu:checked~nav{max-height:100vh}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}section{margin:60px 0}.row-80{max-width:100%}.about-hero__img,h2.h1{margin-bottom:var(--xl)}.hero__text .hero__heading{font-size:var(--xxl)}.contact-box{padding:48px 16px;margin:0 -16px;grid-gap:38px}.contact-box span{font-size:var(--xl)}.about-hero,.contact-box,.image-text-teaser,.project{flex-direction:column}.about,.contact{margin-top:100px}.image-text-teaser__text{align-self:auto}.info-row h2{font-size:24px}.case-img__mobile{width:50%}}@media only screen and (max-width:1023px){.hero{height:100vh}.hero__content{flex-direction:column;grid-gap:var(--xl)}.hero__text{text-align:center}.hero__text p{margin-bottom:var(--l)}.hero__img{background-size:90%}}@media (min-width:768px){.hamb,.side-menu{display:none}.case-img__mobile{width:24%}}