@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700|Roboto+Condensed:400,700|display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}video,img,svg{max-width:100%;height:auto}a{text-decoration:none}.margin-top-1{margin-top:1.5rem}.margin-bottom-1{margin-bottom:1.5rem}.margin-left-1{margin-left:1.5rem}.margin-right-1{margin-right:1.5rem}.margin-top-2{margin-top:3rem}.margin-bottom-2{margin-bottom:3rem}.margin-left-2{margin-left:3rem}.margin-right-2{margin-right:3rem}.margin-top-3{margin-top:4.5rem}.margin-bottom-3{margin-bottom:4.5rem}.margin-left-3{margin-left:4.5rem}.margin-right-3{margin-right:4.5rem}.margin-center{margin-left:auto;margin-right:auto}.text_bold{font-weight:700}.icon_fill{fill:currentColor}.icon_scale{width:1em;height:1em}body{font-family:ui-sans-serif, system-ui, -system-ui, -apple-system, Helvetica, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-family:"Raleway",sans-serif;font-weight:400;color:#333333}.paragraph{font-family:"Raleway",sans-serif;font-size:1em;line-height:1.5em}.measure{max-width:33em}.heading-1{font-family:"Raleway",sans-serif;font-size:2.25em;font-style:italic;color:#1f7a8c;line-height:1.1em}.heading-2{font-family:"Roboto Condensed",sans-serif;font-size:2em;font-weight:700;color:#04506b;line-height:1.2em}.heading-divider{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.75rem;gap:.75rem}.heading-divider__text{font-family:"Raleway",sans-serif;font-weight:700;font-size:2.25em;font-style:italic;color:#1f7a8c;line-height:1.1em}.heading-divider__line{width:100%;height:13px;transform:skewX(-15deg);background-color:#1f7a8c}.link_style-primary{color:#811b1b;font-weight:700}.link_style-secondary{color:#98e4e8;border-bottom:1px solid #98e4e8}.link_layout-flex{display:flex;align-items:center;gap:0.25em}.link_layout-flex .link__icon{flex-shrink:0}.link_layout-atsign{display:flex;align-items:center}.link_layout-atsign .link__icon{width:1em;height:1em;flex-shrink:0;margin:0.07em 0.05em 0}.list{list-style:none}.list_style-disc{list-style:disc}.list_style-decimal{list-style:decimal}.list_indent{padding-left:1rem}.list__item:not(:last-child){margin-bottom:.75rem}.alert{padding:.75rem;border-radius:.75rem;border:1px solid #000000}.alert_color-caution{color:#5e370d;border-color:#eebd7d;background-color:#ffe599}.figure{display:grid;grid-gap:.75rem;gap:.75rem;max-width:400px}.figure__img{border:1px solid #cccccc;box-shadow:0 1px 3px 0 rgba(125,125,125,0.5)}.figure__caption{font-family:"Raleway",sans-serif;font-size:0.9em;line-height:1.4em;font-style:italic;color:#445457}.menu-button{background:none;border:none;color:#ffffff;cursor:pointer;font-size:inherit;font-family:"Raleway",sans-serif}@media (min-width: 600px){.menu-button{display:none}}.menu-button:hover{color:#98e4e8}.menu-button__layout{display:flex;align-items:center;justify-content:center}.menu-button__icon{fill:currentColor;margin-right:.375rem}.menu-button__icon--state-hamburger .animated-icon__menu-button__top{transform:translateY(0);transform-origin:center;opacity:1}.menu-button__icon--state-hamburger .animated-icon__menu-button__middle{transform:rotate(0deg);transform-origin:center}.menu-button__icon--state-hamburger .animated-icon__menu-button__bottom{transform:translateY(0);transform-origin:center}.menu-button__icon--to-hamburger .animated-icon__menu-button__top{animation:topbar .5s ease-in-out reverse forwards}.menu-button__icon--to-hamburger .animated-icon__menu-button__middle{animation:middlebar .5s ease-in-out reverse forwards}.menu-button__icon--to-hamburger .animated-icon__menu-button__bottom{animation:bottombar .5s ease-in-out reverse forwards}.menu-button__icon--state-exmark .animated-icon__menu-button__top{transform:translateY(8px) rotate(0deg);transform-origin:center;opacity:0}.menu-button__icon--state-exmark .animated-icon__menu-button__middle{transform:rotate(45deg);transform-origin:center}.menu-button__icon--state-exmark .animated-icon__menu-button__bottom{transform:translate(-5px, -6px) rotate(-45deg);transform-origin:center}.menu-button__icon--to-exmark .animated-icon__menu-button__top{animation:topbar .5s ease-in-out forwards}.menu-button__icon--to-exmark .animated-icon__menu-button__middle{animation:middlebar .5s ease-in-out forwards}.menu-button__icon--to-exmark .animated-icon__menu-button__bottom{animation:bottombar .5s ease-in-out forwards}@keyframes topbar{0%{transform:translateY(0);transform-origin:center;opacity:1}49%{opacity:1}50%{transform:translateY(8px) rotate(0deg);transform-origin:center;opacity:0}100%{transform:translateY(8px) rotate(0deg);transform-origin:center;opacity:0}}@keyframes middlebar{0%{transform:rotate(0deg);transform-origin:center}50%{transform:rotate(0deg);transform-origin:center}100%{transform:rotate(45deg);transform-origin:center}}@keyframes bottombar{0%{transform:translateY(0);transform-origin:center}50%{transform:translateY(-8px) rotate(0deg);transform-origin:center}100%{transform:translate(-5px, -6px) rotate(-45deg);transform-origin:center}}.container{display:flex;flex-direction:column;min-height:100vh;background:#cbe4e9 url("/img/patterns/mark-small-void.jpg") repeat}@media screen and (min-width: 0\0){.container{display:block;height:100%}}.container .layout{flex-grow:1}.layout{max-width:75em;width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:1;display:grid;background-color:#ffffff;box-shadow:3px 0 6px 0 rgba(200,200,200,0.5),-3px 0 6px 0 rgba(144,160,162,0.5)}@media (min-width: 780px){.layout{grid-template-columns:auto 1fr;grid-auto-flow:column}.layout .sidebar{grid-column:1}}.main{padding:3rem;background-color:#ffffff;width:100%;min-width:0}@media (min-width: 780px){.main{padding:4.5rem}}.header{position:relative;z-index:2;background-color:#00313d;color:#ffffff}.header__content{max-width:75em;width:100%;margin-left:auto;margin-right:auto;display:grid;align-items:center}@media (min-width: 875px){.header__content{grid-template-columns:18em 1fr}}.header__logo{padding:.375rem 3rem;text-align:center;color:#98e4e8;border-bottom:1px solid #115161}@media (min-width: 875px){.header__logo{padding:0 1.5rem;border-bottom:unset}}#js_nav{z-index:0}@media (max-width: 599px){#js_nav{z-index:100}}.nav{background-color:#115161;border-bottom:10px solid #00313d;padding:.75rem 2.25rem;display:grid;grid-gap:.75rem;gap:.75rem}@media (max-width: 599px){.nav{overflow:hidden;transition:height .5s ease-out}.nav--opened{height:321px}.nav--closed{height:66px}}@media (min-width: 600px){.nav{padding:1.125rem 4.5rem;border-bottom:unset;background-color:unset;display:flex;justify-content:space-between;align-items:center;grid-gap:1.5rem;gap:1.5rem}}.nav__divider{height:1px;background-color:#528491}@media (min-width: 600px){.nav__divider{display:none}}.nav__link{font-family:"Roboto Condensed",sans-serif;font-size:1.5em;font-weight:300;line-height:1em;text-transform:uppercase;letter-spacing:0.01em;color:#ffffff;padding:.75rem;border-bottom:0px solid transparent}.nav__link:hover{color:#ffffff}@media (min-width: 600px){.nav__link{border-bottom:2px solid rgba(255,255,255,0);padding:0 0 0.1em;transition:border-color 0.4s ease-in-out}.nav__link:hover{border-color:#ffffff}}.footer{position:relative;z-index:2;background-color:#00161c;color:#ffffff;line-height:1.4em;text-align:center}.footer__content{max-width:75em;width:100%;margin-left:auto;margin-right:auto;padding:3rem;display:grid;justify-items:center;gap:1.5rem}.footer__link{font-size:.9em}.sidebar{display:grid;grid-template-rows:repeat(2, auto) 1fr;grid-gap:3rem;gap:3rem;align-items:start;padding:3rem;background-color:#e1ebf0;color:#123337}@media (min-width: 780px){.sidebar{padding:1.5rem;width:18em;grid-template-rows:repeat(2, auto) 1fr}}.sidebar__main{display:grid;grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem}@media (min-width: 660px) and (max-width: 779px){.sidebar__main{grid-template-columns:1fr 1fr}}@media (max-width: 779px){.sidebar__main{grid-template-rows:200px}}@media (min-width: 780px){.sidebar__main{grid-column:unset;grid-template-rows:261px 1fr}}.sidebar__section{display:grid;grid-template-rows:auto 1fr;grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem}.sidebar__portrait{display:block;object-fit:cover;object-position:center 10%;width:100%;height:100%}.sidebar__title{font-family:"Roboto Condensed",sans-serif;font-size:1.25em;font-weight:700;line-height:1em;text-transform:uppercase;letter-spacing:0.01em;color:#04506b}.sidebar__icons{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:300px}.gallery{display:grid;grid-gap:3rem;gap:3rem}@media (min-width: 360px){.gallery{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}}.gallery__item{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-rows:auto 1fr;align-items:start}.gallery__link{font-size:1em;line-height:1.3em}.gallery__image{width:100%;display:block}.snapshot__label{font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;letter-spacing:0.05em;font-size:1em;font-weight:700}.snapshot__title{font-size:1.5em;line-height:1.3em;font-style:normal}.snapshot__text{font-size:1em;line-height:1.5em}.snapshot__details{display:grid;padding:1.5rem;grid-gap:1.5rem;gap:1.5rem;background-color:#e1ebf0}@media (min-width: 600px){.snapshot__details{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}}.snapshot__detail{display:grid;grid-template-rows:auto 1fr;grid-gap:.75rem;gap:.75rem}.snapshot__detail--heading{background-color:#1d4f5b;padding:1.5rem}@media (min-width: 600px){.snapshot__detail--heading{grid-column:1 / -1}}.snapshot__detail--heading .snapshot__label{color:#b5c7d0}.snapshot__detail--heading .snapshot__title{color:#ffffff}.snapshot__detail--default{color:#123337}.section{display:grid;grid-auto-flow:dense;grid-gap:1.5rem 3rem;gap:1.5rem 3rem;align-items:start}.section--child{margin-top:1.5rem}@media (min-width: 1100px){.section{grid-template-columns:1fr 220px}.section--child{grid-column:1/-1}.section__header{grid-column:span 2}}.section__text{display:grid;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (min-width: 1100px){.section__text{grid-column:1}}.section__figures{display:grid;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (min-width: 1100px){.section__figures{grid-column:2}}.section__figures--multiple{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}@media (min-width: 1100px){.section__figures--multiple{grid-column:1/-1}}@media (min-width: 1100px){.section__figures--thirds{grid-template-columns:2fr 1fr;grid-column:1/-1}}.section__icons{display:grid;justify-items:center;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:2em}.case-study-overview{display:grid;grid-gap:1.5rem;gap:1.5rem}.case-study-overview__section{display:grid;grid-gap:.375rem 1.125rem;gap:.375rem 1.125rem}@media (min-width: 960px){.case-study-overview__section{grid-template-columns:200px 1fr}}.case-study-overview__heading{font-family:"Raleway",sans-serif;font-size:1em;line-height:1.5em;font-weight:700;color:#335055;background-color:#e1ebf0;padding:0.25em 0.5em}.case-study-overview__content{padding:0 0.5em}@media (min-width: 960px){.case-study-overview__content{padding:0.25em 0}}.scroll-to-top__button{display:block;width:48px;height:48px;z-index:3;position:fixed;right:1.5rem;bottom:1.5rem;font-size:100%;border:none;transition:all 0.5s ease-in-out;padding:0.5em 0.5em 0.4em;border-radius:2em;background-color:#04506b;border:0.2em solid #7aa1af;color:#e1ebf0;box-shadow:0 1px 8px 1px rgba(2,48,65,0.5);cursor:pointer}.scroll-to-top__button--hidden{opacity:0}.scroll-to-top__button--visible{opacity:0.6}.scroll-to-top__button:hover{opacity:1;transform:scale(1.2)}
