*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased}a,address,body,button,div,fieldset,figure,footer,form,h1,h2,h3,header,html,img,input,label,li,nav,ol,p,select,span,table,textarea,ul{margin:0;padding:0;border:0}ol[class] ol[class],ul[class],ul[class] ul[class] ol[class]{list-style:none}main{display:block}button,input,select,textarea{display:block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:none;border:none;background:none;color:inherit}address{font-style:normal}button:focus,input:focus,textarea:focus{outline:none}button:hover,input[type=submit]:hover{cursor:pointer}input::-ms-clear{display:none}textarea{overflow:auto}a{color:inherit;text-decoration:none}img{border:none;max-width:100%;height:auto}svg{width:15px;height:15px}html{font-family:Lora,serif;font-size:16px;font-weight:400;line-height:1.45;color:#020512;background-image:linear-gradient(175deg,#f5f5f5,#fff)}@media screen and (min-width:320px){html{font-size:calc(15.09091px + .28409vw)}}@media screen and (min-width:1024px){html{font-size:calc(11.42857px + .44643vw)}}@media screen and (min-width:1920px){html{font-size:20px}}body{min-height:100vh;display:flex;flex-direction:column;background:url(/assets/img/bg.png) 0 0 repeat}body.noscroll,html.noscroll{overflow:hidden}body.noscroll{position:relative;width:100vw;height:100vh}button,input,textarea{border:1px solid rgba(0,0,0,.2);padding:5px}button{text-align:center}a{border-bottom:1px solid transparent;font-weight:500;color:#5a453f;transition:all .5s cubic-bezier(.165,.84,.44,1);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration:none}p{margin:0;padding:0;line-height:1.45}p strong{font-weight:700}p.u-lg{font-size:1em}.o-h1,.o-h2,.o-h3,.o-h4,h1,h2,h3,h4,h5,h6{margin-bottom:1.5rem;padding:0;font-family:Cormorant,Times,Times New Roman,serif;font-weight:700;color:#5a453f;line-height:1.2}.o-h1:first-child,.o-h2:first-child,.o-h3:first-child,.o-h4:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}.o-h1 small,.o-h2 small,.o-h3 small,.o-h4 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{display:inline-block}.o-h1 small:before,.o-h2 small:before,.o-h3 small:before,.o-h4 small:before,h1 small:before,h2 small:before,h3 small:before,h4 small:before,h5 small:before,h6 small:before{content:" "}.o-h1>a,.o-h2>a,.o-h3>a,.o-h4>a,a>.o-h1,a>.o-h2,a>.o-h3,a>.o-h4,a>h1,a>h2,a>h3,a>h4,a>h5,a>h6,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:#5a453f;text-decoration:none;font-weight:inherit}.o-h1,h1{font-size:2.0736rem;margin-top:0}.o-h2,h2{font-size:1.728rem;margin-top:2.772rem}.o-h3,h3{font-size:1.44rem;margin-top:3.06rem}.o-h4,h4{font-size:1.2rem;margin-top:3.3rem}.o-h5,.o-h6,h5,h6{font-size:1rem;margin-top:3.5rem}blockquote{margin:25px 0 0;padding:30px;font-family:Georgia,Times,cursive;font-style:italic;line-height:1.45;border-width:15px 15px 15px 1px;border-left:15px solid;border-color:#5a453f;background:#e3e0de}blockquote>*+*{margin-top:1rem}blockquote footer{font-style:italic;margin-top:15px}hr{border:none;border-top:1px solid #e3e0de}.o-layout{display:flex;flex-wrap:wrap}.o-layout.-gutter{margin-left:-1rem;margin-bottom:-1rem}.o-layout.-reverse{flex-direction:row-reverse}.o-layout.-column-reverse{flex-direction:column-reverse}.o-layout.-center{justify-content:center}.o-layout.-between{justify-content:space-between}.o-layout.-right{justify-content:flex-end}.o-layout.-top{align-items:flex-start}.o-layout.-middle{align-items:center}.o-layout.-bottom{align-items:flex-end}.o-layout.-stretch{align-items:stretch}.o-layout.-fill>*{flex:1 1 0%}.o-layout.-fit>*{flex-basis:auto}.o-layout.-equalHeight>*{display:flex}.o-layout.-gutter>*{padding-left:1rem;padding-bottom:1rem}.o-layout-item{flex-basis:100%}.o-layout-item.-center{justify-content:center}.o-layout-item.-between{justify-content:space-between}.o-layout-item.-end{justify-content:flex-end}.o-layout-item.-top{align-items:flex-start}.o-layout-item.-middle{align-items:center}.o-layout-item.-bottom{align-items:flex-end}.o-layout-item.-stretch{align-items:stretch}.Button{display:inline-block;padding:1rem .5rem;background:#5a453f;border:1px solid #5a453f;color:#fff;font-weight:700;text-align:center;min-width:230px;transition:background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out}.Button:focus,.Button:hover{color:#5a453f;background:#fff}.container{position:relative;padding-left:15px;padding-right:15px}@media screen and (min-width:320px){.container{padding-left:calc(8.18182px + 2.13068vw);padding-right:calc(15px + (100vw - 320px)/(1024 - 320px)*15)}}@media screen and (min-width:1023px){.container{padding-left:calc(-221.42857px + 24.55357vw);padding-right:calc(-221.42857px + 24.55357vw)}}@media screen and (min-width:1920px){.container{padding-left:249.9px;padding-right:249.9px}}.Section{padding-top:30px;padding-bottom:30px;background:#e3e0de}.Section--primary{background:#5a453f}.Logo{width:200px;color:#5a453f}.Logo-w{display:flex;align-items:center;justify-content:flex-start}.Logo-w:hover{border-bottom:1px solid transparent}.Title-w{margin-bottom:30px;margin-left:auto}@media screen and (min-width:767px){.Title-w{width:48.5%;margin-bottom:calc(24px + 1.875vw)}}[data-template=home] .Title,[data-template=landing] .Title{font-size:3rem;max-width:30ch}@media screen and (min-width:767px){[data-template=home] .Title-w,[data-template=landing] .Title-w{width:100%}}.o-icon{flex-shrink:0;transition:all .5s cubic-bezier(.165,.84,.44,1)}.o-icon.-x-small{width:15px;height:15px}.o-icon.-small{width:20px;height:20px}.o-icon.-medium{width:25px;height:25px}.o-icon.-large{width:30px;height:30px}.o-icon.-x-large{width:35px;height:35px}.o-icon.-xx-large{width:40px;height:40px}.o-icon.-primary{fill:#5a453f}.o-icon.-white{fill:#fff}.Callout-section{padding:60px 1.5rem;background-color:#5a453f}.Callout-title{font-size:2.0736rem;color:#e3e0de;text-align:center}.Callout-contact{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2rem}.Callout-contact>*{margin:0 15px}.Callout-contact-details{display:inline-flex;align-items:center;text-align:center}.Callout-contact-details>*+*{margin-left:.5rem}.Callout-contact-link{font-size:1.728rem;color:#e3e0de;text-decoration:none}.Callout-contact-icon{fill:#e3e0de}@media screen and (max-width:600px){.Callout-title{font-size:1.728rem}.Callout-contact>*{flex-basis:100%;margin:0}.Callout-contact>*+*{margin-top:1rem}.Callout-contact-details{justify-content:center}.Callout-contact-link{font-size:1.44rem}}.Box--round{border-radius:4px}.Box--shadow{box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}@media (min-width:480px){.u-1\/2\@from-x-small{flex-basis:50%}}@media (min-width:1023px){.u-1\/3\@from-small{flex-basis:33.33%}.u-1\/2\@from-small{flex-basis:48.5%}}.u-content a:active{text-decoration:none}.u-content p,.u-content p small{margin-bottom:1em}.u-content h1,.u-content h2,.u-content h3,.u-content h4,.u-content h5,.u-content h6{margin-bottom:20px}.u-content h1:last-child,.u-content h2:last-child,.u-content h3:last-child,.u-content h4:last-child,.u-content h5:last-child,.u-content h6:last-child,.u-content p:last-child{margin-bottom:0}.u-content ul{padding-left:1.5rem}.u-content--positive,.u-content--positive h1,.u-content--positive h2,.u-content--positive h3,.u-content--positive h4,.u-content--positive h5,.u-content--positive h6,.u-content--positive p{color:#eee}.u-content--positive h1 small,.u-content--positive h2 small,.u-content--positive h3 small,.u-content--positive h4 small,.u-content--positive h5 small,.u-content--positive h6 small{color:#fff}.u-content--positive a{color:#eee}.u-content--positive a:hover{color:#d5d5d5}.u-content--negative,.u-content--negative h1,.u-content--negative h2,.u-content--negative h3,.u-content--negative h4,.u-content--negative h5,.u-content--negative h6,.u-content--negative p{color:#333}.u-content--negative h1 small,.u-content--negative h2 small,.u-content--negative h3 small,.u-content--negative h4 small,.u-content--negative h5 small,.u-content--negative h6 small{color:#fff}.u-content--negative a{color:#333}.u-content--negative a:hover{color:#1a1a1a}.u-content--lg{font-size:1.3em}.u-content--sm{font-size:.9em}.u-content--xs{font-size:.8em}img.u-center{display:block;margin-left:auto;margin-right:auto}img.u-left{display:block;float:left;margin-right:30px}img.u-right{display:block;float:right;margin-left:30px}.u-clear{clear:both}.u-clearFix:after,.u-clearFix:before{content:" ";display:table}.u-clearFix:after{clear:both}.u-block{display:block}.u-inlineBlock{display:inline-block}.u-inline{display:inline}.u-float--left{float:left}.u-float--right{float:right}hr.u-spacer{border:none;margin:0}p.u-lead{font-size:1.4em;font-weight:300}.u-leadHeading,h1.u-lead,h2.u-lead,h3.u-lead,h4.u-lead,h5.u-lead,h6.u-lead{border-bottom:1px solid #5a453f}.u-textLeft{text-align:left}.u-textRight{text-align:right}.u-textCenter{text-align:center}.u-textJustify{text-align:justify}.u-textNoWrap{white-space:nowrap}@media screen and (max-width:768px){.u-textCenter--sm{text-align:center}.u-textleft--sm{text-align:left}.u-textRight--sm{text-align:right}}@media screen and (max-width:768px){.u-textCenter--md{text-align:center}.u-textleft--md{text-align:left}.u-textRight--md{text-align:right}}.u-textKern{font-feature-settings:"kern" 1;font-kerning:normal;text-rendering:optimizeLegibility}.u-textTruncate{max-width:100%;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-wrap:normal!important}.u-textLowerCase{text-transform:lowercase}.u-textUpperCase{text-transform:uppercase}.u-textCapitalize{text-transform:capitalize}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}details[open]{padding-bottom:1.5rem}.u-noJsShow{display:none!important}.no-js .u-noJsShow{display:block!important}.no-js .u-noJsHide{display:none!important}.MenuMain{display:block;width:100%}.MenuMain li,.MenuMain ul{margin:0;list-style:none}.MenuMain-root{display:flex;justify-content:space-between;padding:0}.MenuMain-item,.MenuMain-item-link{position:relative;display:flex}.MenuMain-item-link{align-items:center;padding:0;font-family:Cormorant,Times,Times New Roman,serif;font-size:16px;color:#5a453f;text-decoration:none}@media screen and (min-width:320px){.MenuMain-item-link{font-size:calc(15.09091px + .28409vw)}}@media screen and (min-width:1023px){.MenuMain-item-link{font-size:calc(9.14286px + .66964vw)}}@media screen and (min-width:1920px){.MenuMain-item-link{font-size:22px}}.MenuMain-item.is-active>a,.MenuMain-item.is-parent a{border-bottom:1px solid #5a453f}.MenuMain-toggle{display:none}.MenuMain-hamburger{position:relative;display:block;width:45px;height:30px;margin:0;cursor:pointer;transform:rotate(0deg);transition:.5s ease-in-out;z-index:9999}.MenuMain-hamburger-line{display:block;position:absolute;height:2px;width:100%;background:#5a453f;opacity:1;left:0;transform:rotate(0deg);transition:.15s ease-in-out}@media screen and (max-width:768px){.MenuMain{position:fixed;top:-100%;bottom:0;left:0;right:0;width:100%;height:100%;background:url(/assets/img/bg.png) 0 0 repeat;opacity:1;transition:all .3s cubic-bezier(.23,1,.32,1);z-index:9998}.MenuMain.is-open{display:block;top:0;opacity:1}.MenuMain.is-open .MenuMain-item{opacity:1;transition-delay:.3s}.MenuMain-root{display:block}.MenuMain-inner{position:absolute;padding:calc(76.36364px + 4.26136vw) 30px 30px;top:0;left:0;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.MenuMain-item{overflow:hidden}.MenuMain-item-link{margin-right:0}.MenuMain-item .is-active a{font-size:18px}.MenuMain-item.is-top{margin-left:0;margin-bottom:30px;padding:0;transition:all 1s cubic-bezier(.23,1,.32,1);opacity:0}.MenuMain-item.is-top .MenuMain-item-link{font-size:1.2rem}.MenuMain-toggle{display:block;margin-left:auto}.MenuMain-hamburger-line:first-child{top:3px}.MenuMain-hamburger-line:nth-child(2),.MenuMain-hamburger-line:nth-child(3){top:14px}.MenuMain-hamburger-line:nth-child(4){top:25px}.is-open .MenuMain-hamburger-line:first-of-type,.is-open .MenuMain-hamburger-line:nth-of-type(4){top:18px;width:0;left:50%}.is-open .MenuMain-hamburger-line:nth-of-type(2){transform:rotate(45deg)}.is-open .MenuMain-hamburger-line:nth-of-type(3){transform:rotate(-45deg)}}.Content-section{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:60px;padding-top:60px}.Content-section>*{max-width:100%;flex-basis:100%}.Content-heading{max-width:40ch}.Content-title,.Content-txt{max-width:100%;flex-basis:100%}.Content-title{max-width:30ch}.Content-title img{width:100%;margin-bottom:42px;box-shadow:15px 15px #ddd}.Content-title span{display:block}.Content-txt *+*{margin-top:1rem}.Content-txt li{margin-top:0!important}.Content-txt p{max-width:80ch}.Content-img-w{margin-bottom:30px}.Content-img-w img{box-shadow:15px 15px #ddd}.Content-img-link{display:block}.Content-img-link:hover{border-bottom:1px solid transparent}.Content-contact,.Content-people{padding-top:10px}.Content-contact:not(:first-child),.Content-people:not(:first-child){margin-top:90px}.Content-contact-title span,.Content-people-title span{display:block}.Content-contact-address{display:inline-block;margin-bottom:60px}.Content-contact-link{display:inline-flex;align-items:center}.Content-contact-type{font-weight:700;margin-right:10px}.Content-contact-details{display:flex;align-items:center}.Content-contact-details>*{margin:0}.Content-contact-details svg{margin-right:.25rem}.Content-link{display:flex;align-items:center}.Content-link span{margin-right:10px}.Content-link svg{margin-top:0}.Content-link-w{display:flex;margin-left:auto;align-self:flex-end;margin-top:60px}.Content-link-w>*{font-family:Cormorant,Times,Times New Roman,serif;font-size:1.728rem;font-weight:700}.Content-table{width:100%;margin:15px 0;border-collapse:collapse;border-spacing:0}.Content-table-row:nth-child(2n){background-color:#dddbd9}.Content-table-data,.Content-table-head{border:1px solid #020512;text-align:left;padding:10px;font-size:.9em}.Content-table-data:nth-child(3n+1),.Content-table-head:nth-child(3n+1){width:40%}.Content-table-data:nth-child(3n+2),.Content-table-data:nth-child(3n+3),.Content-table-head:nth-child(3n+2),.Content-table-head:nth-child(3n+3){width:30%}@media screen and (min-width:480px){.Content-table-data,.Content-table-head{font-size:1em}}@media screen and (min-width:767px){.Content-title,.Content-txt{max-width:48.5%;flex-basis:48.5%}.Content-img-w{margin-bottom:60px}.Content-img-w--l,.Content-img-w--r{max-width:48.5%;flex-basis:48.5%}.Content-img-w--r{display:flex;flex-wrap:wrap;align-items:flex-start}.Content-img-w img{width:100%}}.Hero-w{margin-top:30px;margin-bottom:30px}.Hero-img{width:100%}@media screen and (min-width:320px){.Hero-w{margin-top:calc(24px + 1.875vw);margin-bottom:calc(24px + 1.875vw)}}.Header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #5a453f}@media screen and (min-width:320px){.Header{padding-left:calc(8.18182px + 2.13068vw);padding-right:calc(8.18182px + 2.13068vw)}}@media screen and (min-width:768px){.Header-nav{width:48.5%}}@media screen and (min-width:1023px){.Header{padding-left:calc(-221.42857px + 24.55357vw);padding-right:calc(-221.42857px + 24.55357vw)}}@media screen and (min-width:1920px){.Header{padding-left:249.9px;padding-right:249.9px}}.Footer{margin-top:auto;padding-left:15px;padding-right:15px}.Footer-btm,.Footer-logo,.Footer-top{display:flex;flex-wrap:wrap}.Footer-btm,.Footer-top{justify-content:space-between}.Footer-btm-col--left,.Footer-btm-col--middle,.Footer-btm-col--right,.Footer-top-col--left,.Footer-top-col--middle,.Footer-top-col--right{max-width:100%;flex-basis:100%}.Footer-top{margin-bottom:30px;padding-top:3.5rem;border-top:1px solid #5a453f}.Footer-top-col--left,.Footer-top-col--middle,.Footer-top-col--right{margin-bottom:19.8px}.Footer-btm{padding-top:15px;padding-bottom:20px}.Footer-btm-col>*{font-size:.76em;text-align:center}.Footer-btm-col--middle{margin:10px 0}.Footer-btm-col--middle p{font-size:1em}.Footer-btm-col--middle p a{font-weight:700}.Footer-logo{width:100%}.Footer-partner{margin-top:1em}@media screen and (min-width:320px){.Footer{padding-left:calc(8.18182px + 2.13068vw);padding-right:calc(15px + (100vw - 320px)/(1024 - 320px)*15)}.Footer-top{margin-bottom:calc(24px + 1.875vw)}}@media screen and (min-width:550px){.Footer-top-col--left,.Footer-top-col--middle,.Footer-top-col--right{max-width:50%;flex-basis:50%}.Footer-top-col--middle{margin-bottom:15px}.Footer-top-col--right{margin-left:auto}}@media screen and (min-width:1023px){.Footer{padding-left:calc(-221.42857px + 24.55357vw);padding-right:calc(-221.42857px + 24.55357vw)}.Footer-top-col--middle{margin-bottom:0}.Footer-btm-col{display:flex;align-items:center}.Footer-btm-col--left,.Footer-btm-col--middle,.Footer-btm-col--right{max-width:50%;flex-basis:50%}.Footer-btm-col--left{margin:0;justify-content:flex-start}.Footer-btm-col--middle{margin:0;justify-content:center}.Footer-btm-col--right{justify-content:flex-end}}@media screen and (min-width:1920px){.Footer{padding-left:249.9px;padding-right:249.9px}}.form-control{margin-top:5px!important;padding:1rem;border:1px solid #5a453f;width:100%;height:2.5rem;background-color:#fff;transition:all .5s cubic-bezier(.165,.84,.44,1)}.form-control:hover{border-color:#a9a9a9}.form-control:focus{border-color:#696969}.form-control::-moz-placeholder{color:grey}.form-control::placeholder{color:grey}.form textarea{min-height:200px}.form .Button{margin-top:1rem}.breadcrumbs{position:relative;padding-bottom:30px;border-bottom:1px solid #e3e0de}.breadcrumbs-list{list-style:none;white-space:nowrap;overflow:auto}.breadcrumbs-item,.breadcrumbs-list{display:flex;align-items:center}.breadcrumbs-item{flex-shrink:0}.breadcrumbs-link{text-transform:uppercase}.breadcrumbs-icon{margin:0 10px}.breadcrumbs-icon polyline{stroke:#5a453f;stroke-width:1px}.projectSingle-header{margin-top:3rem}.projectSingle-details{padding-top:3rem;border-top:1px solid #e3e0de;border-bottom:1px solid #e3e0de;padding-bottom:1.5rem}.projectSingle-details-inner{margin-bottom:1.5rem}.projectSingle-details h2{margin-top:2rem;margin-bottom:.5rem}.tag-list{display:flex;flex-wrap:wrap;min-height:100px;text-transform:uppercase}.tag-list.-excerpt{padding:1.5rem 1.15rem 0}.tag-list.-excerpt .tag-link{font-size:.8rem}.tag-list.-excerpt>*{margin:0 .35rem}.tag-list.-single{margin-top:3.5rem;border-top:1px solid #e3e0de;padding:.5rem 0 2.5rem}.tag-link{display:flex;align-items:center}.tag-link>*+*{-webkit-margin-start:.25rem;margin-inline-start:.25rem}.tag-link:focus{outline:2px dashed #5a453f;outline-offset:6px;text-decoration:none}.projects{margin-bottom:5rem}.projectExcerpt{display:flex;flex-direction:column-reverse;height:100%;background:#e3e0de}.projectExcerpt-content{display:flex;flex-direction:column;height:100%;margin-bottom:auto}.projectExcerpt-title{margin:0;padding:1.5rem 1.5rem 2rem}.projectExcerpt-title:focus-within~.projectExcerpt-button{outline:2px dashed #5a453f;outline-offset:-3px;border-color:transparent;color:#5a453f;background-color:#e3e0de}.projectExcerpt-title:focus-within~.projectExcerpt-button svg{fill:#5a453f}.projectExcerpt-title-link{display:inline-block;min-height:100px;outline:none}.projectExcerpt-title-link:hover{border-bottom:none}.projectExcerpt-button{display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid #5a453f;padding:.75rem 1.5rem;width:100%;color:#fff;background-color:#5a453f;transition:all .5s cubic-bezier(.165,.84,.44,1)}.projectExcerpt-button:hover{color:#5a453f;background-color:#e3e0de}.projectExcerpt-button:hover svg{fill:#5a453f}.projectExcerpt-figure{margin-bottom:auto}.projectExcerpt-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1.5}
/* Mobile-first refinements added for Netlify rebuild */
html, body {
overflow-x: hidden;
}
img {
display: block;
}
a, button, input, textarea, select {
-webkit-tap-highlight-color: rgba(90, 69, 63, 0.18);
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}
@media screen and (max-width: 767px) {
body {
padding-bottom: env(safe-area-inset-bottom);
}
.container,
.Header,
.Footer {
padding-left: max(16px, env(safe-area-inset-left));
padding-right: max(16px, env(safe-area-inset-right));
}
.Header {
position: sticky;
top: 0;
z-index: 1000;
gap: 12px;
padding-top: 12px;
padding-bottom: 12px;
background: rgba(245, 245, 245, 0.96);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.Header-logo {
min-width: 0;
}
.Logo {
width: min(54vw, 210px);
}
.Header-nav {
display: flex;
align-items: center;
margin-left: auto;
}
.MenuMain-toggle {
display: flex;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 48px;
margin-right: -6px;
padding: 0;
border: 0;
}
.MenuMain-hamburger {
width: 32px;
height: 22px;
}
.MenuMain-hamburger-line:first-child {
top: 1px;
}
.MenuMain-hamburger-line:nth-child(2),
.MenuMain-hamburger-line:nth-child(3) {
top: 10px;
}
.MenuMain-hamburger-line:nth-child(4) {
top: 19px;
}
.MenuMain-inner {
padding: max(88px, calc(72px + env(safe-area-inset-top))) 22px calc(30px + env(safe-area-inset-bottom));
}
.MenuMain-item.is-top {
margin-bottom: 22px;
}
.MenuMain-item.is-top .MenuMain-item-link,
.MenuMain-item-link {
min-height: 48px;
font-size: 1.18rem;
line-height: 1.2;
padding: 0.2rem 0;
}
.Title-w {
margin-bottom: 20px;
}
[data-template=home] .Title,
[data-template=landing] .Title,
.Title,
h1 {
font-size: clamp(2rem, 8vw, 3rem);
line-height: 1.05;
max-width: 14ch;
text-wrap: balance;
}
h2 {
font-size: 1.65rem;
margin-top: 1.8rem;
margin-bottom: 1rem;
text-wrap: balance;
}
h3 {
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.Hero-w {
margin-top: 18px;
margin-bottom: 24px;
}
.Hero-img,
.Content-img-w img,
.Content-title img,
.projectExcerpt-img {
border-radius: 12px;
}
.Hero-img {
min-height: 42vw;
max-height: 72vw;
object-fit: cover;
}
.Content-section {
gap: 18px;
margin-bottom: 28px;
padding-top: 28px;
}
.Content-title,
.Content-txt,
.Content-img-w--l,
.Content-img-w--r {
max-width: 100%;
flex-basis: 100%;
}
.Content-title img {
margin-bottom: 20px;
}
.Content-title img,
.Content-img-w img {
box-shadow: 8px 8px #ddd;
}
.Content-txt p,
.Content-txt li,
.u-content p,
.u-content li {
font-size: 1rem;
line-height: 1.6;
}
.u-content ul,
.Content-txt ul {
padding-left: 1.2rem;
}
.Content-txt p {
max-width: 100%;
}
.Content-link-w {
width: 100%;
margin-top: 30px;
}
.Content-link-w > * {
width: 100%;
}
.Button {
width: 100%;
min-width: 0;
padding: 1rem 1.15rem;
}
.Callout-section {
padding: 40px 16px;
}
.Callout-contact-link {
font-size: 1.2rem;
}
.Content-contact:not(:first-child),
.Content-people:not(:first-child) {
margin-top: 40px;
}
.Content-contact-address {
margin-bottom: 30px;
}
.Content-contact-details,
.Footer .Content-contact-details {
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.Content-contact-details > *,
.Footer .Content-contact-details > * {
margin: 0;
}
.Content-contact-details svg,
.Footer .Content-contact-details svg {
margin-top: 0.2rem;
margin-right: 0;
flex-shrink: 0;
}
.Content-contact-link,
.Callout-contact-link,
.Footer a {
overflow-wrap: anywhere;
word-break: break-word;
}
.form-control {
min-height: 3rem;
height: 3rem;
font-size: 16px;
padding: 0.9rem 1rem;
}
textarea.form-control {
min-height: 170px;
height: auto;
}
.Footer-top {
gap: 14px;
margin-bottom: 24px;
padding-top: 2rem;
}
.Footer-top-col--left,
.Footer-top-col--middle,
.Footer-top-col--right {
margin-bottom: 0;
}
.Footer-btm {
gap: 10px;
padding-bottom: calc(20px + env(safe-area-inset-bottom));
}
.Footer-btm-col--left,
.Footer-btm-col--middle,
.Footer-btm-col--right {
justify-content: center;
}
.Footer-btm-col > * {
text-align: center;
}
.breadcrumbs {
padding-bottom: 18px;
}
.breadcrumbs-list {
padding-bottom: 4px;
scrollbar-width: thin;
}
.Content-table {
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.projectSingle-header,
.projectSingle-details,
.projects {
margin-top: 2rem;
}
.projectExcerpt-title {
padding: 1.15rem 1.15rem 1.5rem;
}
.projectExcerpt-title-link {
min-height: 0;
}
.tag-list {
min-height: 0;
}
}
@media screen and (max-width: 420px) {
.Logo {
width: min(58vw, 190px);
}
.Footer .Content-contact-link,
.Content-contact-link {
font-size: 0.98rem;
}
.Callout-contact-link {
font-size: 1.05rem;
}
.Content-title img,
.Content-img-w img {
box-shadow: 6px 6px #ddd;
}
}
/* Mobile menu fix */
@media screen and (max-width: 767px) {
.Header-w {
position: sticky;
top: 0;
z-index: 1001;
background: rgba(245,245,245,.96);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.Header {
position: relative;
z-index: 1002;
}
.Header-nav {
position: static;
}
.MenuMain {
display: block;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: min(86vw, 360px);
height: 100dvh;
transform: translateX(100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
background: #f7f4f1;
border-left: 1px solid rgba(90,69,63,.18);
box-shadow: -18px 0 40px rgba(0,0,0,.12);
transition: transform .28s ease, opacity .2s ease, visibility .2s ease;
z-index: 1000;
}
.MenuMain::before {
content: "";
position: fixed;
inset: 0;
right: min(86vw, 360px);
background: rgba(0,0,0,.18);
opacity: 0;
pointer-events: none;
transition: opacity .28s ease;
}
.MenuMain.is-open {
top: 0;
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.MenuMain.is-open::before {
opacity: 1;
pointer-events: auto;
}
.MenuMain-inner {
position: relative;
padding: calc(84px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));
height: 100%;
background: transparent;
}
body.menu-open,
html.menu-open {
overflow: hidden;
}
.MenuMain-toggle {
position: relative;
z-index: 1003;
}
}