/* Reference layouts: Services, Case Studies and individual projects. */
.services-reference .services-page-hero,.cases-reference .case-index-hero{padding-top:72px}
.services-reference .blog-title,.cases-reference .blog-title{font-size:96px;line-height:.94;letter-spacing:-.035em}
.services-reference .blog-description,.cases-reference .blog-description{font-size:20px;line-height:33px;margin-top:30px}
.services-reference .services-page-hero{padding-bottom:32px}
.services-reference .hero-actions{position:relative;gap:12px}
.service-call-note{position:relative;color:var(--color-brand);font:14px/1.4 var(--font-hand);align-self:center;margin-left:56px;transform:rotate(-5deg)}
.service-call-note svg{position:absolute;width:90px;height:48px;right:95%;top:-25px}
.services-reference .service-page-rows{padding-bottom:80px}
.services-reference .service-row{padding-block:36px 32px;min-height:376px}
.services-reference .service-row:last-child{border-bottom:0}
.services-reference .service-heading h3{font-size:32px}
.services-reference .service-number{font-size:24px}
.services-reference .service-heading .text-link{font-size:20px}
.services-reference .service-body{grid-template-columns:491fr 529fr 180fr;gap:64px}
.services-reference .service-body>p{font-size:16px;line-height:24px;max-width:410px}
.services-reference .service-tags{font-size:14px;gap:12px 24px}
.services-reference .service-tags li:before{color:var(--color-body)}
.services-reference .service-tags li:last-child{grid-column:1}
.services-reference .service-image{display:block;height:240px}
.services-reference .service-image img{object-position:62% center}
.services-reference .section-heading{grid-template-columns:2fr 1fr;gap:80px;margin-bottom:40px}
.services-reference .heading-aside{padding-top:42px}
.services-reference .heading-aside p{font-size:16px;line-height:26px}
.services-reference .benefit-grid{margin-top:40px}
.services-reference .benefit-card{padding:30px;min-height:240px}
.services-reference .benefit-card h3,.cases-reference .benefit-card h3{font-size:24px;line-height:28px;margin-bottom:16px}
.services-reference .benefit-card p,.cases-reference .benefit-card p{font-size:16px;line-height:26px}
.services-reference .card-index,.cases-reference .card-index{color:#c8c8c8}
.services-reference .benefit-grid:not(.sector-grid) .benefit-card:nth-child(n+4) h3{margin-top:62px}
.services-reference .sector-grid .benefit-card{min-height:250px}
.sector-icon{display:block;width:32px;height:32px;margin-bottom:50px;color:var(--color-brand)}
.sector-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.services-reference .service-stats .benefit-card{min-height:230px}
.services-reference .service-stats .card-index{font:14px/20px var(--font-sans);color:var(--color-muted)}
.services-reference .service-stats strong{margin:64px 0 8px}
.cases-reference .case-principles{margin-top:70px}
.cases-reference .case-principles .benefit-card{padding:26px;min-height:190px}
.cases-reference .case-principles .card-index{margin-bottom:18px}
.cases-reference .case-list{padding-top:56px;padding-bottom:72px}
.cases-reference .case-list-heading{align-items:center;margin-bottom:36px}
.cases-reference .case-list-row{grid-template-columns:68px 364fr 529fr 200px 44px;gap:32px;padding-block:32px;min-height:190px}
.cases-reference .case-list-row h3{font-size:32px;line-height:38px}
.cases-reference .case-list-row p{font-size:16px;line-height:27px}
.cases-reference .case-list-row .case-industry{font-size:14px;line-height:22px;margin-top:12px}
.cases-reference .case-tags{margin-top:12px}
.cases-reference .case-tags span{padding:2px 12px}
.cases-reference .testimonials{background:#001320}
.cases-reference .testimonials .section-heading{grid-template-columns:1.1fr 1fr;gap:100px}
.cases-reference .testimonials h2{font-size:64px;line-height:1.02;max-width:650px}
.cases-reference .testimonials .heading-aside p{font-size:18px;line-height:28px}
.cases-reference .quote-card blockquote:before,.cases-reference .testimonials .eyebrow:before{background:var(--color-brand)}
.cases-reference .quote-card:nth-child(2) blockquote:before{background:white}
.cases-reference .contact{padding-bottom:100px}
.case-detail-hero{grid-template-columns:minmax(0,1fr) 400px;padding-block:64px 40px}
.case-detail-hero .blog-description{font-size:20px;line-height:30px;max-width:820px;margin-top:24px}
.case-detail-hero h1{margin-top:20px}
.case-facts dt{font-size:14px}.case-facts dd{font-size:16px}
.case-detail-layout{grid-template-columns:248px minmax(0,1fr);gap:88px;padding-top:48px}
.case-toc{position:sticky;top:32px;gap:16px}
.case-toc h2{font-size:14px}.case-toc a{font-size:16px}
.case-copy-row{grid-template-columns:200px minmax(0,1fr);gap:32px;margin:48px 0}
.case-copy-row:first-child{padding-top:0;border-top:0}
.case-content h2{font-size:32px;line-height:38px;margin-bottom:20px}
.case-content p{font-size:20px;line-height:32px;margin-bottom:20px}
.case-content .case-label{font-size:12px;line-height:20px}
.case-content li{font-size:16px;line-height:26px;margin-bottom:14px}
.case-inline-facts{font-size:14px;gap:20px}
.case-content blockquote{font-size:24px;line-height:30px;padding:28px}
.case-step{grid-template-columns:44px minmax(0,1fr) 200px;gap:24px;padding-block:24px}
.case-step h3{font-size:20px;line-height:28px;margin-bottom:8px}
.case-step p{font-size:16px;line-height:24px;margin:0}
.case-step li{font-size:13px;line-height:22px;margin-bottom:4px}
.case-image,.entry-content .case-image{height:auto;aspect-ratio:1.55;object-fit:cover}
.case-cover .case-image{aspect-ratio:2.075}
.case-cover{margin-inline:auto}
.project-invite{padding:40px 48px}.project-invite h2{margin-bottom:8px}.project-invite p{font-size:16px;line-height:26px}
@media(max-width:1199px){
 .services-reference .blog-title,.cases-reference .blog-title{font-size:80px}
 .services-reference .service-body{gap:32px}.services-reference .service-heading h3{font-size:28px}
 .cases-reference .case-list-row{grid-template-columns:40px 1fr 1.25fr 155px 44px;gap:20px}
 .case-detail-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.case-copy-row{grid-template-columns:140px minmax(0,1fr);gap:24px}
 .case-step{grid-template-columns:32px minmax(0,1fr);gap:16px}.case-step>ul{grid-column:2}
}
@media(max-width:959px){
 .services-reference .blog-title,.cases-reference .blog-title{font-size:64px}
 .services-reference .blog-description br,.cases-reference .blog-description br{display:none}
 .services-reference .service-body{grid-template-columns:1fr 1fr 140px;gap:24px}
 .services-reference .section-heading,.cases-reference .testimonials .section-heading{grid-template-columns:1fr;gap:24px}
 .services-reference .heading-aside{padding-top:0}.cases-reference .testimonials h2{font-size:48px}
 .cases-reference .case-list-row{grid-template-columns:40px 1fr 44px;gap:20px}
 .case-detail-hero,.case-detail-layout{grid-template-columns:1fr;gap:32px}
 .case-toc{position:static;display:flex;flex-wrap:wrap}.case-toc h2{width:100%}
 .case-copy-row{grid-template-columns:140px minmax(0,1fr)}
}
@media(max-width:639px){
 .services-reference .services-page-hero,.cases-reference .case-index-hero{padding-top:32px}
 .services-reference .blog-title,.cases-reference .blog-title{font-size:clamp(40px,10.5vw,64px);line-height:1.02}
 .services-reference .blog-description,.cases-reference .blog-description{font-size:16px;line-height:26px}
 .service-call-note{display:none}.services-reference .service-row{min-height:0;padding-block:28px}
 .services-reference .service-heading h3{font-size:24px}.services-reference .service-number{font-size:16px}
 .services-reference .service-heading .text-link{font-size:16px}.services-reference .service-body{grid-template-columns:minmax(0,1fr) 110px;gap:24px 16px}
 .services-reference .service-body>p{grid-column:1/-1}.services-reference .service-tags{grid-template-columns:1fr;font-size:13px;gap:8px}
 .services-reference .service-image{height:190px}.services-reference .service-page-rows{padding-bottom:40px}
 .services-reference .benefit-card,.services-reference .sector-grid .benefit-card{min-height:0;padding:24px}
 .services-reference .benefit-grid:not(.sector-grid) .benefit-card:nth-child(n+4) h3{margin-top:0}
 .sector-icon{margin-bottom:28px}.services-reference .service-stats strong{margin-top:32px}
 .cases-reference .case-principles{margin-top:40px}.cases-reference .case-principles .benefit-card{min-height:0}
 .cases-reference .case-list{padding-block:32px 48px}.cases-reference .case-list-heading{align-items:start}
 .cases-reference .case-list-row{grid-template-columns:26px minmax(0,1fr) 44px;gap:12px}
 .cases-reference .case-list-row h3{font-size:26px;line-height:32px}.cases-reference .testimonials h2{font-size:40px}
 .case-detail-hero .blog-description{font-size:16px;line-height:26px}.case-copy-row{grid-template-columns:1fr;gap:12px;margin-block:32px}
 .case-content h2{font-size:28px;line-height:34px}.case-content p{font-size:16px;line-height:28px}
 .case-content blockquote{font-size:22px;line-height:28px;padding:24px}.case-inline-facts{grid-template-columns:1fr}
 .case-image,.entry-content .case-image{aspect-ratio:1.4}.case-cover .case-image{aspect-ratio:1.55}
 .project-invite{padding:24px;gap:24px}.project-invite h2{font-size:28px;line-height:34px}
}