@import url('./base.css');
:root{--bg:#eef0ec;--ink:#182931;--accent:#43758b;--line:#c3ccd0;--header-bg:#102831f2;--footer-bg:#0f252f;--footer-ink:#e7eff0;--button-ink:#fff;--body:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'Courier New',monospace}
body{background-image:linear-gradient(#17313e09 1px,transparent 1px),linear-gradient(90deg,#17313e09 1px,transparent 1px);background-size:72px 72px}.site-header{background:#132c36;color:#eaf0ef;border-color:#4d6974;position:sticky;top:0}.site-header .brand img{filter:brightness(0) invert(1)}.site-header nav .nav-contact{border-color:#aac3ce}.home-hero{background:#132e39;color:#e7eff0;padding:clamp(80px,8vw,140px) 4vw 70px;min-height:610px}.hero-top{display:flex;justify-content:space-between;gap:20px;font:600 11px var(--mono);letter-spacing:.12em}.hero-top .eyebrow{color:#a6bfca}.home-hero h1{font:800 clamp(3.5rem,6.7vw,8rem)/1.03 var(--display);letter-spacing:-.07em;max-width:1280px;margin:75px 0 40px}.home-hero h1 em{font-style:normal;color:#88a8b6}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #7089956b;padding-top:25px}.hero-bottom p{font-size:clamp(1.1rem,1.5vw,1.4rem);max-width:520px;margin:0;color:#cbd8db}.hero-bottom a{flex-shrink:0}.hero-photo-wrap{margin:0 4vw;position:relative}.hero-photo-wrap .hero-photo{margin:0}.hero-photo-wrap .hero-photo img{height:min(61vw,740px);object-fit:cover;object-position:center 46%}.hero-photo-wrap .hero-photo figcaption{display:flex;justify-content:space-between;padding:15px 0;color:#597080}.image-note{position:absolute;right:0;bottom:11px;color:var(--accent)}.home-process{padding:130px 4vw 145px}.home-process .section-head{display:grid;grid-template-columns:.8fr 1.3fr 1fr;align-items:start;gap:25px;margin-bottom:70px}.home-process .section-head h2{margin:0;font-size:clamp(3rem,4.8vw,6rem)}.home-process .section-head>p{font-size:1.1rem;margin:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid article{padding:24px 26px 50px;border-right:1px solid var(--line)}.process-grid article:first-child{padding-left:0}.process-grid article:last-child{border:0}.process-grid article>span{color:var(--accent)}.process-grid h3{margin:70px 0 20px}.process-grid p{max-width:32ch}.home-work{background:#dfe8e7;padding:105px 4vw 135px}.home-work .section-head{margin-bottom:50px}.home-work .project-grid{gap:1px;background:#a9bbbd}.home-work .project-card{background:#dfe8e7;padding:15px}.home-work .project-card-image{aspect-ratio:1.55}.home-work .project-card-copy{padding:20px 0 30px}.home-work .project-card h3{font-size:clamp(2rem,3vw,3.5rem)}.home-people{padding:115px 4vw 130px;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.home-people h2{margin:20px 0}.people-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.people-mini .person-card img{aspect-ratio:.75}.people-mini .person-card h3{font-size:1.55rem}.people-mini .person-card p{font-size:13px}.people-mini .person-card b{display:none}.home-cta{background:#42768a;color:#fff;min-height:440px}.home-cta h2{font-size:clamp(2.5rem,4.8vw,5.3rem)}.page-lead{background:#132e39;color:#e9f0ef;border-color:#58717c;padding-top:105px}.page-lead .eyebrow{color:#a4bfcb}.page-lead h1{font-weight:800}.page-lead>p:last-child{color:#cfdbdb}.index-projects .project-grid{gap:1px;background:#a8bfc7}.index-projects .project-card{background:#eef0ec;padding:15px}.index-projects .project-card-image{aspect-ratio:1.6}.case-main{grid-template-columns:minmax(260px,.7fr) minmax(0,1.7fr);padding-top:55px}.case-facts{background:#d9e4e4;padding:30px;align-self:start}.case-facts dl>div{border-color:#adbdc2}.case-image img{aspect-ratio:1.55}.case-story{margin-left:auto;margin-right:auto}.case-story section{grid-template-columns:170px 1fr 1.4fr}.fag-visual{margin:0 4vw}.fag-visual img{height:min(55vw,680px)}.fag-steps article{border-top:2px solid var(--accent)}.fag-example{background:#dce5e4}.people-grid{gap:17px}.person-card img{aspect-ratio:.88}.person-card>div{background:#dce5e4;padding:20px}.person-card b{right:20px}.person-profile{grid-template-columns:1fr 1.1fr}.profile-photo img{aspect-ratio:.9}.contact-card{background:#dbe5e5}.booking-button{background:#3f7388}
@media(max-width:800px){.site-header nav{background:#132e39;color:#f0f5f4}.home-hero{min-height:550px;padding:80px 6vw 60px}.home-hero h1{margin:55px 0 35px;font-size:clamp(3.2rem,7vw,5.5rem)}.hero-photo-wrap{margin:0 6vw}.home-process{padding:80px 6vw}.home-process .section-head{grid-template-columns:1fr 1fr}.home-process .section-head>p{grid-column:2}.process-grid h3{margin-top:35px}.home-work{padding:80px 6vw}.home-people{padding:80px 6vw;grid-template-columns:1fr}.people-mini .person-card h3{font-size:1.35rem}.case-main{display:flex;flex-direction:column}.case-main .case-facts{order:2;width:100%}.case-main .case-image{order:1}}
@media(max-width:560px){.home-hero{min-height:0;padding:65px 6vw 55px}.hero-top>span{display:none}.home-hero h1{font-size:clamp(2.9rem,12vw,4.6rem);margin:55px 0 40px}.hero-bottom{display:block}.hero-bottom p{font-size:1.05rem;margin-bottom:30px}.hero-photo-wrap .hero-photo img{height:300px}.image-note{display:none}.home-process .section-head{display:block}.home-process .section-head h2{margin:20px 0}.home-process .section-head>p{margin-top:20px}.process-grid{display:block}.process-grid article{border:0;border-top:1px solid var(--line);padding:25px 0 45px}.process-grid article:first-child{padding-left:0}.process-grid h3{margin:20px 0}.home-work{padding:70px 6vw}.home-work .project-card{padding:10px}.home-people{padding:70px 6vw}.people-mini{grid-template-columns:1fr}.people-mini .person-card{display:grid;grid-template-columns:80px 1fr;gap:15px}.people-mini .person-card img{width:80px;aspect-ratio:1}.people-mini .person-card>div{padding:0}.people-mini .person-card p{display:none}.people-mini .person-card h3{margin:4px 0}.home-cta{min-height:360px}.index-projects .project-card{padding:9px}.case-main{padding-top:25px}.case-facts{padding:22px}.case-story section{grid-template-columns:1fr}.person-profile{display:flex;flex-direction:column}.contact-card{padding:55px 6vw 85px}}