/* Shared destination pages: the homepage palette, readable type and pencil art. */
.hub-hero{padding-block:32px 58px}
.hub-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--muted);margin-bottom:38px}
.hub-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.hub-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:72px;align-items:center}
.hub-hero h1{font-size:clamp(38px,4.3vw,59px);margin:0;max-width:660px}
.hub-page p{font-size:16px;line-height:1.7}
.hub-page .eyebrow{font-size:11px;line-height:1.5}
.hub-page .hub-lead{font-size:23px;line-height:1.45;color:var(--ink)}
.hub-actions{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:22px}
.hub-actions>a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:14px}
.hub-actions .button{min-height:50px;padding:14px 20px}
.hub-section{padding-block:48px 60px}
.hub-section+.hub-section{border-top:1px solid var(--line)}
.hub-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}
.hub-heading h2{margin:0}
.hub-heading>p,.hub-heading>div:last-child:not(:first-child){max-width:450px;margin:0}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hub-card{background:#fdfbf5;border:1px solid var(--line);border-radius:5px;padding:30px;min-width:0}
.hub-card:is(.electrical,.plumbing,.heating,.gas){border-top:3px solid var(--accent)}
.hub-card:after{content:"";display:block;clear:both}
.hub-card h3{font-size:28px;line-height:1.2;margin-bottom:15px}
.hub-card p{margin-bottom:18px}
.hub-card ul:not(.hub-links){padding-left:19px;color:var(--muted);font-size:15px;line-height:1.7}
.hub-card .hub-art{float:right;width:132px;height:132px;object-fit:contain;mix-blend-mode:multiply;margin:0 0 15px 18px}
.hub-links{list-style:none;padding:0;margin:20px 0 0;clear:both}
.hub-links a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;min-height:48px;border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.hub-links a span{color:var(--copper);flex-shrink:0}
.hub-links li{margin:0}
.hub-links li:first-child a,.hub-links>a:first-child{border-top:0}
.hub-card .text-link{font-size:15px;min-height:44px;line-height:1.5}
.hub-inline-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px;font-size:15px}
.hub-inline-links a{display:inline-flex;gap:13px;align-items:center;min-height:48px}
.hub-note{padding-block:18px;margin:18px 0 0;border-bottom:1px solid var(--line);max-width:1000px}
.hub-band{background:var(--ink);color:var(--paper);padding-block:52px}
.hub-band p{color:#d0dcd4;max-width:760px}
.hub-band .eyebrow{color:#dec6a5}
.hub-band .hub-actions>a:not(.button){color:var(--paper)}
.hub-band-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.hub-band-grid .hub-links{margin:0}
.hub-band-grid .hub-links a{border-color:#58716b;font-size:18px}
.hub-band-grid .hub-links span{color:#dec6a5}
.hub-band .hub-card{background:transparent;border-color:#58716b;color:var(--paper)}
.hub-band .hub-card .hub-links a{border-color:#58716b}
.hub-band .hub-card .hub-links span{color:#dec6a5}
.hub-topic-index{margin-top:28px;border-block:1px solid var(--line);padding-block:8px}
.hub-topic-index summary{cursor:pointer;padding:17px 0;font-size:18px;min-height:50px}
.hub-topic-index .hub-links{margin:0 0 12px}
.service-options .hub-card{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px}
.service-options .hub-card:after{display:none}
.service-options .hub-card .hub-art{float:none;width:125px;height:170px;margin:0}
.hub-page .call-steps p,.hub-page .call-process-footer p{font-size:16px}
.hub-page .guide-search-intro>div>p:last-child{font-size:16px}
@media(max-width:1000px){
  .hub-hero-grid{gap:35px}.hub-heading{gap:30px}.hub-card{padding:24px}
  .service-options .hub-card{grid-template-columns:1fr}.service-options .hub-card .hub-art{width:140px;height:140px}
  .hub-band-grid{gap:40px}
}
@media(max-width:680px){
  .hub-hero{padding-block:24px 34px}.hub-breadcrumbs{font-size:14px;margin-bottom:26px}
  .hub-hero-grid,.hub-grid,.hub-band-grid{grid-template-columns:1fr;gap:24px}
  .hub-hero h1{font-size:clamp(36px,9.6vw,47px);line-height:1.1}
  .hub-hero-grid>div>p:last-child{margin-bottom:0}.hub-actions{gap:8px 20px;margin-top:18px}
  .hub-page .hub-lead{font-size:21px}.hub-section{padding-block:32px 40px}
  .hub-heading{display:block;margin-bottom:24px}.hub-heading>p,.hub-heading>div:last-child:not(:first-child){margin-top:17px;max-width:none}
  .hub-heading h2{font-size:32px}.hub-card{padding:22px}.hub-card h3{font-size:27px}
  .hub-card .hub-art{width:95px;height:115px;margin-left:12px}.hub-links a{font-size:16px}
  .service-options .hub-card{grid-template-columns:1fr;gap:16px}.service-options .hub-card .hub-art{width:140px;height:140px;justify-self:center}
  .hub-inline-links{align-items:flex-start;flex-direction:column;gap:2px}.hub-band{padding-block:38px}
  .hub-note{padding-block:16px}.hub-topic-index summary{font-size:17px}.hub-page .eyebrow{letter-spacing:.12em}
}