/* HVACB \u2014 who-we-serve section.
   Block-safe rewrite: the section is native core blocks, so decorative
   <span>/<i> nodes are pseudo-elements, the three type icons are
   mask-image data URIs tinted by background-color, and per-type colours
   come from modifier classes rather than inline style attributes. */

.hf p,.hf h2{margin:0}.hf>*,.hf .wp-block-group>*{margin-block-start:0;margin-block-end:0}.hf{position:relative;background:#FBFAFE;padding:clamp(3.5rem,7vw,6.5rem) clamp(18px,4vw,48px) clamp(3rem,5vw,4.5rem);overflow:hidden;--a:#4B3B8F;--tint:#F1ECFB;--ico-home:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2010.4%2012%203l9%207.4V20a1%201%200%200%201-1%201h-5v-6H9v6H4a1%201%200%200%201-1-1Z%27%2F%3E%3C%2Fsvg%3E");--ico-office:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2021V6a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201v15M14%2021V10h5a1%201%200%200%201%201%201v10M2%2021h20M7%209h3M7%2013h3M7%2017h3%27%2F%3E%3C%2Fsvg%3E");--ico-plant:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2021V11l6%203V11l6%203V6l6%203v12H3Z%27%2F%3E%3Cpath%20d%3D%27M7%2017h2M13%2017h2M18%2017h1%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")}.hf *{box-sizing:border-box}.hf:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 40% 26% at 6% 4%,rgba(75,59,143,.15),transparent 66%),radial-gradient(ellipse 44% 30% at 96% 94%,rgba(217,106,43,.15),transparent 66%)}.hf .hf__in{position:relative;z-index:1;max-width:1180px;margin:0 auto}.hf .hf__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(28px,4vw,56px);align-items:start}.hf .hf__right{display:flex;flex-direction:column;justify-content:flex-end}.hf .hf__eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#FFFFFF;margin:0 0 22px;padding:11px 24px;border-radius:999px;background:linear-gradient(105deg,#3A2C7A 0%,#6B4FB8 42%,#D96A2B 100%);box-shadow:0 16px 34px -12px rgba(75,59,143,.6)}.hf .hf__eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#FFFFFF;flex:none;animation:hfPing 2.6s ease-out infinite}@keyframes hfPing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 11px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.hf .hf__h2{font-size:clamp(32px,5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:.99;margin:0 0 16px;color:#14121F}.hf .hf__h2 em{font-style:normal;background:linear-gradient(104deg,#4B3B8F 0%,#8A5CC4 42%,#D96A2B 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hf .hf__lead{font-size:clamp(17px,1.75vw,24px);line-height:1.5;color:#2E2B3D;margin:0 0 clamp(1.5rem,2.4vw,2rem);max-width:40ch;font-weight:500}.hf .hf__lead mark{font-weight:800;color:#14121F;background:linear-gradient(180deg,transparent 60%,rgba(217,106,43,.3) 60%);padding:0 2px}.hf .hf__types{display:flex;flex-direction:column;gap:8px}.hf .hf__type{position:relative;display:flex;align-items:center;gap:14px;padding:15px 16px 15px 78px;border-radius:16px;background:#FFFFFF;border:1.5px solid rgba(20,18,31,.08);box-shadow:0 12px 28px -22px rgba(20,18,31,.5);cursor:default;transition:background .35s cubic-bezier(.16,1,.3,1),border-color .35s,transform .35s,box-shadow .35s}.hf .hf__type:hover{background:var(--t);border-color:var(--c);transform:translateX(6px);box-shadow:0 20px 40px -24px var(--c)}.hf .hf__type--r{--c:#4B3B8F;--t:#F1ECFB}.hf .hf__type--c{--c:#8A5CC4;--t:#F4EFFC}.hf .hf__type--i{--c:#D96A2B;--t:#FCF0E8}.hf .hf__type:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:13px;background:var(--t);transition:background .35s}.hf .hf__type:hover:before{background:var(--c)}.hf .hf__type:after{content:"";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:var(--c);transition:background-color .35s;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px 24px;mask-size:24px 24px}.hf .hf__type:hover:after{background-color:#FFFFFF}.hf .hf__type--r:after{-webkit-mask-image:var(--ico-home);mask-image:var(--ico-home)}.hf .hf__type--c:after{-webkit-mask-image:var(--ico-office);mask-image:var(--ico-office)}.hf .hf__type--i:after{-webkit-mask-image:var(--ico-plant);mask-image:var(--ico-plant)}.hf .hf__tbody{min-width:0}.hf .hf__trow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.hf .hf__tname{font-size:clamp(18px,1.9vw,24px);font-weight:800;letter-spacing:-.028em;color:#14121F;transition:color .35s}.hf .hf__type:hover .hf__tname{color:var(--c)}.hf .hf__twhen{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#FFFFFF;background:var(--c);border-radius:999px;padding:4px 10px;white-space:nowrap}.hf .hf__tlost{font-size:14px;font-weight:600;color:#4A4658;margin:0;transition:color .35s}.hf .hf__type:hover .hf__tlost{color:#14121F}.hf .hf__feed{position:relative;border-radius:24px;background:linear-gradient(165deg,var(--tint) 0%,#FFFFFF 48%,#FFFFFF 100%);border:1px solid rgba(20,18,31,.08);box-shadow:0 44px 84px -50px rgba(20,18,31,.6);overflow:hidden;transition:background .5s ease,border-color .4s}.hf .hf__feed:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--a),#3EBE86);z-index:3;transition:background .5s ease}.hf .hf__feedtop{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid rgba(20,18,31,.07);background:rgba(255,255,255,.72)}.hf .hf__feedtop:before{content:"";width:8px;height:8px;border-radius:50%;background:#3EBE86;flex:none;animation:hfBlink 1.8s ease-in-out infinite}@keyframes hfBlink{0%,100%{opacity:1}50%{opacity:.3}}.hf .hf__feedtop p{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#4A4658}.hf .hf__cols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;height:clamp(360px,38vw,440px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.hf .hf__col{display:flex;flex-direction:column;gap:10px}.hf .hf__col--up{animation:hfUp 30s linear infinite}.hf .hf__col--down{animation:hfDown 34s linear infinite}@keyframes hfUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes hfDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}.hf .hf__feed:hover .hf__col{animation-play-state:paused}.hf .hf__card{background:#FFFFFF;border:1px solid rgba(20,18,31,.08);border-radius:13px;padding:13px;box-shadow:0 10px 22px -16px rgba(20,18,31,.5);flex:none;transition:opacity .4s ease,filter .4s ease}.hf .hf__job{font-size:13.5px;font-weight:700;color:#14121F;margin:0 0 9px;letter-spacing:-.018em;line-height:1.3}.hf .hf__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hf .hf__type-tag{font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--ct);color:var(--cc)}.hf .hf--r .hf__type-tag{--ct:#F1ECFB;--cc:#4B3B8F}.hf .hf--c .hf__type-tag{--ct:#F4EFFC;--cc:#8A5CC4}.hf .hf--i .hf__type-tag{--ct:#FCF0E8;--cc:#A8481A}.hf .hf__state{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700}.hf .hf__state:before{content:"";width:7px;height:7px;border-radius:50%;flex:none}.hf .hf--won .hf__state{color:#2C8F63}.hf .hf--won .hf__state:before{background:#3EBE86}.hf .hf--lostjob{border-color:rgba(179,38,30,.24);background:#FEF7F6}.hf .hf--lostjob .hf__state{color:#B3261E}.hf .hf--lostjob .hf__state:before{background:#B3261E}.hf .hf--wait .hf__state{color:#A8481A}.hf .hf--wait .hf__state:before{background:#D96A2B}.hf .hf__in:has(.hf__type--r:hover){--a:#4B3B8F;--tint:#F1ECFB}.hf .hf__in:has(.hf__type--c:hover){--a:#8A5CC4;--tint:#F4EFFC}.hf .hf__in:has(.hf__type--i:hover){--a:#D96A2B;--tint:#FCF0E8}.hf .hf__in:has(.hf__type--r:hover) .hf__card:not(.hf--r),.hf .hf__in:has(.hf__type--c:hover) .hf__card:not(.hf--c),.hf .hf__in:has(.hf__type--i:hover) .hf__card:not(.hf--i){opacity:.18;filter:grayscale(1)}.hf .hf__in:has(.hf__type--r:hover) .hf__feed,.hf .hf__in:has(.hf__type--c:hover) .hf__feed,.hf .hf__in:has(.hf__type--i:hover) .hf__feed{border-color:var(--a)}.hf .hf__foot{position:relative;margin-top:clamp(2rem,3.5vw,3rem);padding-top:26px;padding-left:20px;border-top:1.5px solid rgba(20,18,31,.09)}.hf .hf__foot:before{content:"";position:absolute;left:0;top:26px;bottom:0;width:4px;border-radius:4px;background:linear-gradient(180deg,#4B3B8F,#8A5CC4 50%,#D96A2B)}.hf .hf__foott-b{font-size:clamp(16px,1.7vw,21px);line-height:1.5;letter-spacing:-.024em;font-weight:800;color:#14121F;margin:0 0 4px}.hf .hf__foott-s{font-size:clamp(14.5px,1.35vw,17px);line-height:1.5;letter-spacing:-.024em;color:#4A4658;font-weight:500;margin:0}@media (max-width:900px){.hf .hf__grid{grid-template-columns:minmax(0,1fr);gap:28px}.hf .hf__cols{height:340px}.hf .hf__right{margin-top:0}}@media (prefers-reduced-motion:reduce){.hf .hf__col,.hf .hf__feedtop:before,.hf .hf__eyebrow:before{animation:none}.hf .hf__cols{height:auto;-webkit-mask-image:none;mask-image:none}.hf .hf__type,.hf .hf__card,.hf .hf__type:before,.hf .hf__type:after{transition:none}}

/* Item 6 — keep the category name and its decision-time pill on one line
   on desktop (they only wrap on narrow / mobile widths via the base rule). */
@media (min-width:901px){
	.hf .hf__trow{flex-wrap:nowrap}
}

/* Feedback — line the decision-label pills into a neat vertical column by
   giving each category name a consistent min-width (desktop only). The pill
   left edges then align across the three rows: M(inutes) above W(eeks) above
   M(onths). Category structure is unchanged. */
@media (min-width:901px){
	.hf .hf__trow .hf__tname{min-width:7.5em}
}