/* A service overview with emphasis and grouping, rather than a numbered checklist. */
.dh-site #services { scroll-margin-top:85px; padding-top:65px!important; padding-bottom:70px!important; }
.services-editorial-heading { display:grid; grid-template-columns:1fr 1.12fr; gap:65px; align-items:end; margin-bottom:42px; }
.services-editorial-heading .section-title { margin:0; max-width:550px; }
.services-editorial-heading .section-sub { font-size:14px; max-width:490px; padding-bottom:3px; }
.services-editorial-layout { display:grid; grid-template-columns:1fr 1.12fr; gap:0 65px; align-items:stretch; border-top:1px solid #d9cbbb; padding-top:30px; }
.services-feature-column,.services-support-column { display:contents; }
.services-main-feature { grid-column:1; grid-row:1; }
.services-basics { grid-column:2; grid-row:1; }
.services-contactless { grid-column:1; grid-row:2; }
.services-finishes { grid-column:2; grid-row:2; }
.services-main-feature { padding:0 0 28px; border-bottom:1px solid #d9cbbb; }
.services-plan-note { display:block; color:#9c5d31; font:600 10px/1.7 Arial,sans-serif; letter-spacing:.025em; margin-top:19px; }
.services-main-feature h3 { font:400 30px/1.25 Georgia,serif; color:#392d22; letter-spacing:-.035em; margin:0 0 18px; }
.services-main-feature p { font:400 14px/1.85 Arial,sans-serif; color:#796551; margin:0; max-width:490px; }
.services-main-feature .services-surface-areas { margin-top:12px; font-size:12px; line-height:1.8; color:#59422f; }
.services-included { display:block; margin-top:19px; font:600 11px/1.6 Arial,sans-serif; color:#826344; }
.services-contactless { display:flex; align-items:start; gap:18px; padding-top:24px; }
.services-contactless svg { width:24px; height:24px; flex-shrink:0; color:#a1683b; margin-top:4px; }
.services-contactless h3 { margin:0 0 8px; font:400 21px/1.25 Georgia,serif; letter-spacing:-.025em; color:#392d22; }
.services-contactless p { margin:0; font:400 12px/1.8 Arial,sans-serif; color:#796551; max-width:390px; }
.services-basics { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:0 0 30px; border-bottom:1px solid #d9cbbb; }
.services-basics h3 { color:#392d22; font:400 25px/1.25 Georgia,serif; letter-spacing:-.025em; margin:0 0 15px; }
.services-basics p { color:#796551; font:400 13px/1.85 Arial,sans-serif; margin:0; }
.services-finishes { margin:0; padding-top:7px; }
.services-finish { display:grid; grid-template-columns:155px 1fr; gap:20px; padding:22px 0; }
.services-finish+.services-finish { border-top:1px solid #e5dbcd; }
.services-finish dt { color:#59422f; font:600 12px/1.6 Arial,sans-serif; }
.services-finish dd { color:#796551; font:400 12px/1.8 Arial,sans-serif; margin:0; }
@media(max-width:1000px) {
  .services-editorial-heading { gap:36px; }
  .services-editorial-layout { column-gap:36px; }
  .services-finish { grid-template-columns:125px 1fr; gap:15px; }
}
@media(max-width:700px) {
  .dh-site #services { padding-top:45px!important; padding-bottom:45px!important; }
  .services-editorial-heading { grid-template-columns:1fr; gap:12px; margin-bottom:24px; }
  .dh-site #services .section-title { font-size:34px; line-height:1.15; letter-spacing:-.035em; }
  .services-editorial-heading .section-sub { margin:0; font-size:14px; line-height:1.6; max-width:32ch; }
  .services-editorial-layout { display:grid; grid-template-columns:minmax(0,1fr); padding-top:24px; row-gap:0; }
  .services-main-feature { grid-column:1; grid-row:1; padding-bottom:22px; }
  .services-main-feature h3 { font-size:25px; margin-bottom:10px; }
  .services-main-feature p { font-size:14px; line-height:1.65; }
  .services-plan-note { margin-top:12px; font-size:11px; line-height:1.5; }
  .services-basics { grid-column:1; grid-row:2; gap:20px; padding:22px 0; border-top:0; }
  .services-basics h3 { font:600 15px/1.4 Arial,sans-serif; letter-spacing:0; margin-bottom:8px; }
  .services-basics p { font-size:13px; line-height:1.65; }
  .services-finishes { grid-column:1; grid-row:3; padding:0; }
  .services-finish { grid-template-columns:115px minmax(0,1fr); gap:16px; padding:18px 0; }
  .services-finish dt,.services-finish dd { font-size:13px; line-height:1.6; }
  .services-contactless { grid-column:1; grid-row:4; padding-top:22px; border-top:1px solid #d9cbbb; gap:12px; }
  .services-contactless h3 { font-size:20px; }
  .services-contactless p { font-size:13px; line-height:1.65; }
}
@media(max-width:380px) {
  .services-basics { gap:16px; }
  .services-finish { grid-template-columns:105px minmax(0,1fr); gap:12px; }
}