/* hero9 DRAFT: full-bleed house + glass numbers + floating quick-quote (preview only) */
.pq-hero.hero9{position:relative;padding:0!important;min-height:0;overflow:hidden;isolation:isolate}
.pq-hero.hero9 .pq-bg,.pq-hero.hero9 .pq-ov{position:absolute;inset:0;z-index:0;height:auto!important}
.pq-hero.hero9 .pq-bg .house{position:absolute;inset:0;height:100%!important;background:url(assets/hero7-desktop-2160.webp) center 70%/cover no-repeat!important}
.pq-hero.hero9 .pq-bg .sky{position:absolute;left:0;right:0;top:0;height:42%!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%)}
.pq-hero.hero9 .pq-lbl{z-index:4;left:16px;bottom:auto;top:calc(100% - 36px)}
/* soft full-bleed scrim — keep walls readable */
.pq-hero.hero9 .pq-ov{background:
  linear-gradient(90deg,rgba(11,37,69,.72) 0,rgba(11,37,69,.35) 46%,rgba(11,37,69,.18) 70%,rgba(11,37,69,.28) 100%),
  linear-gradient(180deg,rgba(11,37,69,.55) 0,rgba(11,37,69,.12) 36%,rgba(11,37,69,.25) 72%,rgba(11,37,69,.82) 100%)!important}
.pq-hero.hero9 .pq-in,.pq-hero.hero9 .hero-copy,.pq-hero.hero9 .hero-wx{all:unset}
.h9{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:96px 5vw 28px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box;min-height:min(92vh,900px)}
.h9-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,400px);gap:22px;align-items:start;flex:1}
.h9-copy h1{font:400 clamp(40px,6.5vw,78px)/.98 'Archivo Black',system-ui,sans-serif;letter-spacing:-.03em;color:#fff;margin:0 0 12px;max-width:14ch;text-shadow:0 2px 18px rgba(11,37,69,.55)}
.h9-copy h1 em{font-style:normal;color:#FF7A00}
.h9-copy .pq-lead{color:#e8eef6;font:500 16px/1.45 Inter,system-ui,sans-serif;max-width:36em;margin:0 0 18px;text-shadow:0 1px 10px rgba(11,37,69,.65)}
/* glass number chips */
.h9-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.h9-chip{display:flex;flex-direction:column;gap:4px;padding:14px 14px 12px;border-radius:16px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 12px 28px -16px rgba(0,0,0,.45);color:#fff;min-height:44px}
.h9-chip.h9-hot{background:rgba(255,122,0,.22);border-color:rgba(255,122,0,.55);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 0 0 1px rgba(255,122,0,.25),0 12px 28px -14px rgba(255,122,0,.4)}
.h9-k{font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#d7e2ef}
.h9-chip strong{font:400 clamp(22px,2.4vw,28px)/1.05 'Archivo Black',system-ui,sans-serif;letter-spacing:-.02em}
.h9-u{font:500 12px/1.3 Inter,system-ui,sans-serif;color:#c9d6e6}
.h9-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;color:#d5deea;font:500 12.5px/1.4 Inter,system-ui,sans-serif}
.h9-note .pq-draft{flex:none}
/* floating quick-quote glass panel */
.h9-qq{position:sticky;top:88px;padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 50px -20px rgba(11,37,69,.55);color:#0B2545}
.h9-qq-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.h9-qq-top h2{margin:0;font:400 22px/1.1 'Archivo Black',system-ui,sans-serif;color:#0B2545}
.h9-qq-ex{margin:0 0 10px;font:500 13px/1.4 Inter,system-ui,sans-serif;color:#5b6675}
.h9-qq-amt{font:400 clamp(28px,3vw,34px)/1 'Archivo Black',system-ui,sans-serif;color:#0B2545;letter-spacing:-.02em;margin:0 0 6px}
.h9-qq-det{margin:0 0 14px;font:500 13px/1.4 Inter,system-ui,sans-serif;color:#4a5562}
.h9-qq-acts{display:grid;gap:8px;margin-bottom:12px}
.h9-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:14px;background:#FF7A00;color:#fff;text-decoration:none;font:800 15px Inter,system-ui,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 18px -8px rgba(255,122,0,.7)}
.h9-sec{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(11,37,69,.25);color:#0B2545;text-decoration:none;font:700 14px Inter,system-ui,sans-serif;background:rgba(255,255,255,.55)}
.h9-notes{margin:0;padding:10px 0 0 18px;border-top:1px solid rgba(11,37,69,.12);font:500 13px/1.45 Inter,system-ui,sans-serif;color:#3d4a5c}
.h9-notes li{margin:0 0 4px}
/* weather strip inside hero, glass */
.h9-wx{margin-top:auto}
.h9-wx .pf{max-width:100%;margin:0;min-height:0;background:rgba(11,37,69,.42);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:12px 14px;box-sizing:border-box}
.h9-wx .pf.pf-wait{visibility:visible;opacity:.55}
.h9-wx .pf-b{background:rgba(11,37,69,.35);border-color:rgba(255,255,255,.3)}
.h9-wx .pf-src{color:#dfe7f0;margin:6px 0 8px}
.h9-wx .fx{margin-top:4px}
.h9-wx .fx button{background:rgba(11,37,69,.5)}
/* override hero8 absolute/padding layout when hero9 present */
.pq-hero.hero9 .pq-in{display:none}
@media (max-width:960px){
  .h9{padding-top:84px;min-height:0}
  .h9-main{grid-template-columns:1fr;gap:16px}
  .h9-qq{position:relative;top:auto}
  .h9-nums{grid-template-columns:1fr;max-width:100%}
  .pq-hero.hero9 .pq-bg .house{background-image:image-set(url(assets/hero7-mobile-644.webp) 1x,url(assets/hero7-mobile-1288.webp) 2x)!important;background-position:center top!important}
  .pq-hero.hero9 .pq-ov{background:linear-gradient(180deg,rgba(11,37,69,.55) 0,rgba(11,37,69,.18) 24%,rgba(11,37,69,.22) 55%,rgba(11,37,69,.78) 100%),linear-gradient(90deg,rgba(11,37,69,.25) 0,transparent 55%)!important}
  .pq-hero.hero9 .pq-lbl{top:auto;bottom:12px}
}
@media (max-width:420px){
  .h9-copy h1{font-size:clamp(34px,10vw,44px)}
  .h9-qq-acts{grid-template-columns:1fr}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .h9-chip{background:rgba(11,37,69,.78)}
  .h9-qq{background:rgba(255,255,255,.96)}
  .h9-wx .pf{background:rgba(11,37,69,.92)}
}
.h9-nums{min-height:108px}.h9-qq-amt{min-height:34px}.h9-wx .pf{min-height:168px}