:root{--width-xxl: 1280px}body{font-family:"Roboto"}body h1,body h2,body h3,body h4,body h5{font-weight:300;margin-bottom:.75em}body[data-front] header{background:none}body[data-front] header>button span,body[data-front] header>button:before,body[data-front] header>button:after{background:#fff;box-shadow:0 0 2px 0 #000}body[data-front] footer{bottom:1rem;color:#fff;row-gap:2rem;position:fixed;opacity:0}body[data-front] footer:before{display:none}body[data-front] footer laark-name{display:none}body[data-front] footer address span a{color:#fff}body[data-front].menu-enabled footer{opacity:1}body[data-voila="2"] main{display:grid;grid-gap:6rem;grid-template-columns:1fr 1fr}body[data-voila="2"] main #field_10{grid-column:1/span 2}body.menu-enabled header>a{background:rgba(0,0,0,0)}body.menu-enabled header nav{left:0;width:100vw}body.menu-enabled header button span,body.menu-enabled header button:before,body.menu-enabled header button:after{background:#fff;left:-20.71%;width:141.42%}body.menu-enabled header button:before,body.menu-enabled header button:after{top:calc(50% - 1px)}body.menu-enabled header button:before{transform:rotate(-225deg)}body.menu-enabled header button:after{transform:rotate(225deg)}body.menu-enabled header button span{opacity:0;width:0}body.scrolled header{padding:3rem 6rem}laark-start{background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;font-family:"League Gothic";height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:-1}laark-start laark-box{color:#000;display:block;margin-top:6rem;text-align:center;text-transform:uppercase}laark-start laark-box laark-name{display:block;font-size:max(120px,8vw);letter-spacing:.15ch;line-height:.8}laark-start laark-box laark-slogan{display:block;font-size:max(30px,2vw)}header{background-color:#fff;display:flex;justify-content:space-between;padding:6rem;position:sticky;top:0;transition:all .25s;width:100%;z-index:5000}header>a{background:#000;display:block;height:6rem;margin-left:auto;overflow:hidden;text-indent:-10000px;transition:all .25s;width:6rem}header>a:focus-visible{height:4rem;width:4rem;margin:1rem 1rem 1rem auto}header>nav{background-color:rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:center;height:100vh;left:-50vw;overflow:hidden;position:absolute;text-align:center;top:0;transition:all .25s;width:0;z-index:20}header>nav[hidden]{display:none}header>nav a{color:#fff;display:block;font-size:max(3vw,3em);text-transform:uppercase;text-decoration:none;transition:all .5s}header>nav a:hover,header>nav a:focus{transform:scale(1.1)}header>button{background:none;border:none;cursor:pointer;display:block;height:6rem;position:relative;transition:all .25s;width:6rem;z-index:30}header>button span,header>button:before,header>button:after{background:#000;content:"";display:block;height:3px;position:absolute;transition:all .25s;width:100%}header>button:before{top:0}header>button:after{bottom:0}header>button span{top:50%;transform:translateY(-50%)}header>button:focus-visible{height:4rem;width:4rem;margin:1rem}header>ul{list-style:none;margin-left:6rem}header>ul li{line-height:2.5rem;font-size:2.5rem;font-weight:300;padding-top:2rem;text-transform:uppercase}header>ul li a{border-bottom-color:rgba(0,0,0,0);border-bottom-style:solid;border-bottom-width:1px;color:#000;display:table;padding-bottom:.5rem;text-decoration:none;transition:all .25s}header>ul li a[aria-current],header>ul li a:hover,header>ul li a:focus-visible{border-bottom-color:currentColor}header>ul li:not(:first-of-type){display:inline-block;font-size:2rem;line-height:2rem;margin-right:2rem}header>ul li:first-of-type{line-height:6rem;font-size:5.75rem;padding:0}header>ul li:first-of-type a{border:none}main{margin:0 auto 6rem auto;max-width:calc(var(--width-xxl) + 12rem);min-height:1px;padding:0 6rem;transition:all .25s}main a{color:#000}main .golden-ratio{margin-right:32%;margin-bottom:6rem}footer{display:grid;row-gap:3rem;padding:6rem 6rem 3rem;position:relative;transition:all .25s;width:100%}footer laark-name{color:#000;font-family:"League Gothic";font-size:30px;letter-spacing:.15ch;line-height:.8;text-align:center}footer laark-organization{display:block}footer address{display:flex;justify-content:center;flex-wrap:wrap}footer address span{white-space:nowrap}footer address span a{color:#000;text-decoration:none}footer address span:before{content:"//";padding:0 1rem}footer address span:first-of-type:before{content:"";padding:0}footer laark-some{display:flex;gap:1rem;justify-content:center}footer laark-some a{color:inherit;height:2.5rem;width:2.5rem}footer:before{background:linear-gradient(90deg, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);content:"";display:block;height:1px;margin:0 auto;width:min(50vw,300px);position:absolute;top:0;left:50%;transform:translateX(-50%)}laark-downloadables{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:6rem;margin-bottom:6rem}laark-downloadables laark-downloadable{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem}laark-downloadables laark-downloadable aside{text-align:right}laark-downloadables laark-downloadable img{display:block;height:auto;width:100%}@media screen and (max-width: 768px){laark-downloadables{grid-template-columns:1fr;grid-gap:3rem}laark-downloadables laark-downloadable{grid-template-columns:1fr 1fr;grid-gap:2rem}}laark-projects{display:flex;flex-wrap:wrap;gap:6rem;justify-content:space-between}laark-projects a{display:block;width:calc(50% - 3rem);color:#000;text-decoration:none}laark-projects a h2{text-transform:uppercase}laark-projects a img{display:block;height:auto;width:100%;margin-bottom:1.5rem}laark-project-single{display:grid;grid-gap:12rem}laark-project-single section#section-1{align-items:end;display:grid;grid-gap:6rem;grid-template-columns:1fr 3fr}laark-project-single section#section-1 table td.key{font-weight:bold;width:35%}laark-project-single section#section-1 table td.space{width:5%}laark-project-single section#section-2{margin:0 auto;width:min(100%,768px)}laark-project-single section#section-3{display:grid;grid-template-columns:1fr;grid-gap:6rem}laark-project-single section#section-3 figure{margin:0}laark-project-single section#section-3 figure figcaption{font-style:italic;padding-top:1rem}laark-project-single section#section-4{align-items:end;display:grid;grid-gap:6rem;grid-template-columns:1fr 1fr}laark-project-single img{display:block;width:100%;height:auto}laark-project-single laark-project-single-details{display:block}laark-project-single laark-project-single-details h1{font-family:"League Gothic";font-size:6rem;line-height:1.25;margin-bottom:1rem;text-transform:uppercase}laark-project-single laark-project-single-details>*:last-child{margin-bottom:0;padding-bottom:0}laark-project-single laark-project-single-first-image{display:block}laark-project-single laark-project-single-last-image{display:block}laark-project-single laark-project-single-misc{display:flex;flex-direction:column;height:100%;justify-content:space-between}laark-project-single laark-project-single-misc>*:last-child{margin-bottom:0;padding-bottom:0}laark-project-single laark-project-single-other-projects{margin-top:auto}laark-project-single laark-project-single-other-projects section{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem}laark-project-single laark-project-single-other-projects section a{display:block}laark-project-single laark-project-single-other-projects>*:last-child{margin-bottom:0;padding-bottom:0}laark-staff-members{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:6rem;margin-bottom:6rem}laark-staff-members laark-staff-member{display:grid;grid-template-columns:.75fr 1fr;grid-gap:3rem}laark-staff-members laark-staff-member aside .name{font-weight:bold;margin-bottom:2rem}laark-staff-members laark-staff-member aside .note{margin-top:2rem}laark-staff-members laark-staff-member img{height:auto;width:100%}@media screen and (max-width: 768px){laark-staff-members{grid-template-columns:1fr;grid-gap:3rem}laark-staff-members laark-contact-info{padding-bottom:3rem;border-bottom:1px solid #000}laark-staff-members laark-staff-member{grid-template-columns:1fr 1fr;grid-gap:1rem}}@media screen and (max-width: 768px){body[data-voila="2"] main{display:block}laark-start laark-box{margin-top:12rem}laark-projects{gap:1rem}laark-projects a{width:100%}laark-project-single{grid-gap:3rem}laark-project-single section#section-1{grid-gap:3rem;grid-template-columns:1fr}laark-project-single section#section-1 table td.key{width:25%}laark-project-single section#section-1 table td.space{width:5%}laark-project-single section#section-1 table td.value{width:70%}laark-project-single section#section-3{grid-gap:3rem}laark-project-single section#section-4{grid-gap:3rem;grid-template-columns:1fr}laark-project-single laark-project-single-other-projects{margin-top:3rem}header{background:#000;display:block;padding:2rem !important}header>a{background:#fff;height:4rem;margin:0;position:absolute;right:2rem;top:2rem;width:4rem}header>nav{background-color:rgba(0,0,0,.85)}header>button{height:4rem;width:4rem}header>button span,header>button:before,header>button:after{background:#fff}header>ul{margin:2rem 0 0 0}header>ul li a{color:#fff}header>ul li:first-of-type{letter-spacing:.2ch;line-height:4rem;font-size:5rem;padding:0}header>ul li:not(:first-of-type){display:inline-block;font-size:2rem;line-height:2rem;margin-right:1rem}main{margin:2rem 2rem 4rem;padding:0}main .golden-ratio{margin-right:0}footer{padding:4rem 2rem 2rem}}