/* hero8: headline over sky; house walls fully visible; weather under photo; quote separate */
.pq-hero{position:relative;padding:0!important;min-height:0;display:block;overflow:hidden}
.pq-hero .pq-bg,.pq-hero .pq-ov{position:absolute;left:0;right:0;top:0;height:var(--hero-h,702px);z-index:0}
.pq-hero .pq-lbl{z-index:4}
/* padding-top (not margin) avoids collapse and keeps copy's containing block at photo top */
.pq-hero .pq-in{position:relative;z-index:3;display:block;width:100%;max-width:none;margin:0;padding:var(--hero-h,702px) 0 0;grid-template-columns:none!important;box-sizing:border-box}
.pq-hero .hero-copy{position:absolute;left:0;right:0;top:0;z-index:3;max-width:1200px;width:100%;margin:0 auto;padding:72px 5vw 0;box-sizing:border-box;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;pointer-events:none}
.pq-hero .hero-copy *{pointer-events:auto}
.pq-hero h1{font:400 clamp(36px,6.5vw,76px)/.98 'Archivo Black',system-ui,sans-serif!important;letter-spacing:-.03em;color:#fff!important;margin:0 0 10px!important;max-width:15ch;text-shadow:0 2px 18px rgba(11,37,69,.7),0 1px 2px rgba(11,37,69,.9)}
.pq-hero h1 em{font-style:normal;color:#FF7A00}
.pq-hero .pq-lead{color:#eef2f7;font:500 clamp(14px,1.9vw,18px)/1.4 Inter,system-ui,sans-serif;max-width:34em;margin:0;text-shadow:0 1px 12px rgba(11,37,69,.8)}
.pq-hero .hero-wx{position:relative;z-index:3;margin:0;padding:14px 5vw 18px;background:#0B2545;border-top:1px solid rgba(255,255,255,.12)}
.pq-hero .hero-wx .pf{margin-top:0;max-width:1200px}
.pq-hero .hero-wx .fx{max-width:1200px}
/* light TOP scrim only */
.pq-hero .pq-ov{background:linear-gradient(180deg,rgba(11,37,69,.78) 0,rgba(11,37,69,.38) 30%,rgba(11,37,69,.06) 52%,transparent 68%),linear-gradient(90deg,rgba(11,37,69,.28) 0,transparent 48%)!important}
@media (min-width:960px){
  .pq-hero{--hero-h:min(78vh,860px)}
  .pq-in>div:first-child{padding-top:0!important}
  .pq-bg .house{height:var(--hero-h)!important;bottom:auto;background-size:cover;background-position:center 80%}
  .pq-bg .sky{height:calc(var(--hero-h) * .34)!important}
  .pq-hero .hero-copy{padding-top:80px}
}
@media (min-width:701px) and (max-width:959px){
  .pq-hero{--hero-h:min(70vh,720px)}
  .pq-bg .house{height:var(--hero-h)!important;background-size:cover;background-position:center 55%}
  .pq-bg .sky{height:calc(var(--hero-h) * .36)!important}
  .pq-hero .hero-copy{padding-top:72px}
  .pq-hero h1{font-size:clamp(38px,6.5vw,64px)!important}
}
@media (max-width:700px){
  .pq-hero{--hero-h:125vw;padding-top:0!important}
  .pq-bg .house{background-image:image-set(url(assets/hero7-mobile-644.webp) 1x,url(assets/hero7-mobile-1288.webp) 2x)!important;background-size:100% auto!important;background-position:center top!important;inset:0 0 auto 0;height:var(--hero-h)!important}
  .pq-bg .sky{height:calc(125vw * .44)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%)}
  .pq-hero .hero-copy{padding:64px 5vw 0}
  .pq-hero h1{font-size:clamp(32px,10vw,46px)!important;max-width:12ch}
  .pq-hero .pq-lead{font-size:14px;max-width:28em;min-height:3.2em}
  .pq-hero .pq-ov{background:linear-gradient(180deg,rgba(11,37,69,.72) 0,rgba(11,37,69,.32) 22%,rgba(11,37,69,.04) 38%,transparent 50%)!important}
  .pq-lbl{top:calc(125vw - 92px);bottom:auto}
  .pq-hero .hero-wx{padding:12px 4vw 14px}
  .pf{min-height:148px}
}
.pq-quote{background:var(--soft,#F4F6F8);padding:28px 5vw 56px;position:relative;z-index:3}
.pq-qin{max-width:720px;margin:0 auto}
.pq-quote .pq-card{box-shadow:0 18px 40px -18px rgba(11,37,69,.35)}
@media (min-width:960px){.pq-quote{padding:36px 5vw 72px}.pq-qin{max-width:560px}}
.pq-hero .hero-wx{min-height:200px}.pq-hero .hero-copy{min-height:180px}
.pq-hero .hero-wx{min-height:220px}
@media (max-width:400px){.pq-hero .pq-lead{font-size:13px;line-height:1.35;min-height:2.8em}}
.pq-hero .hero-wx .pq-lead{color:#dfe7f0;text-shadow:none;max-width:40em;margin:0 0 12px;font:500 15px/1.45 Inter,system-ui,sans-serif}
.pq-hero .hero-copy{min-height:0}
@media (max-width:700px){.pq-hero .hero-wx .pq-lead{font-size:14px;min-height:0}}
/* lock headline box so Archivo swap does not shift */
.pq-hero h1{min-height:clamp(96px,14vw,170px)}
@media (max-width:700px){.pq-hero h1{min-height:112px}}