/* Round 05: quieter service cards, more room for customer experience. */
h1,h2,h3{hyphens:none;overflow-wrap:normal;word-break:normal}
.service-artwork{height:170px}
.service-artwork .service-art{width:82%;height:82%;justify-self:center;align-self:center}
.detail-intro>.service-art{width:82%;height:82%;justify-self:center;align-self:center}
.service-caption{padding:25px}.service-caption h2,.service-caption h3{font-size:26px}.service-caption p{margin:15px 0 22px}
.featured-services .illustrated-service{grid-template-columns:.75fr 1.25fr}
.featured-services .service-artwork{min-height:230px}
.featured-services .service-caption{padding:24px}
.featured-services .service-caption p{font-size:14px;line-height:1.6;margin:13px 0 18px}
.project-contact-panel{grid-template-columns:.75fr 1.25fr}
.closing-reference .reference-card{padding:32px}
.closing-reference .ref-photo{height:275px}
.closing-reference .ref-copy{min-height:387px;padding-bottom:75px}
.closing-reference .ref-copy h3{font-size:33px}
.closing-reference .ref-copy>p:not(.eyebrow){font-size:20px}
.closing-reference>.eyebrow{font-size:13px}
.site-header,.homepage .site-header.on-light,.subpage .site-header{background:none;box-shadow:none}
@media(min-width:641px) and (max-height:800px){.closing-reference .ref-photo{height:230px}.closing-reference .ref-copy{min-height:340px}.closing-reference .ref-copy h3{font-size:30px}.closing-reference .ref-copy>p:not(.eyebrow){font-size:18px}}
@media(max-width:1000px){.featured-services .service-artwork{height:160px;min-height:0}}
@media(max-width:900px){.project-contact-panel{grid-template-columns:.85fr 1.15fr;gap:24px}.closing-reference .reference-card{padding:26px}.closing-reference .ref-photo{width:138px;height:181px}.closing-reference .ref-copy{min-height:0}.closing-reference .ref-copy h3{font-size:29px}.closing-reference .ref-copy>p:not(.eyebrow){font-size:18px}.project-contact-panel h2{font-size:32px}}
@media(max-width:640px){.service-artwork,.featured-services .service-artwork{height:155px;min-height:0}.service-caption,.featured-services .service-caption{padding:24px}.service-caption h2,.service-caption h3{font-size:25px}.featured-services .service-caption p{font-size:14px}.detail-intro>.service-art{height:136px;width:82%}.closing-reference .ref-photo{width:181px;height:237px}.closing-reference .ref-copy h3{font-size:31px}.closing-reference .ref-copy>p:not(.eyebrow){font-size:19px}.project-contact-panel h2{font-size:36px}}
@media(max-width:640px){.page-main .detail-intro h1{font-size:clamp(23px,calc(8vw - 1px),36px)}}
@media(max-width:360px){.service-caption h2,.service-caption h3{font-size:20px}.detail-copy h2{font-size:28px}.project-contact-panel h2{font-size:31px}.panel-people h3{font-size:17px}.closing-reference .ref-copy h3{font-size:25px}.all-vendors{grid-template-columns:minmax(0,1fr)}.all-vendors .vendor-card{min-width:0}}

/* Support is exclusive to the homepage; keep subpage navigation centered. */
@media(min-width:641px){
  .subpage .site-header{display:grid;grid-template-columns:1fr auto 1fr}
  .subpage .site-header .wordmark{justify-self:start}
  .subpage .site-header .desktop-nav{grid-column:2}
}