:root{color-scheme:dark;color:#f4f7fb;background:#05070d;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:#05070d;margin:0}.skip-link{z-index:1;color:#05070d;background:#62d8ff;padding:.75rem 1rem;font-weight:700;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{width:min(100% - 3rem,75rem);margin-inline:auto;padding-top:clamp(1.25rem,3vw,2rem)}.site-logo{width:13.75rem;height:auto;margin-inline:auto;display:block}.site-logo-link{width:fit-content;margin-inline:auto;display:block}.site-nav{margin-top:1rem}.site-nav ul{flex-wrap:wrap;justify-content:center;gap:.5rem clamp(1rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:#c5d2e3;padding-block:.5rem;font-weight:700;text-decoration:none;display:inline-block}.site-nav a:hover,.site-nav a[aria-current=page]{color:#9edcff}.hero,.principle,.consulting,.projects,.foundations,.about,.contact,.services-page,.projects-page,.about-page,.contact-page,.insights-page,.site-footer{width:min(100% - 3rem,75rem);margin-inline:auto}.hero{padding:clamp(5rem,11vw,9rem) 0 clamp(3.5rem,6vw,5rem)}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4.75rem);line-height:1.05}h1 span{display:block}.hero__description{color:#c5d2e3;max-width:38rem;margin-top:1.5rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.hero__button{color:#05070d;background:#62d8ff;border:1px solid #62d8ff;border-radius:.25rem;margin-top:2rem;padding:.9rem 1.25rem;font-weight:700;text-decoration:none;display:inline-block}.hero__button:focus-visible,.foundations__link:focus-visible,.projects__link:focus-visible,.contact__details a:focus-visible,.site-logo-link:focus-visible,.site-nav a:focus-visible{outline-offset:4px;outline:3px solid #f4f7fb}.principle,.consulting,.projects,.foundations,.about,.contact{border-top:1px solid #173348;padding-block:clamp(2.5rem,5vw,4rem) clamp(4rem,8vw,7rem)}.principle h2,.consulting h2,.projects h2,.foundations h2,.about h2,.contact h2{font-size:clamp(1.75rem,3vw,2.5rem)}.principle p{color:#c5d2e3;max-width:48rem;margin-top:1rem;font-size:1.125rem;line-height:1.7}.projects__intro{color:#c5d2e3;max-width:42rem;margin-top:1rem;font-size:1.125rem;line-height:1.65}.consulting__services,.projects__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem);margin-top:2.5rem;display:grid}.consulting h3,.projects h3,.projects-page h2,.services-page h2{color:#9edcff;font-size:1.125rem}.projects h3,.projects-page h2{font-size:1.25rem}.consulting article p,.projects article p,.projects-page article p,.services-page article p{color:#c5d2e3;margin-top:.75rem;line-height:1.65}.projects article .projects__lead,.projects-page article .projects__lead{color:#f4f7fb;font-weight:700}.foundations__subheading{color:#9edcff;margin-top:1rem;font-size:1.125rem;font-weight:700}.foundations__description{color:#c5d2e3;max-width:42rem;margin-top:.75rem;line-height:1.65}.foundations__link,.projects__link{color:#9edcff;margin-top:1.5rem;font-weight:700;display:inline-block}.about__content{max-width:48rem;margin-top:1.5rem}.about__intro{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.about__portrait{width:10rem;height:auto;display:block}.about__content p{color:#c5d2e3;line-height:1.7}.about__content p+p{margin-top:1.25rem}.about__content .about__name{color:#f4f7fb;font-size:1.25rem;font-weight:700}.about__content .about__role{color:#9edcff;margin-top:.25rem;font-weight:700}.contact__description{color:#c5d2e3;max-width:42rem;margin-top:1rem;font-size:1.125rem;line-height:1.65}.contact__details{margin-top:1.5rem;font-style:normal}.contact__details a{color:#9edcff;font-weight:700}.contact__details p{color:#c5d2e3;margin-top:.75rem}.site-footer{color:#c5d2e3;border-top:1px solid #173348;padding-block:1.5rem 2rem}.services-page,.projects-page,.about-page,.contact-page,.insights-page{padding-block:clamp(4rem,9vw,7rem)}.insights-page__summary{margin-top:2.5rem}.insights-page__summary h2{font-size:clamp(1.75rem,3vw,2.5rem)}@media (width<=48rem){.site-header,.hero,.principle,.consulting,.projects,.foundations,.about,.contact,.services-page,.projects-page,.about-page,.contact-page,.insights-page,.site-footer{width:min(100% - 2rem,40rem)}.site-logo{width:10rem}.hero{padding:3.5rem 0 3rem}.consulting__services,.projects__items{grid-template-columns:1fr;gap:2rem}.about__intro{flex-direction:column;align-items:flex-start}}