/* Service collection 4.3: shared Hatfield branding, individual page compositions. */
.hcl-site .hcl-sv{width:100%;min-width:0;box-sizing:border-box;padding:76px 24px;background:#fff;color:#485466}
.hcl-site .hcl-sv *{box-sizing:border-box}
.hcl-site .hcl-sv .e-con{display:flex;flex-direction:column;gap:22px}
.hcl-site .hcl-sv .sv-wrap{width:100%;max-width:1140px;margin:0 auto;gap:32px;padding:0;min-width:0}
.hcl-site .hcl-sv .e-con{min-width:0}
.hcl-site .hcl-sv .sv-grid{display:grid;gap:42px;align-items:start;width:100%}
.hcl-site .hcl-sv .sv-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hcl-site .hcl-sv .sv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.hcl-site .hcl-sv .sv-grid>*{width:100%;min-width:0}
.hcl-site .hcl-sv .elementor-widget{min-width:0;max-width:100%;margin:0}
.hcl-site .hcl-sv .elementor-widget-text-editor p:last-child{margin-bottom:0}
.hcl-site .hcl-sv .elementor-heading-title{overflow-wrap:break-word;margin:0}
.hcl-site .hcl-sv .sv-eyebrow{font-family:Lato,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;line-height:1.5;color:#7c650d}
.hcl-site .hcl-sv .sv-eyebrow p{font:inherit;line-height:inherit;margin:0}
.hcl-site .hcl-sv .sv-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:0;align-items:center}
.hcl-site .hcl-sv .sv-actions>.elementor-widget-button,.hcl-site .hcl-sv .sv-related>.elementor-widget-button{width:auto;max-width:100%}
.hcl-site .hcl-sv .elementor-button{white-space:normal;line-height:1.4;text-decoration:none}
.hcl-site .hcl-sv .sv-actions>.elementor-widget-button:last-child .elementor-button{background:#fff;border:1px solid #cfdae7;color:#1c355e}
.hcl-site .hcl-sv .sv-picture img{display:block;width:100%;height:auto;border-radius:20px}
.hcl-site .hcl-sv .sv-photo-block{gap:12px}
.hcl-site .hcl-sv .sv-photo-block img{aspect-ratio:4/3;object-fit:cover}
.hcl-site .hcl-sv .sv-caption{font-size:13px;line-height:1.6;color:#617086}
.hcl-site .hcl-sv.sv-dark{background:linear-gradient(125deg,#1c355e,#101725);color:#dce5f2}
.hcl-site .hcl-sv.sv-dark .sv-eyebrow{color:#f9c802}
.hcl-site .hcl-sv.sv-dark .sv-caption{color:#dce5f2}
.hcl-site .hcl-sv.sv-hero{padding-block:88px}
.hcl-site .hcl-sv .sv-hero-grid{align-items:center;gap:56px}
.hcl-site .hcl-sv .sv-hero-copy{gap:24px}
.hcl-site .hcl-sv.sv-tint{background:#f3f6fa}
.hcl-site .hcl-sv .sv-topic{gap:16px}
.hcl-site .hcl-sv .sv-topic>.sv-eyebrow{border-bottom:2px solid #f9c802;width:36px;padding-bottom:8px;align-self:flex-start}
.hcl-site .hcl-sv .sv-panel-grid>.sv-topic{padding:30px;background:#fff;border:1px solid #e1e7ee;border-radius:20px;height:100%}
.hcl-site .hcl-sv .sv-grid-3 .elementor-heading-title{font-size:24px;line-height:1.35}
.hcl-site .hcl-sv .sv-grid-3 .elementor-widget-text-editor{font-size:16px;line-height:1.75}
.hcl-site .hcl-sv .sv-feature{max-width:850px;gap:20px}
.hcl-site .hcl-sv .sv-checklist{gap:0;border-top:1px solid #d7e0ea}
.hcl-site .hcl-sv .sv-check{display:flex;flex-direction:row;gap:20px;padding:22px 0;border-bottom:1px solid #d7e0ea;align-items:start}
.hcl-site .hcl-sv .sv-check>.sv-step-number{flex:0 0 42px;width:42px;min-width:42px;padding:8px 0;background:#fff1b1;border-radius:50%;text-align:center;color:#1c355e;font-size:15px;font-weight:700}
.hcl-site .hcl-sv .sv-check>.elementor-widget-text-editor:last-child{flex:1;width:auto}
.hcl-site .hcl-sv .sv-step-number p{margin:0}
.hcl-site .hcl-sv .sv-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border:0}
.hcl-site .hcl-sv .sv-timeline .sv-check{flex-direction:column;padding:24px;border:1px solid #dbe4ed;border-radius:16px;background:#fff}
.hcl-site .hcl-sv .sv-timeline .sv-check>.elementor-widget-text-editor:last-child{width:100%}
.hcl-site .hcl-sv .sv-ledger{gap:0}
.hcl-site .hcl-sv .sv-ledger>.sv-topic{display:grid;grid-template-columns:48px minmax(0,.8fr) minmax(0,1.2fr);gap:24px;border-top:1px solid #d7e0ea;padding:32px 0}
.hcl-site .hcl-sv .sv-ledger>.sv-topic .elementor-heading-title{font-size:25px}
.hcl-site .hcl-sv .sv-aside{padding:32px;background:#eef3f8;border-left:4px solid #f9c802;border-radius:0 20px 20px 0;gap:36px}
.hcl-site .hcl-sv .sv-editorial{gap:40px;max-width:900px;margin:0 auto}
.hcl-site .hcl-sv .sv-editorial>.sv-topic{padding-left:28px;border-left:3px solid #f9c802}
.hcl-site .hcl-sv .sv-faq-item{border-top:1px solid #cfdbe7;padding-top:24px;gap:16px}
.hcl-site .hcl-sv.sv-related-section{padding-block:42px;border-top:1px solid #e3e9ef}
.hcl-site .hcl-sv .sv-related{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}
.hcl-site .hcl-sv .sv-related .elementor-button{background:#edf2f7;color:#1c355e;padding:10px 16px;font-size:14px}
.hcl-site .hcl-sv.sv-closing>.sv-wrap{max-width:850px;align-items:center;text-align:center}
.hcl-site .hcl-sv.sv-closing .sv-actions{justify-content:center}
.hcl-site .hcl-sv.sv-closing .elementor-heading-title{text-align:center}
/* Individual compositions. */
.hcl-site .hcl-sv.sv-hurricane-damage.sv-coverage .sv-grid{border-top:1px solid #d7e0ea;padding-top:36px}
.hcl-site .hcl-sv.sv-hurricane-damage.sv-narrow>.sv-wrap{max-width:850px}
.hcl-site .hcl-sv.sv-roof-damage.sv-hero{background:linear-gradient(90deg,#fff 50%,#f3f6fa 50%)}
.hcl-site .hcl-sv.sv-water-damage.sv-hero-editorial>.sv-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center;border-bottom:4px solid #f9c802;padding-bottom:40px}
.hcl-site .hcl-sv.sv-plumbing-damage .sv-mini{background:#fff;border-radius:18px;padding:26px;border-top:3px solid #f9c802}
.hcl-site .hcl-sv.sv-cast-iron-pipes .sv-technical{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hcl-site .hcl-sv.sv-cast-iron-pipes .sv-technical>.e-con:first-child{gap:46px}
.hcl-site .hcl-sv.sv-mold-damage.sv-hero-soft{background:#f1f5f2}
.hcl-site .hcl-sv.sv-mold-damage .sv-sidebar-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.hcl-site .hcl-sv.sv-mold-damage .sv-ledger>.sv-topic{display:flex;flex-direction:column;padding-block:28px}
.hcl-site .hcl-sv.sv-fire-smoke-damage.sv-hero-editorial>.sv-wrap{max-width:980px;text-align:center;align-items:center}
.hcl-site .hcl-sv.sv-fire-smoke-damage.sv-hero-editorial .sv-hero-copy{max-width:800px;align-items:center}
.hcl-site .hcl-sv.sv-fire-smoke-damage.sv-hero-editorial .sv-hero-copy .elementor-heading-title{text-align:center}
.hcl-site .hcl-sv.sv-fire-smoke-damage.sv-hero-editorial .sv-actions{justify-content:center}
.hcl-site .hcl-sv.sv-fire-smoke-damage.sv-hero-editorial .sv-picture{max-width:690px}
.hcl-site .hcl-sv .sv-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0}
.hcl-site .hcl-sv .sv-inventory .sv-check{padding:24px;background:#fff;border:1px solid #d7e0ea;border-radius:18px}
.hcl-site .hcl-sv.sv-storm-damage.sv-hero{border-bottom:6px solid #f9c802}
.hcl-site .hcl-sv.sv-commercial-property-damage .sv-business-panels>.sv-topic{padding:32px;background:#fff;border-top:4px solid #f9c802;border-radius:0 0 18px 18px;height:100%}
@media(max-width:1024px){
 .hcl-site .hcl-sv .sv-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hcl-site .hcl-sv .sv-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hcl-site .hcl-sv .sv-ledger>.sv-topic{grid-template-columns:42px minmax(0,1fr)}
 .hcl-site .hcl-sv .sv-ledger>.sv-topic>.elementor-widget-text-editor:last-child{grid-column:2}
 .hcl-site .hcl-sv .sv-hero-grid{gap:32px}
 .hcl-site .hcl-sv.sv-commercial-property-damage .sv-inventory{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
 .hcl-site .hcl-sv,.hcl-site .hcl-sv.sv-hero{padding:48px 22px}
 .hcl-site .hcl-sv .sv-grid-2,.hcl-site .hcl-sv .sv-grid-3,.hcl-site .hcl-sv .sv-timeline,.hcl-site .hcl-sv .sv-inventory,.hcl-site .hcl-sv.sv-cast-iron-pipes .sv-technical,.hcl-site .hcl-sv.sv-mold-damage .sv-sidebar-layout,.hcl-site .hcl-sv.sv-water-damage.sv-hero-editorial>.sv-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
 .hcl-site .hcl-sv.sv-roof-damage.sv-hero{background:#fff}
 .hcl-site .hcl-sv .sv-ledger>.sv-topic{display:flex;flex-direction:column;gap:18px}
 .hcl-site .hcl-sv .sv-aside,.hcl-site .hcl-sv .sv-panel-grid>.sv-topic{padding:24px}
 .hcl-site .hcl-sv.sv-hero-reverse .sv-hero-copy{grid-row:1}
 .hcl-site .hcl-sv.sv-hero-reverse .sv-picture{grid-row:2}
 .hcl-site .hcl-sv .sv-check>.elementor-widget-text-editor:last-child{font-size:16px}
 .hcl-site .hcl-sv .sv-actions{gap:12px}
}