/* Optional wider-layout preview. Remove wide-layout from body to restore the
   previous layout immediately; the original stylesheet stays unchanged. */
@media (min-width:701px) {
 body.wide-layout { --wide-gutter:clamp(28px,4vw,88px) }
 .wide-layout .header-inner,
 .wide-layout .service-ribbon>.wrap,
 .wide-layout main>section.wrap,
 .wide-layout main>section>.wrap {
  width:100%;max-width:none;padding-inline:var(--wide-gutter)
 }
 .wide-layout .meet-grid {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(55px,8vw,160px);padding-block:clamp(90px,8vw,145px)
 }
 .wide-layout .jennifer-portrait { width:100%;max-width:600px;justify-self:end }
 .wide-layout .meet-grid>div { max-width:620px }
 .wide-layout .meet-grid p { max-width:580px }
 .wide-layout .team-section {
  grid-template-columns:minmax(240px,380px) minmax(260px,360px);
  justify-content:center;gap:clamp(60px,9vw,170px);padding-block:65px 100px;
  border-top:0;background:var(--lavender)
 }
 .wide-layout .services-section { padding-bottom:0 }
 .wide-layout .services-layout { grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(45px,6vw,120px);align-items:start }
 .wide-layout .service-photo { margin-left:calc(-1 * var(--wide-gutter));max-width:none }
 .wide-layout .service-photo img { width:100%;height:auto;border-radius:0;box-shadow:none }
 .wide-layout .service-cards { gap:0;max-width:700px }
 .wide-layout .service-card { padding:30px 0;background:none;border:0;border-radius:0 }
 .wide-layout .service-card:first-child { padding-top:0 }
 .wide-layout .service-card+.service-card { border-top:1px solid var(--line) }
 .wide-layout .service-card .card-foot { border-top:0;padding-top:0;margin-top:18px }
 .wide-layout .service-extras { max-width:none;padding-block:40px 65px;margin-top:45px;columns:2;column-gap:clamp(45px,6vw,120px) }
 .wide-layout .service-extras h3 { column-span:all;margin-bottom:20px }
 .wide-layout .service-extras p { break-inside:avoid;max-width:700px }
 .wide-layout .service-extras p+p { margin-top:0 }
 .wide-layout .pricing-section>.section-heading,
 .wide-layout .pricing-overview { max-width:1120px;margin-inline:auto }
 .wide-layout .pricing-overview { grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,100px) }
 .wide-layout .rate-table { max-width:1120px;margin-inline:auto }
 .wide-layout .pricing-section>details { max-width:1120px;margin-inline:auto }
 .wide-layout .steps { gap:clamp(35px,6vw,110px) }
 .wide-layout .steps p { max-width:440px }
 .wide-layout .trust-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8vw }
 .wide-layout .trust-list { display:grid;grid-template-columns:1fr 1fr;gap:25px 45px }
 .wide-layout .trust-list article { margin:0;padding:20px 0;border-bottom:0;border-top:1px solid #ffffff30 }
 .wide-layout .trust-list article:last-child { grid-column:1/-1;max-width:650px }
 .wide-layout .testimonial-grid { gap:8vw }
 .wide-layout .testimonial-grid figure { max-width:670px }
 .wide-layout .area-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8vw }
 .wide-layout .area-art { min-height:340px }
 .wide-layout .faq-grid { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8vw }
 .wide-layout .faq-list { max-width:850px }
 .wide-layout .contact-grid { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8vw }
 .wide-layout .contact-grid form { width:100%;max-width:850px }
}
@media (min-width:701px) and (max-width:1000px) {
 .wide-layout .meet-grid { gap:45px }
 .wide-layout .team-section { gap:50px }
 .wide-layout .trust-list { grid-template-columns:1fr }
 .wide-layout .trust-list article:last-child { grid-column:auto }
 .wide-layout .services-layout { gap:35px }
}
/* Preserve the established mobile spacing and make the service cards simpler. */
@media (max-width:700px) {
 .wide-layout .team-section { background:var(--lavender);width:100%;padding-inline:20px }
 .wide-layout .service-card { background:none;border:0;border-radius:0;padding:22px 0 }
 .wide-layout .service-card+.service-card { border-top:1px solid var(--line) }
}
@media(min-width:701px) { .wide-layout .area-grid { grid-template-columns:1fr;gap:40px } }