/* Focused homepage: emphasis on the proposition and one tangible project. */
.hero-photographic{min-height:620px}
.hero-photographic .hero-copy{max-width:690px}
.hero-photographic h1{font-size:clamp(36px,3.825vw,54px);max-width:700px}
.hero-photographic .hero-description{font-size:21px;line-height:1.45;max-width:530px}
.foundation-section{padding-block:60px;gap:95px}
.foundation-heading h2{font-size:42px;max-width:400px}
.foundation-copy .lead{font-size:22px;line-height:1.5}
.featured-work{padding-block:70px 60px}
.work-introduction{margin-bottom:36px}
.work-introduction h2{font-size:44px;max-width:710px}
.featured-case{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;background:#f4f6f5;color:#23333c;padding:42px 42px 0;border-radius:6px}
.case-client{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:600;color:#23333c;margin-bottom:24px}
.case-client>span{font-size:14px;font-weight:400;color:#637780;border-left:1px solid #c6d0d4;padding-left:16px}
.featured-case-copy h3{font-size:clamp(36px,3.5vw,50px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin-bottom:22px}
.featured-case-copy>.featured-lead{font-size:22px;line-height:1.35;color:#385661;max-width:430px}
.featured-case-copy>p:not(.case-client):not(.featured-lead){font-size:17px;line-height:1.55;max-width:440px;margin-top:17px}
.featured-case-copy .text-link{font-size:16px;margin-top:22px;color:#183342}
.featured-process{padding:24px 28px;border:1px solid #d3dddf;border-radius:4px;align-self:center;background:#e7edef}
.process-caption{display:flex;align-items:center;justify-content:space-between;color:#4c6571;font-size:14px;margin-bottom:22px}
.process-caption>.icon{width:19px;height:19px}
.process-document{display:flex;gap:18px;align-items:center;padding:23px;background:#fff;border:1px solid #d9e2e4;border-radius:4px}
.process-document-icon{width:43px;height:49px;display:grid;place-items:center;border:1px solid #ccd7dc;border-radius:3px;color:#52717e;flex:none}
.process-document-icon>.icon{width:25px;height:25px}
.process-label{font-size:12px;color:#68808a;display:block;margin-bottom:3px}
.process-document strong{display:block;font-size:26px;font-weight:600;line-height:1.15}
.process-document p{font-size:14px;margin-top:5px;color:#607781}
.process-connection{display:flex;flex-direction:column;align-items:center}
.process-connection>span{width:1px;height:20px;background:#9fb1b8}
.process-connection p{font-size:13px;color:#496370;border:1px solid #becdd3;border-radius:3px;padding:5px 13px;background:#f1f5f6}
.process-destination{background:#294b5c;color:#fff;border-color:#294b5c}
.process-destination .process-document-icon{border-color:#73909e;color:#e1eaed}
.process-destination .process-label,.process-destination p{color:#cbdce4}
.process-destination>.icon{margin-left:auto;width:19px}
.process-illustration-note{font-size:12px;color:#627882;margin-top:17px;text-align:center}
.case-takeaway{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;border-top:1px solid #d2dde0;margin-top:35px;padding-block:24px}
.case-takeaway>span{font-size:14px;color:#657e88}
.case-takeaway>p{font-size:19px;line-height:1.4;color:#294957}
.more-work{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px}
.more-work article{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #536c77;padding-top:26px;align-items:flex-end}
.more-work .section-kicker{font-size:13px;margin-bottom:10px;color:#bdcdd3}
.more-work h3{font-size:27px;font-weight:400;margin-bottom:12px}
.more-work p{font-size:16px;line-height:1.45;color:#cbd8dd;max-width:310px}
.more-work .text-link{color:#fff;white-space:nowrap;font-size:14px}
.delivery-principles{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid #dce2e2;display:flex;gap:20px 35px;flex-wrap:wrap;color:#5a717d;font-size:15px}
.delivery-principles li:before{content:"";display:inline-block;width:5px;height:5px;background:#5a717d;border-radius:50%;margin:0 11px 3px 0}
.approach-section{padding-block:58px 70px}
.services-section{padding-block:65px 25px}
.service-card{min-height:230px;padding:26px}
.service-card h3{font-size:23px}
.service-card>p{font-size:16px;min-height:47px;margin-top:13px}
.service-item{margin-top:12px}
.service-start{min-height:230px;padding:26px}
.workflow-explainer{padding-bottom:15px}
.faq-section{padding-block:65px}
@media(max-width:1100px){
.hero-photographic{min-height:600px}
.featured-case{gap:30px;padding:30px 30px 0}
.featured-process{padding:20px}
.process-document{padding:19px 15px;gap:13px}
.more-work{gap:30px}
.more-work article{display:block}
.more-work .text-link{margin-top:16px}
.foundation-section{gap:40px}
}
@media(max-width:800px){
.hero-photographic{min-height:560px}
.hero-photographic h1{font-size:43.5px}
.hero-photographic .hero-description{font-size:20px}
.foundation-section{padding-block:45px;gap:24px}
.featured-case{grid-template-columns:1fr;padding:28px 28px 0;gap:30px}
.featured-case-copy>p:not(.case-client),.featured-case-copy>.featured-lead{max-width:600px}
.featured-process{width:100%;max-width:600px}
.case-takeaway{margin-top:0;grid-template-columns:1fr;gap:8px}
.work-introduction h2{font-size:40px}
.featured-case-copy h3 br{display:none}
}
@media(max-width:550px){
.hero-photographic{min-height:590px}
.hero-photographic h1{font-size:33.75px}
.hero-photographic .hero-description{font-size:19px;max-width:340px}
.foundation-heading h2{font-size:35px}
.foundation-copy .lead{font-size:19px}
.featured-work{padding-block:45px}
.work-introduction h2{font-size:36px}
.featured-case{padding:24px 20px 0;gap:25px}
.case-client{font-size:19px;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.case-client>span{font-size:12px;padding-left:12px}
.featured-case-copy h3{font-size:37px}
.featured-case-copy>.featured-lead{font-size:21px}
.featured-case-copy>p:not(.case-client):not(.featured-lead){font-size:16px}
.featured-process{padding:17px 13px}
.process-document{padding:17px 12px;gap:12px}
.process-document-icon{width:32px;height:39px}
.process-document strong{font-size:23px}
.process-document p{font-size:12px}
.process-destination>.icon{display:none}
.case-takeaway>p{font-size:18px}
.more-work{grid-template-columns:1fr;gap:23px;margin-top:28px}
.more-work article{padding-top:23px}
.more-work p{max-width:none}
.more-work .text-link{margin-top:10px}
.delivery-principles{display:grid;gap:12px;font-size:14px;margin-top:23px}
.approach-section{padding-block:45px}
.services-section{padding-block:45px 24px}
.service-card,.service-start{padding:24px;min-height:0}
.service-card>p{min-height:0}
.service-start{min-height:230px}
.faq-section{padding-block:45px}
}