@layer variables{:root{--primary-color: #fff;--brand-red: #853f37;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75rem;--spacing-20: 5rem;--spacing-21: 5.25rem;--spacing-22: 5.5rem;--spacing-23: 5.75rem;--spacing-24: 6rem;--spacing-25: 6.25rem;--spacing-26: 6.5rem;--spacing-27: 6.75rem;--spacing-28: 7rem;--spacing-29: 7.25rem;--spacing-30: 7.5rem;--spacing-31: 7.75rem;--spacing-32: 8rem;--min-page-margin: 5vw;--gap-custom: 0;--basis-custom: 0;--spacing-custom: 0;--input-outline-color: #8888FF;--input-border-color: #333;--input-border-radius: .5rem;--input-border: solid .0625rem var(--input-border-color);--input-height: 3rem;--input-padding: 0;--basic-transition-time: .12s;--card-radius: var(--spacing-2)}}@layer animations{:root{--slide-offset: 2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-top{0%{opacity:0;translate:0 calc(var(--slide-offset) * -1)}to{opacity:1;translate:0}}@keyframes slide-in-from-right{0%{translate:var(--slide-offset) 0}to{translate:0}}@keyframes slide-in-from-bottom{0%{translate:var(--translate-h, 0) var(--slide-offset)}to{translate:var(--translate-h, 0) 0}}@keyframes slide-in-from-left{0%{translate:calc(var(--slide-offset) * -1) 0}to{translate:0}}@keyframes slide-out-to-top{0%{translate:0}to{translate:0 calc(var(--slide-offset) * -1)}}@keyframes slide-out-to-right{0%{translate:0}to{translate:var(--slide-offset) 0}}@keyframes slide-out-to-bottom{0%{translate:0}to{translate:0 var(--slide-offset)}}@keyframes slide-out-to-left{0%{translate:0}to{translate:calc(var(--slide-offset) * -1) 0}}@keyframes button-hover{0%{opacity:0;scale:1}1%{opacity:.75;scale:1}to{opacity:0;scale:1.5}}}@layer reset{*,*:before,*:after{box-sizing:border-box}:root{line-height:1.15;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{line-height:1.5}body,h1,h2,h3,h4,h5,h6,pre,hr,figure,p,ol,ul,blockquote,dl,dd{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:1.15}ol[class],ul[class]{list-style:none;padding:0}ol:not([class]),ul:not([class]){margin:0 0 0 1.25em;padding:0;list-style-type:none}ul:not([class]) li{list-style-type:disc}ol:not([class]) li{list-style-type:decimal}svg,video,canvas,iframe,embed,object,picture,img{display:block;vertical-align:middle;max-width:100%;height:auto}a[class]{color:currentColor;text-decoration:none;outline:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}input,button,textarea,select{font:inherit;padding:0;margin:0;background:none;border:none;outline-color:var(--input-outline-color)}button{cursor:pointer}textarea:not([rows]){min-height:10em}img,picture{display:block;max-width:100%}address{font-style:normal}}@layer framework{.content{--content-width: 75rem;margin:0 auto;width:min(var(--content-width),100%);&.content--wide{--content-width: 85.375rem;padding:0 2rem;@media only screen and (max-width: 85.375rem){--content-width: 75rem;padding:0}@media only screen and (max-width: 75rem){--content-width: 90vw;padding:0}}&.content--small{--content-width: 41.25rem;@media only screen and (max-width: 41.25rem){padding:0 var(--min-page-margin)}}&.content--very-small{--content-width: 34.5rem;@media only screen and (max-width: 34.5rem){padding:0 var(--min-page-margin)}}@media only screen and (max-width: 75rem){&:not([class*=--]){padding:0 var(--min-page-margin)}}}.row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0;&.tablet-column{@media only screen and (max-width: 920px){flex-direction:column}}@media only screen and (max-width: 680px){flex-direction:column;&.mobile-row{flex-direction:row}}}@media only screen and (max-width: 680px){.row:not(.mobile-row).align-center{justify-content:flex-start;align-items:flex-start}}.column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0}.align-end{align-items:flex-end}.align-center{align-items:safe center}.stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:safe center}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.space-evenly{justify-content:space-evenly}.center{justify-content:safe center;align-items:safe center}.wrap{flex-wrap:wrap}.wrap-uniform{--tablet-items-per-row: 9999;--items-per-row: 1;--numerator: max(1, calc(var(--items-per-row) - 1));--gap-offset: calc(var(--gap-size-h) * calc(var(--numerator) / var(--items-per-row)));--flex-percent: calc(100% / var(--items-per-row));flex-wrap:wrap;>*{flex:0 0 calc(var(--flex-percent) - var(--gap-offset));@media only screen and (max-width: 1024px){--items-per-row: min(var(--tablet-items-per-row), var(--items-per-row))}@media only screen and (max-width: 680px){width:100%;flex:0 0 100%;gap:0 var(--gap-size)}}}.full-width{width:100%}.basis-fit{flex:1 1 100%}.basis-100{flex:0 0 100%}.w-100{width:100%}.basis-75{flex:0 0 75%}.w-75{width:75%}.basis-66{flex:0 0 66.66%}.w-66{width:66.66%}.basis-50{flex:0 0 50%}.w-50{width:50%}.basis-33{flex:0 0 33.33%}.w-33{width:33.33%}.basis-25{flex:0 0 25%}.w-25{width:25%}.basis-20{flex:0 0 20%}.w-20{width:20%}.basis-custom{--m-basis-custom: 9999rem;flex:0 0 var(--basis-custom, 0);@media only screen and (max-width: 680px){flex:0 0 min(var(--m-basis-custom),var(--basis-custom))}}@media only screen and (max-width: 680px){[class*=w-]{width:100%}}.grow{flex-grow:1}.shrink{flex-shrink:1}.band{--band-background: #fff;padding:var(--spacing-32) 0;position:relative;z-index:10;background:var(--band-background);@media only screen and (max-width: 1024px){padding:var(--spacing-16) 0}@media only screen and (max-width: 680px){padding:var(--spacing-20) 0}&.band--no-padding{padding:0}&.band--no-pad-top{padding-top:0}&.band--no-pad-bottom{padding-bottom:0}&.band--grey{--band-background: #f8f8f8}&.band--black{--band-background: #252324}&.band--red{--band-background: var(--brand-red)}}@media only screen and (orientation: portrait){.band:is(.band:not(.band--black,.band--red)+section):not(.pad-top,.band--black,.band--red){padding-top:0}}}@layer utility{body[data-scroll-lock=true]{overflow:hidden}.mobile-only{display:none}@media only screen and (max-width: 880px){.desktop-only.desktop-only--no-tablet{display:none}}@media only screen and (max-width: 680px){.desktop-only{display:none}.mobile-only{display:block;&.row,&.column{display:flex}}}.gap{--gap-size: 0;--gap-size-v: var(--gap-size);--gap-size-h: var(--gap-size);--tablet-gap-size: calc(var(--gap-size) * .8);--mobile-gap-size: calc(var(--gap-size) * .7);--tablet-gap-size-v: var(--gap-size-v, var(--tablet-gap-size));--tablet-gap-size-h: var(--gap-size-h, var(--tablet-gap-size));--mobile-gap-size-v: var(--gap-size-v, var(--mobile-gap-size));--mobile-gap-size-h: var(--gap-size-h, var(--mobile-gap-size));gap:var(--gap-size-v) var(--gap-size-h);@media only screen and (max-width: 1024px){--gap-size-v: var(--tablet-gap-size);--gap-size-h: var(--tablet-gap-size);gap:var(--tablet-gap-size-v) var(--tablet-gap-size-h)}@media only screen and (max-width: 680px){--gap-size-v: var(--mobile-gap-size);--gap-size-h: var(--mobile-gap-size);gap:var(--mobile-gap-size-v) var(--mobile-gap-size-h)}}.margin-none{margin:0}.margin-auto{margin:0 auto}[class*=margin]{--margin-size: 0;--tablet-margin-size: var(--margin-size);--mobile-margin-size: calc(var(--margin-size) / 2);--margin-size-v: var(--margin-size);--tablet-margin-size-v: var(--margin-size-v, var(--tablet-margin-size));--mobile-margin-size-v: var(--margin-size-v, var(--mobile-margin-size));--margin-size-h: var(--margin-size);--tablet-margin-size-h: var(--margin-size-h, var(--tablet-margin-size));--mobile-margin-size-h: var(--margin-size-h, var(--mobile-margin-size));--margin-size-t: var(--margin-size-v);--tablet-margin-size-t: var(--margin-size-t, var(--tablet-margin-size-v));--mobile-margin-size-t: var(--margin-size-t, var(--mobile-margin-size-v));--margin-size-r: var(--margin-size-h);--tablet-margin-size-r: var(--margin-size-r, var(--tablet-margin-size-h));--mobile-margin-size-r: var(--margin-size-r, var(--mobile-margin-size-h));--margin-size-b: var(--margin-size-v);--tablet-margin-size-b: var(--margin-size-b, var(--tablet-margin-size-v));--mobile-margin-size-b: var(--margin-size-b, var(--mobile-margin-size-v));--margin-size-l: var(--margin-size-h);--tablet-margin-size-l: var(--margin-size-l, var(--tablet-margin-size-h));--mobile-margin-size-l: var(--margin-size-l, var(--mobile-margin-size-h));@media only screen and (max-width: 1024px){--margin-size-v: var(--tablet-margin-size);--margin-size-h: var(--tablet-margin-size)}@media only screen and (max-width: 680px){--margin-size-v: var(--mobile-margin-size);--margin-size-h: var(--mobile-margin-size)}}.margin{margin:var(--margin-size-t) var(--margin-size-r) var(--margin-size-b) var(--margin-size-l);@media only screen and (max-width: 1024px){margin:var(--tablet-margin-size-t) var(--tablet-margin-size-r) var(--tablet-margin-size-b) var(--tablet-margin-size-l)}@media only screen and (max-width: 680px){margin:var(--mobile-margin-size-t) var(--mobile-margin-size-r) var(--mobile-margin-size-b) var(--mobile-margin-size-l)}}.margin-top{margin-top:var(--margin-size-t);@media only screen and (max-width: 1024px){margin-top:var(--tablet-margin-size-t)}@media only screen and (max-width: 680px){margin-top:var(--mobile-margin-size-t)}}.margin-right{margin-right:var(--margin-size-r);@media only screen and (max-width: 1024px){margin-right:var(--tablet-margin-size-r)}@media only screen and (max-width: 680px){margin-right:var(--mobile-margin-size-r)}}.margin-bottom{margin-bottom:var(--margin-size-b);@media only screen and (max-width: 1024px){margin-bottom:var(--tablet-margin-size-b)}@media only screen and (max-width: 680px){margin-bottom:var(--mobile-margin-size-b)}}.margin-left{margin-left:var(--margin-size-l);@media only screen and (max-width: 1024px){margin-left:var(--tablet-margin-size-l)}@media only screen and (max-width: 680px){margin-left:var(--mobile-margin-size-l)}}.padding-none{padding:0}[class*=padding]{--pad-size: 0;--tablet-pad-size: var(--pad-size);--mobile-pad-size: var(--pad-size);--pad-size-v: var(--pad-size);--tablet-pad-size-v: var(--pad-size-v, var(--tablet-pad-size));--mobile-pad-size-v: var(--pad-size-v, var(--mobile-pad-size));--pad-size-h: var(--pad-size);--tablet-pad-size-h: var(--pad-size-h, var(--tablet-pad-size));--mobile-pad-size-h: var(--pad-size-h, var(--mobile-pad-size));--pad-size-t: var(--pad-size-v);--tablet-pad-size-t: var(--pad-size-t, var(--tablet-pad-size-v));--mobile-pad-size-t: var(--pad-size-t, var(--mobile-pad-size-v));--pad-size-r: var(--pad-size-h);--tablet-pad-size-r: var(--pad-size-r, var(--tablet-pad-size-h));--mobile-pad-size-r: var(--pad-size-r, var(--mobile-pad-size-h));--pad-size-b: var(--pad-size-v);--tablet-pad-size-b: var(--pad-size-b, var(--tablet-pad-size-v));--mobile-pad-size-b: var(--pad-size-b, var(--mobile-pad-size-v));--pad-size-l: var(--pad-size-h);--tablet-pad-size-l: var(--pad-size-l, var(--tablet-pad-size-h));--mobile-pad-size-l: var(--pad-size-l, var(--mobile-pad-size-h))}.padding{padding:var(--pad-size-t) var(--pad-size-r) var(--pad-size-b) var(--pad-size-l);@media only screen and (max-width: 1024px){padding:var(--tablet-pad-size-t) var(--tablet-pad-size-r) var(--tablet-pad-size-b) var(--tablet-pad-size-l)}@media only screen and (max-width: 680px){padding:var(--mobile-pad-size-t) var(--mobile-pad-size-r) var(--mobile-pad-size-b) var(--mobile-pad-size-l)}}.pad-top{padding-top:var(--pad-size-t);@media only screen and (max-width: 1024px){padding-top:var(--tablet-pad-size-t, var(--pad-size-t))}@media only screen and (max-width: 680px){padding-top:var(--mobile-pad-size-t)}}.pad-right{padding-right:var(--pad-size-r);@media only screen and (max-width: 1024px){padding-right:var(--tablet-pad-size-r)}@media only screen and (max-width: 680px){padding-right:var(--mobile-pad-size-r)}}.pad-bottom{padding-bottom:var(--pad-size-b);@media only screen and (max-width: 1024px){padding-bottom:var(--tablet-pad-size-b)}@media only screen and (max-width: 680px){padding-bottom:var(--mobile-pad-size-b)}}.pad-left{padding-left:var(--pad-size-l);@media only screen and (max-width: 1024px){padding-left:var(--tablet-pad-size-l)}@media only screen and (max-width: 680px){padding-left:var(--mobile-pad-size-l)}}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-center{text-align:center}.absolute-center{position:absolute;inset:50% 0 0 50%;translate:-50% -50%}.ui-hover{position:relative;overflow:hidden;z-index:10;&:before{content:"";position:absolute;inset:0;background:#0000001a;opacity:0;transition:opacity var(--basic-transition-time) ease-out;z-index:-10;pointer-events:none}&.ui-hover--light:before{background:#ffffff1a}&:hover:before,&:focus:before{opacity:1}}.thin-scroll-bar{--max-height: 100vh;overflow-y:scroll;scrollbar-width:thin;max-height:var(--max-height);&::-webkit-scrollbar{width:.25rem}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:#9b9b9b80;border-radius:.5rem}}.img-radius{--radius: 1.25rem;overflow:hidden;border-radius:var(--radius);& img{display:block;width:100%}&.img-radius--hover{& img{transition:scale .15s ease-out}&:hover img{scale:1.1}}}}@layer fonts{:root{--primary-font-color: #252324;--secondary-font-color: #252324;font-size:1em;font-weight:400;font-family:Sora,sans-serif;color:var(--primary-font-color)}@media only screen and (min-width: 156.25rem){:root{font-size:calc(1em + .1vw)}}@media only screen and (min-width: 187.5rem){:root{font-size:calc(1em + .5vw)}}body{line-height:1.5}[class^=heading]{display:block;width:100%;line-height:1;color:var(--primary-font-color);.red-text{display:block}}.heading-1{font-size:4.5em;@media only screen and (max-width: 1100px){font-size:3.5em}@media only screen and (max-width: 680px){font-size:2em}}.heading-2{font-size:3.5em;@media only screen and (max-width: 1100px){font-size:2.5em}@media only screen and (max-width: 680px){font-size:1.5em}}.heading-3{font-size:1.875em;@media only screen and (max-width: 680px){font-size:1.25em}}.heading-4{font-size:1.25em;@media only screen and (max-width: 680px){font-size:1.125em}}.small-heading{font-size:1em;position:relative;&.small-heading--icon{display:flex;align-items:flex-start;gap:.5rem;&:before{content:"";width:1.125rem;height:.8125rem;position:relative;top:.25rem;background:url(/img/svg/triangle.svg) no-repeat center /cover}}}p{color:var(--secondary-font-color);&:not(:last-child,.margin-bottom){margin-bottom:var(--spacing-5)}}.medium-text{font-size:1.375em}.large-text{font-size:1.875em;@media only screen and (max-width: 1100px){font-size:1.375em}@media only screen and (max-width: 680px){font-size:1.125em}}.column>p,.row>p{width:100%}.white-text{color:#fff;[class^=heading],p,span,li{color:#fff}.red-text{color:var(--brand-red)}}.red-text{color:var(--brand-red)}}@layer modal{.modal{position:fixed;inset:0;z-index:100000;background:#00000080;overflow-y:auto;padding:10vh 0;animation:fade-in .15s ease-out both;@media only screen and (max-width: 680px){overflow:hidden;padding:0}.modal__window{background:#fff;border:solid .0625rem rgba(255,255,255,.5);padding:var(--spacing-12) var(--spacing-12);border-radius:1.25rem;min-width:20rem;animation:slide-in-from-bottom .15s ease-out both,fade-in .15s ease-out both;@media only screen and (max-width: 680px){padding:5rem 5vw;border-radius:0;height:100vh;overflow-y:auto}}.modal__close{position:absolute;inset:1rem 1rem auto auto;width:2rem;height:2rem;z-index:1000;border-radius:.25rem;background:none;&:after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:1.5rem;height:1.5rem;background:url(/img/svg/close.svg) no-repeat center /60%}}&[aria-hidden=true]{animation:fade-out .15s ease-out both;pointer-events:none;.modal__window{animation:slide-out-to-bottom .15s ease-out both,fade-out .15s ease-out both}}}.modal:has(.read-more-popup){.modal__window{width:100%;max-width:48rem}@media only screen and (max-width: 680px){.modal__window{max-width:calc(100% - 2vw);height:fit-content;padding:2rem 5vw;border-radius:.5rem;margin-top:10vh}}}}@layer components{.button{--background: #252324;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 2.5rem;color:#fff;height:2.5rem;background:var(--background);border-radius:1.125rem;border:solid .0625rem var(--background);text-align:center;@media (max-width: 420px){height:auto;padding:.375rem 2.5rem;border-radius:2.5rem}&.button--outline{background:none;color:#252324}&.button--red{--background: var(--brand-red)}}.white-text .button{--background: #fff;color:#252324;&.button--outline{color:#fff}}}@layer components{.cookies-banner{position:fixed;z-index:50000;bottom:1rem;right:1rem;background:#fff;padding:var(--spacing-6);border:solid .0625rem var(--primary-font-color);border-radius:var(--input-border-radius);max-width:25rem;width:100%;animation:slide-in-from-bottom .15s ease-out both,fade-in .15s ease-out both;animation-delay:1s,1s;@media only screen and (max-width: 680px){inset:auto 1rem 1rem;width:auto;padding:var(--spacing-4)}& p{margin-bottom:var(--spacing-5);font-size:.8125em}.button{padding:.75rem 1.25rem;font-size:.75rem}}.cookies-preferences{max-width:50rem;padding-right:var(--spacing-8);padding-bottom:var(--spacing-6);max-height:60vh;@media only screen and (max-width: 680px){max-height:none;padding-right:0}.button{&:before,&:after{display:none}&:hover,&:focus{scale:1}}.button#accept-all{background:#03a855;border-color:#03a855;&:hover{background:#fff;color:#03a855}}.button#save-preferences:hover,.button#save-preferences:focus{background:#fff;color:var(--primary-color)}}.modal__window:has(.cookies-preferences){padding-right:var(--spacing-4);padding-bottom:var(--spacing-6)}.consent-toggles{width:100%}.consent-toggle{border-top:solid .0625rem rgba(0,0,0,.25);padding:var(--spacing-4) 0 var(--spacing-8);width:100%;&:last-of-type{border-bottom:solid .0625rem rgba(255,255,255,.15)}& p{max-width:40rem;padding:0 1rem;font-size:.875em;opacity:.75}}}@layer components{nav{position:absolute;inset:0 0 auto;z-index:10000;transition:all .3s ease-out;background:#fff;@media only screen and (max-width: 880px){position:fixed}a:not(.button){text-decoration:none;text-underline-offset:.5rem;&:hover,&:focus,&[aria-current=page]{opacity:1;text-decoration:underline}}.nav-logo{width:16rem;& img{width:100%}@media only screen and (max-width: 1100px){width:12rem}@media only screen and (max-width: 880px){width:10rem}}.nav-section{border-bottom:solid .0625rem #d3d1cb;@media only screen and (max-width: 880px){border-bottom:0 none}}.contact-row{height:3.5rem;@media only screen and (max-width: 880px){display:none}}.nav-row{height:5.3125rem;@media only screen and (max-width: 880px){height:4rem}}#nav-img{background:#333;margin-left:11rem}}nav.nav--with-banner{background:transparent;&:before{content:"";position:absolute;inset:0;z-index:-10;background:#fff;opacity:0;scale:1 0;transform-origin:center top;transition:opacity .3s ease-out,scale .3s ease-out;@media only screen and (max-width: 880px){opacity:1;scale:1 1}}}#nav-menu{a:not(.button){text-decoration:none;text-underline-offset:.5rem;&:hover,&:focus,&[aria-current=page]{opacity:1;text-decoration:underline}}.mobile-only{@media only screen and (max-width: 880px){display:flex}}.dropdown{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:default;tab-index:1;text-underline-offset:.5rem;&:hover{text-decoration:underline}&:after{content:"";width:.625rem;height:.625rem;background:url(/img/svg/arrow-nw.svg) no-repeat center /cover;transition:transform .15s ease-out}&[aria-expanded=true]{text-decoration:underline;&:after{transform:rotateX(180deg)}}}}@media only screen and (min-width: 881px){nav.nav--with-banner{:is(a,span):not(.button.button--red){filter:brightness(800%);transition:filter .3s ease-out}.nav-section{border-color:#ffffff4d}.nav-row{border-bottom:solid .0625rem transparent}.dropdown:after{filter:brightness(2000%)}}nav.nav--with-banner:hover{&:before{opacity:1;scale:1 1}:is(a,span):not(.button.button--red){filter:brightness(100%)}.dropdown:after{filter:none}}}.services-dropdown{padding:1.875rem 0 3rem;position:absolute;inset:100% 0 auto;pointer-events:none;z-index:100;@media only screen and (max-width: 880px){position:fixed;inset:0;z-index:100000;translate:100% 0;transition:translate .3s ease-out}&:before{content:"";position:absolute;inset:0;z-index:-10;background:#fff;transform-origin:center top;opacity:.5;scale:1 0;transition:opacity .3s ease-out,scale .3s ease-out}@media only screen and (max-width: 880px){&:before{opacity:1;scale:1 1}}&[aria-hidden=false]{pointer-events:all;&:before{opacity:1;scale:1 1}>.content{opacity:1}@media only screen and (max-width: 880px){translate:0 0}}>.content{opacity:0;transition:opacity .3s ease-out;@media only screen and (max-width: 880px){opacity:1;height:100%;>.row{flex:1 1 100%}}}a:not(.button){text-decoration:none;text-underline-offset:.5rem;&:hover,&:focus,&[aria-current=page]{opacity:1;text-decoration:underline}}@media only screen and (max-width: 880px){.content>.row{flex-direction:column}ul:before{content:"Services";font-size:1.25em;margin-bottom:var(--spacing-5)}.img{margin-top:auto;width:100%;img{width:100%}}}.services-close-button{position:absolute;top:var(--spacing-4);right:5vw;width:3rem;aspect-ratio:1;background:url(/img/svg/arrow.svg) no-repeat center /50%;transform:rotate(180deg)}}.mobile-nav-open-button{width:3rem;aspect-ratio:1;position:relative;span{position:absolute;pointer-events:none;width:100%;height:.3125rem;background:#252324;inset:50% auto auto 50%;translate:-50% -50%;&:before,&:after{content:"";position:absolute;inset:0 0 auto;background:inherit;height:inherit;translate:0 -.625rem}&:after{translate:0 .625rem}}}.mobile-nav-container{position:fixed;inset:0;background:#fff;z-index:90000;pointer-events:none;translate:100% 0;transition:translate .3s ease-out;>.row:first-child{padding:0 var(--min-page-margin);height:4rem;img{width:10rem}}.mobile-nav-close-button{width:3rem;aspect-ratio:1;background:url(/img/svg/close-dark.svg) no-repeat center /50%}#nav-menu{flex:1 1 100%;flex-direction:column;align-items:center;justify-content:center;padding-bottom:4rem}}body[data-nav-open=true] .mobile-nav-container{translate:0 0;pointer-events:all}body[data-nav-sticky=true] nav{position:fixed;box-shadow:0 2px 4px #0000001a;background:#fff}body[data-nav-sticky=true] nav.nav--with-banner{background:transparent}body[data-nav-sticky=true] nav.nav--with-banner:before{opacity:1;scale:1 1}body[data-nav-sticky=true] nav.nav--with-banner{:is(a,span):not(.button.button--red){filter:none}.nav-section{border-color:#d3d1cb}.nav-row{border-bottom:solid .0625rem #d3d1cb}.dropdown:after{filter:none}}}@layer components{footer{scroll-snap-align:end;padding:var(--spacing-32) 0 var(--spacing-10);@media only screen and (max-width: 880px){padding:var(--spacing-20) 0 var(--spacing-10);.logo{display:none}}@media only screen and (max-width: 680px){padding:var(--spacing-20) 0 var(--spacing-5);.logo{display:flex}.basis-25{margin-bottom:var(--spacing-10)}}ul[role=menu]{padding:0;margin:var(--spacing-5) 0 0;&:not(:last-child){margin-bottom:var(--spacing-5)}li{list-style-type:none;padding:0;margin:0 0 var(--spacing-2)}a{text-decoration:none;text-underline-offset:var(--spacing-2);&:hover{text-decoration:underline}}}}}@layer components{.icon{width:var(--icon-width)}}@layer components{.contact-form{min-height:20rem;max-height:30rem;max-width:30rem;min-width:15rem;display:inline-block;.cf-input{margin:.5rem 0;padding:.25rem 0}& a{color:#000;text-decoration:underline;font-weight:500;transition:all .2s ease;&:hover,&:focus{background:var(--primary-color);color:#000}}& button{display:flex;margin-inline:auto}}}@layer components{.input{position:relative;border-bottom:solid .0625rem rgba(255 255 255 /.3);&[data-type=file]:after{content:"";inset:50% 0 auto auto;translate:0 -50%;opacity:.3;position:absolute;pointer-events:none;width:1rem;aspect-ratio:1;background:url(/img/svg/upload.svg) no-repeat center /cover}& label{position:absolute;inset:50% auto auto var(--input-padding);translate:0 -50%;color:#fff;opacity:.3;text-transform:capitalize;transition:translate .15s ease-out,scale .15s ease-out;transform-origin:left center}& input{width:100%;height:var(--input-height);padding:.25rem var(--input-padding) 0;outline:none;color:#fff;font-size:.9375em}input[type=file]{opacity:0;cursor:pointer;padding-top:var(--spacing-5)}&[data-has-value=true] input[type=file]{opacity:1}::file-selector-button{display:none}}.input[data-focus=true]{border-color:var(--primary-color)}.input[data-focus=true],.input[data-has-value=true]{& label{scale:.7;translate:0 -100%}}}@layer components{.textarea{margin:1rem 0;& label{top:1.5rem}& input{min-height:8rem}& textarea{width:100%;resize:vertical;padding:1rem var(--input-padding);outline:none;color:#fff;font-size:.9375em}}}@layer components{.select{position:relative;z-index:200;& input{pointer-events:none;opacity:0;visibility:hidden}.select__value{border-bottom:solid .0625rem rgba(255 255 255 / .3);background:none;padding:0 var(--input-padding);height:var(--input-height);width:100%;user-select:none;gap:1rem;& span{font-size:1em;color:#ffffff4d}& img{margin-left:auto;width:1rem;opacity:.3}}.select__dropdown{position:absolute;inset:100% 0 auto;background:var(--brand-red);overflow:hidden;opacity:0;translate:0 -1rem;transition:opacity var(--basic-transition-time) ease-out,translate var(--basic-transition-time) ease-out;box-shadow:0 .25rem .125rem #0003;pointer-events:none;visibility:hidden;& button{width:100%;text-align:left;cursor:pointer;padding:0 var(--spacing-4);color:#fff;height:2.5rem;outline-color:var(--input-outline-color);user-select:none}&[aria-hidden=false]{opacity:1;translate:0;pointer-events:all;visibility:visible}}}.select:not(.white-text .select){.select__value{border-bottom:0 none;span{color:#252324}img{filter:brightness(-100%);opacity:1}}}}@layer components{.toggle{width:100%;position:relative;cursor:pointer;border-radius:var(--input-border-radius);display:block;& input{opacity:0;visibility:hidden;width:0;height:0;tab-index:-1;display:none}.label{flex:1 1 100%;text-align:left;font-size:1.125em}.toggle__rail{display:block;flex:0 0 3rem;position:relative;z-index:10;user-select:none;&:before{content:"";position:absolute;inset:50% 0 auto;translate:0 -50%;height:1.5rem;border-radius:2rem;background:#ccc;z-index:-10}}.toggle__container{padding:.5rem 1rem}.toggle__switch{display:block;width:2rem;height:2rem;border:solid .0625rem #eee;border-radius:50%;background:#efefef;box-shadow:0 .0625rem .125rem #00000040;transition:translate .15s ease-out;user-select:none}& input:checked+span{.toggle__switch{translate:50% 0;background:#fff}}}}@layer components{.carousel__viewport{width:100%;overflow:hidden}.carousel [data-rwdx-carousel-clone]{pointer-events:none;user-select:none}.carousel__controls{margin-top:var(--spacing-3);gap:.5rem}.carousel__pager{gap:.25rem}.carousel__dot{width:3.5rem;max-width:.5rem;height:.5rem;background:var(--primary-font-color);border-radius:.5rem;transition:all .15s ease-out;&[aria-current=true]{max-width:3.5rem}}.carousel__arrow{position:relative;flex:0 0 2rem;width:2rem;aspect-ratio:1;border-radius:50%;&:after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:100%;aspect-ratio:1;z-index:10}}}@layer components{.gallery-modal{padding:0;justify-content:center}.gallery-modal__window{background:#fff;border-radius:.5rem;padding:.625rem;width:10rem;min-height:10rem;min-width:0;transition:all .3s ease-out;& img{animation:fade-in .15s ease-out both}}.gallery-modal__control{position:absolute;top:50%;translate:0 -50%;width:3rem;height:3rem;border-radius:.25rem;background:#fff;&:before{content:"";position:absolute;inset:50% 0 0 50%;translate:-50% -50%;width:.625rem;height:1.5rem}&.gallery-modal__control--prev{left:-5rem}&.gallery-modal__control--next{right:-5rem}}}@layer components{[data-rwdx-scene-default]{opacity:0;translate:0 2rem;transition:opacity .15s ease-out,translate .15s ease-out;&[data-rwdx-scene-visible]{opacity:1;translate:0}}}@layer components{.rwdx-notification{position:fixed;inset:auto auto 4rem 50%;z-index:30000;--translate-h: -50%;animation:slide-in-from-bottom .15s ease-out forwards,fade-in .15s ease-out forwards;background:#fff;padding:var(--spacing-5) var(--spacing-8);box-shadow:0 0 .3125rem #0003;border-radius:var(--input-border-radius);& p{color:var(--primary-font-color);font-size:1.25em}}}@layer components{.blog-thumb{gap:var(--spacing-5);&:not(.wrap-uniform .blog-thumb){flex:0 0 calc(33.33% - 19px);@media only screen and (max-width: 880px){flex:0 0 calc(50% - 19px)}@media only screen and (max-width: 680px){width:100%;flex:0 0 100%}}.img{width:100%;@media only screen and (max-width: 680px){margin-bottom:var(--spacing-5)}img{width:100%;aspect-ratio:16/10;object-fit:cover}}}}@layer components{form[data-rwdx-form] .captcha{width:min(20rem,100%);margin-bottom:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;min-height:5.5rem;border-radius:var(--input-border-radius);background:none;position:relative;margin-right:auto;opacity:.75;.frc-container{min-height:0;gap:1rem;width:100%}.frc-icon{flex:0 0 2rem;fill:#fff!important;stroke:#fff!important;margin:0}.frc-content{flex:1 1 100%;align-items:flex-start;margin:0}.frc-text{font-size:.875em}.frc-button{padding:.25rem .5rem;background-color:#fff;border:0 none;width:100%;text-align:center;font-weight:600;font-size:.875em;text-transform:none;border-radius:.25rem}.frc-banner{position:absolute;inset:auto .25rem .25rem auto;line-height:1;margin-top:.25rem}}}@layer components{.review{&:not(.wrap-uniform .review){flex:0 0 25%;@media only screen and (max-width: 880px){flex:0 0 33.33%}@media only screen and (max-width: 680px){flex:0 0 100%}}.review__body{min-height:10rem}p.testimonial-title{font-size:1.5em;line-height:1.2;font-weight:700;width:min(14rem,100%)}p.testimonial-text{font-size:.875em;font-style:italic}.review__author .name{font-weight:700;color:var(--brand-red)}}.wrap-uniform .review{padding-bottom:var(--spacing-5);border-bottom:solid .0625rem #d3d1cb}#show-more-band{&[aria-hidden=true]{display:none}@media only screen and (max-width: 680px){margin-bottom:40px}}#more-reviews{display:none;&[aria-hidden=false]{display:flex}}}@layer components{.accordion{width:100%;.accordion__item,.accordion__head{width:100%}.accordion__item{&:first-child{border-top:solid .0625rem #d3d1cb}border-bottom:solid .0625rem #d3d1cb}.accordion__head{text-align:left;height:6.25rem;padding:0 2.5vw;display:flex;align-items:center;&:after{content:"";width:1.875rem;aspect-ratio:1;background:url(/img/svg/arrow-nw.svg);margin-left:auto}@media only screen and (max-width: 680px){height:auto;padding:1rem 2.5vw;&:after{flex:0 0 1rem;width:1rem;margin-left:var(--spacing-10)}}span{display:flex;align-items:center;font-size:1.875em;pointer-events:none;@media only screen and (max-width: 680px){font-size:1.125em}}}.accordion__body{height:0;overflow:hidden}.accordion__body__padding{padding:var(--spacing-5);@media only screen and (max-width: 680px){padding:var(--spacing-5) 0}}}}@layer pages{:where(.case-study-menu) :is(button,a){height:2.5rem;color:#252324;background:#edeae0;border-radius:1.25rem;padding:0 var(--spacing-8);@media screen and (max-width: 1100rem){height:auto;text-align:center;padding:var(--spacing-2) var(--spacing-8)}&:hover,&:focus,&[aria-selected=true]{background:#252324;color:#fff}}.case-study-archive-thumb{@media only screen and (max-width: 880px){flex:0 0 100%}.img{max-width:45.375rem;margin-bottom:var(--spacing-3);img{width:100%}}}.case-study__title{padding:var(--spacing-32) 0;@media only screen and (max-width: 680px){padding:var(--spacing-15) 0 var(--spacing-10)}}}@layer pages{.map{background:#d3d1cb;position:relative;z-index:10;@media only screen and (max-width: 880px){padding:0}.map__map{position:absolute;inset:0;z-index:-10;@media only screen and (max-width: 880px){position:relative;inset:auto;height:60vh;width:100%}}}.contact-info{width:min(25.625rem,100%);background:#fff;padding:var(--spacing-10);margin-left:auto;margin-right:2.5vw;flex:1 1 100%;box-shadow:0 0 1rem #0000004d;@media only screen and (max-width: 880px){width:100%;margin:0 auto;box-shadow:none}@media only screen and (max-width: 680px){padding:0 5vw var(--spacing-10)}a{text-decoration:none;text-underline-offset:var(--spacing-2);&:hover{text-decoration:underline}}.label{flex:0 0 8rem}.social{margin-top:auto}}}@layer pages{.faq-section{scroll-margin-top:13rem;padding-bottom:5rem;z-index:1000;@media only screen and (max-width: 680px){padding-bottom:2rem;scroll-margin-top:184px}.accordion{margin-top:3.5rem;display:flex;flex-direction:column;gap:1rem;@media only screen and (max-width: 680px){margin-left:0;margin-top:2rem}.accordion__item{overflow:hidden;background:#fff;border-radius:1rem;border:1px solid var(--input-border)}.accordion__head{position:relative;padding:1.875rem 3.125rem;width:100%;border-top:none;border-bottom:.125rem solid rgba(168,168,168,.25);display:block;@media only screen and (max-width: 680px){justify-content:space-between;display:flex;flex-direction:row;padding:1.875rem 1.5rem}span{display:block}.heading-3{font-size:1.4375rem;pointer-events:none;font-weight:600;text-align:left;@media only screen and (max-width: 680px){font-size:1rem;width:80%}}&:after{content:"";background:url(/img/svg/plus.svg) no-repeat center / cover;width:1.25rem;height:1.25rem;right:1.5rem;top:50%;z-index:999;display:flex;position:absolute;@media only screen and (max-width: 680px){width:.75rem;height:.75rem}}@media only screen and (max-width: 680px){&:before{display:none}}}.accordion__body{height:0;.accordion__body__padding{padding:.5rem 3.125rem 1.5rem;display:flex;flex-direction:column;gap:1rem;p{font-size:1.0625rem;font-weight:400}@media only screen and (max-width: 680px){padding:.5rem 1.5rem 1.5rem}}}}.accordion__item[aria-expanded=true]{.accordion__head{border-bottom:none;&:after{background:url(/img/svg/minus.svg) no-repeat center / cover;height:.1875rem}}.accordion__body{border-bottom:.125rem solid rgba(168,168,168,.25)}}.heading-1{font-size:2.15rem;font-weight:700}}.faqs-heading{width:100%;background:#f5f5f5;z-index:10000;padding-top:var(--spacing-20);padding-bottom:3rem;margin-top:8rem;transition:all .15s ease;@media only screen and (max-width: 680px){padding-top:var(--spacing-4);padding-bottom:var(--spacing-3);.row{width:90vw;display:grid;grid-template-columns:repeat(2,1fr);margin-top:1rem;.button{font-size:.75rem;&.button--big{height:unset;padding:.5rem 0}}}}}#homepage{margin-top:32.0625rem;transition:margin-top .15s ease;@media only screen and (max-width: 680px){margin-top:31.75rem}}body[data-nav-sticky=true]{.faqs-heading{margin-top:4.5rem;padding:2.5rem 0;& h1{display:none}& p{display:none}.row{margin-top:0;padding-top:0}@media only screen and (max-width: 680px){padding:1rem 0}}#homepage{margin-top:27.5625rem;@media only screen and (max-width: 680px){margin-top:28.625rem}}.faq-section{@media only screen and (max-width: 680px){scroll-margin-top:184px}}}.page-faq{background:#fff;margin-top:5rem}[data-rwdx-faq][aria-hidden=true]{display:none}.faq-category-select{width:100%;position:relative;padding-top:1rem!important;z-index:0;@media only screen and (max-width: 680px){z-index:1000000!important}.select__dropdown{z-index:1000000;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 4px 12px #00000026;margin-top:.25rem;overflow-y:auto;button{padding:.75rem 1rem;text-align:left;width:100%;border:none;background:none;font-size:1rem;color:#000;&:hover{background:#f8f9fa}&:focus{background:#e9ecef;outline:none}}}.select__value{width:100%;padding:1rem;background:#fff;border:1px solid #ddd;border-radius:.5rem;justify-content:space-between;font-size:1rem;position:relative;z-index:1000000!important;&:hover{background:#f8f9fa}}}[data-question-id][aria-hidden=true]{display:none}.faq-nav-container{width:100%;max-width:280px;background:#fff;padding:2rem;border-radius:1rem;border:1px solid #000;button{text-align:left;&[aria-selected=true]{text-decoration:underline;font-weight:600}}@media only screen and (max-width: 680px){max-width:100%;z-index:1000000000}.heading-2{font-size:1.75rem;font-weight:700}}.faq-search-container{width:100%;max-width:500px;background:#fff;position:relative;border:var(--input-border);border-radius:var(--input-border-radius);border:solid .12rem #333;&:not(:last-child){margin-bottom:.375rem}& label{position:absolute;inset:50% auto auto var(--input-padding);translate:0 -50%;color:#000;text-transform:capitalize;transition:translate .15s ease-out,scale .15s ease-out;transform-origin:left center}& input{width:100%;height:var(--input-height);padding:.25rem 1rem 0;outline:none;color:#000;font-size:.9375em}}}img{object-fit:cover}.scrollable-container{position:relative;padding-bottom:var(--spacing-15);overflow:visible!important;&.scrollable-container--overflow-hidden [data-rwdx-scrollable]{overflow:hidden}&.scrollable-container--overflow-hidden{overflow:visible!important}}.scrollable-nav-buttons{position:absolute;bottom:-4.5rem;right:0;display:flex;gap:1rem;z-index:10}@media only screen and (max-width: 680px){.scrollable-nav-buttons{display:none}}.scrollable-nav-button{width:3rem;height:3rem;border:1px solid #d3d1cb;border-radius:50%;background:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,background-color .3s ease;font-size:1.2rem;font-weight:700;color:#252324;backdrop-filter:blur(4px)}.scrollable-nav-button:hover:not([aria-disabled=true]){background:#fff}.scrollable-nav-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media only screen and (max-width: 680px){.scrollable-nav-buttons{bottom:-4rem;gap:.5rem}.scrollable-nav-button{width:2.5rem;height:2.5rem;font-size:1rem}}[data-scrollable-type=accreditations]~.scrollable-nav-buttons{bottom:auto;top:0;right:0}@media only screen and (max-width: 680px){[data-scrollable-type=accreditations]~.scrollable-nav-buttons{top:-.5rem;gap:.5rem}}[data-rwdx-scrollable]{overflow:visible;gap:20px;cursor:grab;&.content{padding-inline:0}&[data-dragging=true]{cursor:grabbing}>*{user-select:none;flex-shrink:0;transition:width .3s ease-out,translate .3s ease-out}}.img-aspect-1-case{aspect-ratio:1;max-height:47vh;background:#252324;@media only screen and (max-width: 1368px){max-height:49vh}@media only screen and (max-width: 880px){max-height:67vh}}.img-aspect-16-9{aspect-ratio:16/9;background:#252324}.img-aspect-1{aspect-ratio:1;max-height:80vh;background:#252324}.scroll-body{scrollbar-gutter:stable;position:relative;min-height:100vh;z-index:10;scroll-snap-type:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.no-scroll{overflow:hidden}.panel{min-height:100vh;@media only screen and (orientation: portrait){min-height:0}&.panel--bordered{border-top:solid .0625rem #d3d1cb;border-bottom:solid .0625rem #d3d1cb}*{scroll-snap-align:none}}.border-section{width:100%;.content{border-top:solid .0625rem #d3d1cb;padding:var(--spacing-32) 2rem;@media only screen and (max-width: 880px){padding:var(--spacing-20) 0}@media only screen and (max-width: 680px){padding:var(--spacing-10) 0}}}.banner{background:#252324;min-height:100vh;padding-bottom:5vh;&[data-background]{position:relative;z-index:100;.large-text{width:100%;max-width:38.75rem}&:before{content:"";position:absolute;inset:0;z-index:-10}}@media screen and (orientation: portrait){&:not(.banner[data-background]){min-height:0;padding-top:15vh}}&[data-background=home-banner]:before{background:url(/img/webp/home/main-banner@2x.webp) no-repeat center /cover}&[data-background=balcony-banner]:before{background:url(/img/webp/balcony-hero@2x.webp) no-repeat center /cover;filter:brightness(.5)}&[data-background=flat-banner]:before{background:url(/img/webp/flat-roofing-hero@2x.webp) no-repeat center /cover;filter:brightness(.5)}&[data-background=pitched-banner]:before{background:url(/img/webp/pitched-roofing-hero@2x.webp) no-repeat center /cover;filter:brightness(.5)}&[data-background=rooflights-banner]:before{background:url(/img/webp/rooflights-hero@2x.webp) no-repeat center /cover;filter:brightness(.5)}&[data-background=roofline-banner]:before{background:url(/img/webp/roofline-hero@2x.webp) no-repeat center /cover;filter:brightness(.5)}&[data-background=home-trusted]{min-height:48.125rem;margin-top:9.875rem;@media only screen and (max-width: 680px){min-height:100dvh;margin-top:0;width:100dvw}&:before{background:url(/img/webp/home/trusted-company@2x.webp) no-repeat center /cover,#fff}}&.banner--white{background:#fff;.banner__text{border-color:#d3d1cb}}:is(.heading-1,.heading-2){margin-bottom:var(--spacing-20);@media only screen and (max-width: 680px){margin-bottom:var(--spacing-5)}}.banner__text{border-top:solid .0625rem rgba(255 255 255 /.2);padding-top:var(--spacing-10);@media only screen and (max-width: 680px){padding-top:var(--spacing-5)}}.banner__text>:first-child{width:min(52.5rem,100%);margin-right:auto;@media only screen and (max-width: 1100px){width:min(40rem,100%);padding-right:var(--spacing-10)}@media only screen and (max-width: 880px){width:min(24rem,100%);padding-right:var(--spacing-10)}@media only screen and (max-width: 680px){padding-right:0}}.banner__buttons{width:min(24rem,100%)}}.border-top{position:relative;padding-top:var(--spacing-10);&.pad-top{--pad-size: var(--spacing-10);padding-top:var(--pad-size)}&:before{content:"";position:absolute;inset:0 0 auto;border-top:solid .0625rem #d3d1cb}}.white-text .border-top:before{border-top:solid .0625rem rgba(255 255 255 / .3)}.max-25{width:min(25rem,100%)}.underlined-list{li{border-bottom:solid .0625rem #d3d1cb;font-size:1.75em;padding-bottom:var(--spacing-2);margin-bottom:var(--spacing-3);@media only screen and (max-width: 1100px){font-size:1.375em}@media only screen and (max-width: 680px){font-size:1.125em}}&.underlined-list--large li{font-size:2.5em;margin-bottom:var(--spacing-4);align-items:flex-end;@media only screen and (max-width: 1100px){font-size:1.75em}@media only screen and (max-width: 680px){font-size:1.125em}.number{flex:0 0 3.5rem;margin-right:1rem;font-size:3rem;@media only screen and (max-width: 1100px){font-size:2em}@media only screen and (max-width: 680px){flex:0 0 auto;margin-right:0;font-size:1.125em}}}}.white-text .underlined-list li{border-bottom:solid .0625rem rgba(255 255 255 / .3)}.accreditation{flex:0 0 25%;aspect-ratio:1;position:relative;z-index:10;@media only screen and (max-width: 680px){flex:0 0 50%}img{object-fit:contain;max-height:50%}}.case-study-thumb{.title{font-size:1.875em;margin-bottom:var(--spacing-4)}address{font-size:1.375em;opacity:.3}.img img{width:100%;max-width:30rem;aspect-ratio:1;object-fit:cover;background:#ccc}}.external-link{height:6.25rem;padding:0 2rem;border-bottom:solid .0625rem #d3d1cb;display:flex;align-items:center;@media only screen and (max-width: 680px){height:auto;padding:1rem 2.5vw}&:first-child{border-top:solid .0625rem #d3d1cb}&:after{content:"";width:1.875rem;aspect-ratio:1;background:url(/img/svg/arrow-nw.svg);margin-left:auto;@media only screen and (max-width: 680px){flex:0 0 1rem;width:1rem;margin-left:var(--spacing-10)}}span{display:flex;align-items:center;font-size:1.875em;@media only screen and (max-width: 1100px){font-size:1.5em}@media only screen and (max-width: 680px){font-size:1.125em}}}.white-text .external-link{border-bottom:solid .0625rem rgba(255 255 255 / .2);&:first-child{border-top:solid .0625rem rgba(255 255 255 / .2)}&:after{filter:brightness(1000%)}}.roof-info-table{width:100%;border-collapse:collapse;thead{background:#252324;color:#fff;border:solid .0625rem #252324;th{text-align:left;height:2.5rem;padding:0 1rem}}tbody{td{border:solid .0625rem #252324;height:2.5rem;padding:0 1rem}}}.roof-solution{flex:0 0 100%;.text{position:relative;padding-top:var(--spacing-4);.heading-3{margin-bottom:var(--spacing-5)}p{max-width:35rem;&:not(:last-child){margin-bottom:var(--spacing-5)}}}.small-heading{position:absolute;inset:0 auto auto 0;@media only screen and (max-width: 1100px){position:relative;margin-bottom:var(--spacing-5)}}img{background:#d3d1cb}@media only screen and (max-width: 680px){padding:0 5vw}}.social a{width:3rem;aspect-ratio:1;border-radius:50%;border:solid .0625rem #d3d1cb;display:flex;place-items:center;img{margin:0 auto}}.article__body{img{display:block;width:100%;object-fit:cover;margin-bottom:var(--spacing-5)}figure{width:100%;max-width:55rem;&:first-of-type{max-width:100%;margin-bottom:1rem}}p{width:min(55rem,100%)}h2{font-size:1.5rem;margin:.75rem 0}ul{margin-bottom:.75rem}}#survey-dialog{background:#252324;width:min(75rem,100%);padding:var(--spacing-10) var(--spacing-15);border:0 none;outline:none;@media only screen and (max-width: 680px){padding:var(--spacing-10) 5vw}.close-button{position:absolute;inset:1rem 1rem auto auto;width:3rem;aspect-ratio:1;img{width:2rem}}&::backdrop{background:#00000080}}.button[title="View all case studies"]{width:100%;max-width:16.75rem;@media only screen and (max-width: 680px){margin-top:1.5rem}}.font-46{font-size:2.875rem;@media only screen and (max-width: 1100px){font-size:2.5em}@media only screen and (max-width: 680px){font-size:1.5em}}#testimonials{@media only screen and (max-width: 680px){margin-top:10vh}}#testimonials-section{@media only screen and (max-width: 680px){padding-top:var(--spacing-20)}}.drop-shadow{filter:drop-shadow(0 .25rem 0 rgba(0 0 0 / .075))}