:root{--line-height:1.4em;--margin:calc(var(--line-height)*1.4);--light-grey:#0000000f;--max-page-width:2200px}@media (max-width:1000px){:root{--margin:calc(var(--line-height)*1)}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-size:17px;line-height:var(--line-height);-webkit-hyphens:auto;hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:4;-ms-hyphenate-limit-chars:10 3 4;hyphenate-limit-chars:10 3 4}@media (max-width:1000px){html,body{font-size:15px}}@media (max-width:700px){html,body{font-size:14px}}.wrapper{max-width:var(--max-page-width);margin:0 auto;position:relative}a,.a{color:inherit;cursor:pointer;text-decoration:none}a.link:after,.a.link:after{content:"↘";margin-left:.3em}a.link:hover:after,.a.link:hover:after,a.link.hidden:after,.a.link.hidden:after{color:#0000}a.link.hidden:hover:after,.a.link.hidden:hover:after{color:#000}a.link.external:after,.a.link.external:after{content:"↗"}@media (max-width:1000px){a.link:after,.a.link:after{content:none;margin-left:0}}img{width:100%;height:auto;display:block}.img-container{background-color:var(--light-grey);position:relative}p{margin-bottom:var(--line-height)}p:last-of-type{margin-bottom:0}.main{padding-bottom:calc(var(--margin)*5);z-index:50;min-height:calc(100vh - var(--line-height)*1.4);background-color:#fff;display:block;position:relative}.main .main-content{transition:opacity .5s}.main .main-content.page-loading{opacity:0;transition:opacity .25s}.thumbnail{position:relative}.thumbnail .hover-gradient{opacity:0;background:linear-gradient(#ffffff38,#0000);transition:opacity 1s;position:absolute;inset:0}section{padding:calc(var(--margin)*10)var(--margin)var(--margin)var(--margin);gap:var(--margin);grid-template-columns:repeat(6,1fr);display:grid;position:relative}section:first-of-type,section:nth-of-type(2){padding-top:var(--margin)}@media (max-width:1500px){section{padding-top:calc(var(--margin)*5)}}section.employees{padding-top:calc(var(--margin)*5)}@media (max-width:1500px){section .email{grid-column-end:span 2}}@media (max-width:700px){section .email{grid-column-end:span 3}}@media (max-width:1500px){section .adr{grid-column:1/span 2;grid-row-start:2}}@media (max-width:700px){section .adr{grid-column-end:span 3}}@media (max-width:500px){section .adr{grid-column-end:span 6}section .adr.om-oss{padding-bottom:calc(var(--margin)*5)}}@media (max-width:1500px){section .top-info-nav{grid-column:1/span 2;grid-row-start:3}}@media (max-width:700px){section .top-info-nav{grid-column:4/span 3;grid-row-start:1}}section .about{grid-column:5/span 2}@media (max-width:1500px){section .about{grid-column:4/span 3;grid-row-end:span 4}}@media (max-width:700px){section .about{grid-column:3/span 4}}@media (max-width:500px){section .about{grid-column:1/span 6}}section .about .employee{margin-bottom:calc(var(--line-height)*2)}section .about .employee:last-of-type{margin-bottom:0}@media (max-width:500px){section .about .employee{margin-bottom:calc(var(--line-height)*1)}}section .project-menu-item{gap:var(--margin);grid-template-columns:repeat(6,1fr);grid-column-end:span 6;display:grid}@media (max-width:1500px){section .project-menu-item{margin-bottom:0}}@media (max-width:700px){section .project-menu-item{margin-bottom:calc(var(--margin)*2)}}section .project-menu-item div{grid-column-end:span 2}@media (max-width:1500px){section .project-menu-item div{grid-column-end:span 3}}@media (max-width:700px){section .project-menu-item div{grid-column-end:span 6}}@media (max-width:500px){section .project-menu-item div{grid-column-end:span 6}}section .project-menu-item .project-info{grid-column-end:span 2}section .project-menu-item .project-info .info-item{gap:var(--margin);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:1500px){section .project-menu-item .project-info .info-item{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){section .project-menu-item .project-info .info-item{grid-template-columns:repeat(6,1fr)}}section .project-menu-item .project-info .info-item .title{grid-column-end:span 1}@media (max-width:1000px){section .project-menu-item .project-info .info-item .title{grid-column-end:span 2}}@media (max-width:700px){section .project-menu-item .project-info .info-item .title{grid-column-end:span 3}}section .project-menu-item .project-info .info-item .info{grid-column-end:span 1}@media (max-width:1500px){section .project-menu-item .project-info .info-item .info{grid-column-end:span 2}}@media (max-width:1000px){section .project-menu-item .project-info .info-item .info{grid-column-end:span 3}}@media (max-width:1500px){section .project-menu-item .project-info{grid-column-end:span 3}}@media (max-width:700px){section .project-menu-item .project-info{grid-column-end:span 6}}@media (max-width:1500px){section .project-menu-item .thumbnail{grid-column-start:4}}@media (max-width:700px){section .project-menu-item .thumbnail{grid-row-start:1;grid-column-start:1}}@media (max-width:1500px){section .project-menu-item .about{display:none}}section .project-menu-item:hover .thumbnail .hover-gradient{opacity:1;transition:opacity .5s}@media (max-width:500px){section.project{padding-top:calc(var(--margin)*1)}}section.project .project-info{grid-column-end:span 2}@media (max-width:1000px){section.project .project-info{grid-column-end:span 4}}@media (max-width:700px){section.project .project-info{grid-column-end:span 6}}section.project .project-info .info-item{gap:var(--margin);grid-template-columns:repeat(2,1fr);display:grid}section.project .img-caption{grid-column-end:span 2}section.project .img-caption.landscape{grid-row-start:2}@media (max-width:1500px){section.project .img-caption.landscape{grid-column-end:span 3}}@media (max-width:700px){section.project .img-caption.landscape{grid-column-end:span 4}}@media (max-width:500px){section.project .img-caption.landscape{margin-bottom:calc(var(--margin)*1);grid-column-end:span 6}section.project .img-caption.portrait{grid-column-end:span 6}}section.project .first-img.portrait{grid-column:4/span 3}@media (max-width:500px){section.project .first-img.portrait{grid-column:1/span 6}}section.project .first-img.landscape{grid-column-end:span 6}section.project .first-img .img-caption{margin-top:var(--line-height);grid-column-end:span 2}section.project .first-caption{display:initial;grid-column:5/span 2}@media (max-width:1500px){section.project .first-caption{grid-column:4/span 3}}@media (max-width:700px){section.project .first-caption{grid-column:3/span 4}}@media (max-width:500px){section.project .first-caption{padding-top:calc(var(--margin)*1);grid-column:1/span 6}}section.project .project-img.portrait{grid-column-end:span 2}@media (max-width:700px){section.project .project-img.portrait{grid-column-end:span 3}}@media (max-width:500px){section.project .project-img.portrait{grid-column-end:span 6}}section.project .project-img.landscape{grid-column-end:span 4}@media (max-width:1000px){section.project .project-img.landscape{grid-column-end:span 5}}@media (max-width:700px){section.project .project-img.landscape{grid-column-end:span 6}}section.project .project-img.square{grid-column-end:span 3}@media (max-width:700px){section.project .project-img.square{grid-column-end:span 6}}section.project .project-img.panorama{grid-column-end:span 6}section.project .project-img .img-caption{margin-top:var(--line-height);grid-column-end:span 2}@media (max-width:500px){section.project .project-img .img-caption{margin-bottom:var(--line-height)}}section.project .project-img.placeholder{grid-column-end:span 2}@media (max-width:1500px){section.project .project-img.placeholder{grid-column:4/span 3;grid-row-start:2}}@media (max-width:700px){section.project .project-img.placeholder{margin-top:calc(var(--line-height)*5);grid-column:3/span 4}}@media (max-width:500px){section.project .project-img.placeholder{grid-column:1/span 6;grid-row-start:auto;margin-top:0}}@media (max-width:1500px){section.project .project-img.placeholder .img-caption{margin-top:0}}section.project .project-img .placeholder{margin-bottom:calc(var(--line-height)*1);display:block}@media (max-width:1500px){section.project .project-img .placeholder{display:none}}section.project .drawing-wrapper{grid-column-end:span 6}section.project .drawing-wrapper .drawing{position:relative}section.project .drawing-wrapper .drawing .drawing-container{min-height:1000px;max-height:70vh;padding:var(--margin);justify-content:center;align-items:center;display:flex}@media (max-width:700px){section.project .drawing-wrapper .drawing .drawing-container{min-height:500px}}section.project .drawing-wrapper .drawing .drawing-container img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}section.project .drawing-wrapper .drawing .overlay{background-color:var(--light-grey);position:absolute;inset:0}section.project .drawing-wrapper .drawing-caption-container{gap:var(--margin);background-color:var(--light-grey);grid-template-columns:repeat(6,1fr);display:grid}section.project .drawing-wrapper .drawing-caption-container .drawing-caption{padding:var(--margin)0 var(--margin)var(--margin);grid-column-end:span 2}@media (max-width:1500px){section.project .drawing-wrapper .drawing-caption-container .drawing-caption{grid-column-end:span 3}}@media (max-width:700px){section.project .drawing-wrapper .drawing-caption-container .drawing-caption{grid-column-end:span 4}}@media (max-width:500px){section.project .drawing-wrapper .drawing-caption-container .drawing-caption{grid-column-end:span 6}}section.project .project-about{grid-column:5/span 2}@media (max-width:1500px){section.project .project-about{grid-column:4/span 3}}@media (max-width:700px){section.project .project-about{grid-column:3/span 4}}@media (max-width:500px){section.project .project-about{grid-column:1/span 6;margin-top:0}}section.project .project-about.row-2{grid-row-start:2}@media (max-width:700px){section.project .project-about.row-2{grid-column:3/span 4;grid-row-start:auto}}@media (max-width:500px){section.project .project-about.row-2{grid-column:1/span 6}}section.project .project-about.landscape{grid-column-start:1}section.project.landscape:nth-child(3n+3) .project-img.landscape{grid-column-end:span 6}section.home .project{margin-bottom:var(--margin);grid-column-end:span 2}@media (max-width:1000px){section.home .project{grid-column-end:span 3}}@media (max-width:500px){section.home .project{grid-column-end:span 6}}section.home .project .name{margin-top:var(--line-height)}section.home .project:hover .thumbnail .hover-gradient{opacity:1;transition:opacity .5s}section .not-found{grid-column-end:span 3}.project-image-credits{padding:calc(var(--margin)*10)var(--margin)var(--margin)var(--margin);gap:var(--margin);grid-template-columns:repeat(12,1fr);display:grid}.project-image-credits .cred-name{grid-column-end:span 2}@media (max-width:1000px){.project-image-credits .cred-name{grid-column-end:span 3}}@media (max-width:500px){.project-image-credits .cred-name{grid-column-end:span 4}}.project-image-credits .img-container{grid-column-end:span 2}@media (max-width:1000px){.project-image-credits .img-container{grid-column-end:span 3}}@media (max-width:500px){.project-image-credits .img-container{grid-column-end:span 4}}@media (max-width:1500px){.project-image-credits{padding-top:calc(var(--line-height)*10)}}.logo-info{padding:calc(var(--margin) + var(--line-height) + var(--margin)*.2)0 0 0;z-index:-10;position:sticky;top:0;left:0;right:0}.logo-info .logo{padding:calc(var(--margin)*1.8)var(--margin)var(--margin)var(--margin);gap:var(--line-height);grid-template-columns:repeat(6,1fr);justify-items:start;display:grid;position:relative}.logo-info .logo a,.logo-info .logo .a{width:100%}@media (max-width:700px){.logo-info .logo :first-child,.logo-info .logo :nth-child(2){grid-column-end:span 2}}.logo-info .logo :nth-child(3){grid-column-start:4}@media (max-width:700px){.logo-info .logo :nth-child(3){grid-column:1/span 2;grid-row-start:2}}.logo-info .logo :nth-child(4){grid-column-start:6}@media (max-width:700px){.logo-info .logo :nth-child(4){grid-column:5/span 2;grid-row-start:2}}nav{width:100%;max-width:var(--max-page-width);z-index:100;background-color:#fff;display:block;position:fixed;top:0}nav .menu,nav .name{padding:var(--margin)var(--margin)calc(var(--margin)*.2)var(--margin);gap:var(--line-height);grid-template-columns:repeat(6,1fr);transition:padding .5s;display:grid;position:relative}@media (max-width:700px){nav .menu,nav .name{row-gap:0}nav .name .hamran{grid-column-end:span 3}}nav .name .johansen{grid-column-start:4}@media (max-width:700px){nav .name .johansen{grid-column:1/span 3;grid-row-start:2}}nav .name .arkitekter{grid-column-start:6}@media (max-width:700px){nav .name .arkitekter{grid-column:5/span 2;grid-row-start:2}}nav .menu{position:absolute;inset:0}nav .menu .menu-name{grid-column-end:span 1}@media (max-width:700px){nav .menu .menu-name{grid-column-end:span 2}}nav .menu .menu-projects{grid-column-start:4}@media (max-width:700px){nav .menu .menu-projects{grid-column:5/span 2;grid-row-start:1}}@media (max-width:500px){nav .menu .menu-projects{grid-column:4/span 3}}nav .menu .menu-about{grid-column-start:6}@media (max-width:700px){nav .menu .menu-about{grid-column:5/span 2;grid-row-start:2}}@media (max-width:500px){nav .menu .menu-about{grid-column:4/span 3}}nav.active .name{opacity:0;transition:padding .5s,opacity .25s}nav.active .menu,nav.inactive .name{opacity:1;transition:padding .5s,opacity .25s .25s}nav.inactive .menu{opacity:0;transition:padding .5s,opacity .25s}nav.main-ref .name,nav.main-ref .menu{padding:calc(var(--margin)*.2)var(--margin)calc(var(--margin)*.2)var(--margin)}
@font-face{font-family:diatype;src:url(../media/ABCDiatypeMono_RegularItalic-s.p.6a2e9e5c.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:diatype;src:url(../media/ABCDiatypeMono_Regular-s.p.c19e7a8d.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:diatype Fallback;src:local(Arial);ascent-override:73.62%;descent-override:27.23%;line-gap-override:0.0%;size-adjust:131.49%}.diatype_3c10e91e-module__SwMMya__className{font-family:diatype,diatype Fallback}