/* Facilio-style internal page blocks. Loaded after page.css and blocks.css. */
.rh_eb{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--atext)}
.rh_eb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.btn-gl{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:15px;backdrop-filter:blur(8px);transition:background .3s var(--ease)}
.btn-gl:hover{background:rgba(255,255,255,.22)}
.btn-gl svg,.btn-o svg,.btn-s svg,.btn-w svg{width:22px;height:11px}
.gcard .gc_demo{margin-top:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8d96a1}

/* shared hero type */
.rh,.rhc,.rhe{color:var(--black)}
.rh .crumbs,.rhc .crumbs,.rhe .crumbs,.rhf .crumbs{font-size:12px;color:#7a8089;margin-bottom:22px}
.rh .crumbs a:hover,.rhc .crumbs a:hover,.rhe .crumbs a:hover{color:var(--accent)}
.rh h1,.rhc h1,.rhe h1,.rhf h1{font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1.07;letter-spacing:-.03em;margin:18px 0 22px}
.rh p.sub,.rhc p.sub,.rhe p.sub{font-size:18px;line-height:1.55;color:#4a4f55;max-width:560px;margin-bottom:32px}
.rh h1.long,.rhc h1.long,.rhe h1.long,.rhf h1.long{font-size:clamp(32px,3.2vw,46px);line-height:1.1}
.rh .row,.rhc .row,.rhe .row,.rhf .row{display:flex;gap:12px;flex-wrap:wrap}
.rh .by,.rhc .by,.rhe .by{margin-top:22px;font-size:12px;color:var(--mute)}
.rh .gcard,.rhc .gcard,.rhe .gcard,.rhf .gcard,.rrow_v .gcard{opacity:1;transform:none}

/* 1. split hero: photo on a pastel panel with floating cards */
.rh{padding:140px 0 96px;background:#fff;position:relative}
.rh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(135deg,#eef0f3 0 1px,transparent 1px 9px)}
.rh_split{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.rh_art{position:relative;aspect-ratio:5/4.2}
.rh_art .blob{position:absolute;inset:9% 0 0 12%;border-radius:28px;background:linear-gradient(140deg,#d7ecfb 0%,#e9f2fd 55%,#f5f8fe 100%)}
.dots{position:absolute;width:132px;height:132px;background-image:radial-gradient(#a9cdee 1.3px,transparent 1.4px);background-size:12px 12px}
.rh_art .dots{right:-14px;top:-14px}
.rh_art .ph{position:absolute;inset:0 9% 12% 0;border-radius:22px;overflow:hidden;box-shadow:0 34px 60px -32px rgba(8,40,80,.5)}
.rh_art .ph img,.rrow_v .ph img,.rhc_media img,.rhe_art img{width:100%;height:100%;object-fit:cover}
.rh_art .gcard.c1{left:-34px;bottom:3%;width:min(290px,56%)}
.rh_art .gcard.c2{right:0;top:9%;width:min(270px,50%)}

/* 2. full-bleed photo hero (industries) */
.rhf{position:relative;color:#fff;padding:180px 0 0;overflow:hidden;background:#05090f}
.rhf .rhf_bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.rhf::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,9,16,.92) 0%,rgba(4,9,16,.66) 46%,rgba(4,9,16,.12) 100%),linear-gradient(0deg,rgba(4,9,16,.85) 0%,transparent 42%)}
.rhf .wrap{position:relative;z-index:2}
.rhf > .wrap:first-of-type{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;padding-bottom:70px}
.rhf .crumbs{color:#9aa4ae}.rhf .crumbs a:hover{color:#fff}
.rhf .rh_eb{color:#9fd3ff}.rhf .rh_eb::before{background:#4fd0ff}
.rhf p.sub{font-size:18px;line-height:1.55;color:#d3dae2;max-width:600px;margin-bottom:32px}
.rhf .by{margin-top:22px;font-size:12px;color:#9aa4ae}
.rhf_cards{display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.rhf .gcard.st{position:relative;width:min(320px,100%)}
.rhf_chips{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}
.rhf_chips a{display:flex;align-items:center;gap:12px;padding:22px 18px 26px 0;font-size:15px;color:#e6ebf0;transition:color .3s var(--ease)}
.rhf_chips a + a{padding-left:18px;border-left:1px solid rgba(255,255,255,.16)}
.rhf_chips a:hover{color:#fff}
.rhf_chips span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);flex:none}
.rhf_chips svg{width:18px;height:18px}

/* 3. centered hero with a wide photo stage */
.rhc{padding:150px 0 0;text-align:center;background:linear-gradient(180deg,#f2f7fd 0%,#fff 70%)}
.rhc_txt{max-width:860px;margin:0 auto}
.rhc p.sub{margin:0 auto 30px;max-width:680px}
.rhc .row{justify-content:center}
.rhc .crumbs{justify-content:center}
.rhc_media{position:relative;margin-top:64px;border-radius:26px;overflow:hidden;aspect-ratio:21/8.5;box-shadow:0 40px 80px -46px rgba(8,40,80,.55)}
.rhc_media .gcard{text-align:left}
.rhc_media .gcard.c1{left:28px;bottom:28px;width:min(310px,40%)}
.rhc_media .gcard.c2{right:28px;top:28px;width:min(290px,38%)}

/* 4. editorial hero with a two-photo collage */
.rhe{padding:140px 0 100px;background:#f4f5f6}
.rhe_grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.rhe_art{position:relative;aspect-ratio:1/0.9}
.rhe_art .p1{position:absolute;left:0;top:0;width:78%;height:72%;border-radius:22px;overflow:hidden}
.rhe_art .p2{position:absolute;right:0;bottom:0;width:52%;height:46%;border-radius:20px;overflow:hidden;border:8px solid #f4f5f6}
.rhe_art .gcard.c1{left:-26px;bottom:8%;width:min(280px,48%)}

/* sector strip */
.rstrip{border-bottom:1px solid var(--line2);background:#fff}
.rstrip .wrap{display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.rstrip_k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-right:6px}
.rstrip a{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#3a3f45;transition:color .3s var(--ease)}
.rstrip a:hover{color:var(--accent)}
.rstrip svg{width:20px;height:20px;color:#3a3f45}
.rstrip .aqi-n{fill:var(--accent)}

/* statement + alternating rows */
.rstate{padding:110px 0 20px;text-align:center}
.rstate h2{font-weight:400;font-size:clamp(28px,2.7vw,40px);line-height:1.2;letter-spacing:-.02em;max-width:900px;margin:0 auto}
.rrows{padding:10px 0 80px}
.rrow{display:grid;grid-template-columns:1fr 1.05fr;gap:84px;align-items:center;padding:70px 0;border-bottom:1px dashed #dfe3e8}
.rrow:last-child{border-bottom:0}
.rrow:nth-child(even) .rrow_v{order:-1}
.rrow h3{font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1.16;letter-spacing:-.02em;margin:16px 0 28px;max-width:520px}
.rrow ul{list-style:none;padding:0;margin:0}
.rrow li{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:0 0 22px}
.rrow li i,.rcmp li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:1px}
.rrow li i{background:#e3f1fc}
.rrow li svg,.rcmp li svg{width:14px;height:14px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rrow li svg{stroke:var(--accent)}
.rrow li b{display:block;font-weight:400;font-size:17px;margin-bottom:5px}
.rrow li p{font-size:15px;line-height:1.5;color:#545a61;max-width:480px}
.rrow_v{position:relative;aspect-ratio:6/5}
.rrow_v .bg{position:absolute;inset:8% 0 0 10%;border-radius:26px}
.rrow_v.t1 .bg{background:linear-gradient(140deg,#d7ecfb,#eef6fe)}
.rrow_v.t2 .bg{background:linear-gradient(140deg,#e6e8fb,#f3f4fe)}
.rrow_v.t3 .bg{background:linear-gradient(140deg,#dcf2ea,#f0f9f5)}
.rrow_v .dots{left:-12px;bottom:-12px}
.rrow_v .ph{position:absolute;inset:0 12% 16% 0;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(8,40,80,.5)}
.rrow_v .gcard.cv{right:0;bottom:0;width:min(320px,62%)}

/* old way vs Aqueduct way */
.rcmp{padding:110px 0;background:#fff;border-top:1px solid var(--line2)}
.rcmp_box{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2);border-radius:24px;overflow:hidden}
.rcmp_col{padding:36px 40px 30px}
.rcmp_col.old{background:#fcf4f3}
.rcmp_col.new{background:#eff8f3;border-left:1px solid var(--line2)}
.rcmp_k{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8a5a55;margin-bottom:14px}
.rcmp_col.new .rcmp_k{color:#2f7a52}
.rcmp_k img{width:22px;height:22px;border-radius:5px}
.rcmp ul{list-style:none;padding:0;margin:0}
.rcmp li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:16px 0;border-top:1px dashed rgba(0,0,0,.09);font-size:16px;line-height:1.45;color:#2b2f34}
.rcmp .old li i{background:#f6d9d5}.rcmp .old li svg{stroke:#c0392b}
.rcmp .new li i{background:#cfeedd}.rcmp .new li svg{stroke:#1f8a4c}

/* photo band */
.rband{position:relative;min-height:540px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#05090f}
.rband > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rband::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(4,9,16,.88) 0%,rgba(4,9,16,.35) 55%,rgba(4,9,16,.1) 100%)}
.rband .wrap{position:relative;z-index:2;width:100%;padding-bottom:70px}
.rband .eyebrow{color:#9fd3ff}
.rband p{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.02em;max-width:880px;margin:16px 0 30px}

/* photo use cards */
.ruses{padding:110px 0;background:#f4f5f6}
.ruses_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.ruse{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line2);display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
a.ruse:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(8,40,80,.35)}
.ruse_i{aspect-ratio:16/10;overflow:hidden}
.ruse_i img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
a.ruse:hover .ruse_i img{transform:scale(1.04)}
.ruse_b{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1}
.ruse h4{font-weight:400;font-size:22px;line-height:1.22;margin:14px 0 10px}
.ruse p{font-size:15px;line-height:1.5;color:#4a4f55;flex:1}
.ruse .link{margin-top:18px}

/* closing banner */
.rclose{padding:30px 0 110px;background:#fff}
.rclose_box{background:#05090f;color:#fff;border-radius:24px;padding:56px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;background-image:radial-gradient(70% 140% at 100% 0%,rgba(8,144,224,.35),transparent 60%)}
.rclose_box p{font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.01em;max-width:680px}

@media (max-width:900px){
  .rh{padding:110px 0 70px}
  .rh_split,.rhe_grid,.rrow,.rcmp_box,.ruses_grid,.rhf > .wrap:first-of-type{grid-template-columns:1fr;gap:40px}
  .rrow:nth-child(even) .rrow_v{order:0}
  .rh_art .gcard.c1,.rhe_art .gcard.c1{left:0}
  .rhf{padding-top:120px}
  .rhf_cards{align-items:stretch}
  .rhf_chips{grid-template-columns:1fr 1fr}
  .rhf_chips a + a{border-left:0;padding-left:0}
  .rhc_media{aspect-ratio:4/3}
  .rhc_media .gcard{width:70%}
  .rcmp_col.new{border-left:0;border-top:1px solid var(--line2)}
  .rcmp_col{padding:28px 22px}
  .rclose_box{flex-direction:column;align-items:flex-start;padding:40px 28px}
  .rband{min-height:440px}
}
.rhf .evfacts{background:rgba(255,255,255,.14)}
.rhf .evfacts div{background:rgba(5,9,15,.72);backdrop-filter:blur(10px)}
.rcmp_k{min-height:22px}

/* gated webinar and guide blocks */
.gate{padding:110px 0;background:#05090f;color:#fff}
.gate .eyebrow{color:#9fd3ff}.gate .lead{color:#c9d0d9}
.gate_grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}
.gate .h-sec{margin:16px 0 22px}
.gate_meta{list-style:none;display:flex;gap:40px;margin:0 0 26px;padding:0}
.gate_meta small,.gate_spk small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8d96a1}
.gate_meta b{display:block;font-weight:400;font-size:18px;margin-top:6px}
.gate_spk{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.gate_spk div{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px}
.gate_spk b{display:block;font-weight:400;font-size:16px;margin-bottom:4px}
.gate_ag{padding-left:20px;display:grid;gap:10px;font-size:15px;line-height:1.5;color:#d3dae2}
.gate_box{background:#fff;color:var(--black);border-radius:22px;overflow:hidden}
.gate_video{aspect-ratio:16/9;background:#0b1118 url(/assets/photos/wtp-aerial.jpg) center/cover;position:relative}
.gate_video iframe{width:100%;height:100%;border:0;display:block}
.gate_lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(5,9,15,.72);color:#fff;text-align:center;padding:20px}
.gate_lock span{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.gate_lock svg{width:24px;height:24px}
.gate_lock b{font-weight:400;font-size:17px}
.gate_pdf{position:relative;height:220px;color:#fff}
.gate_pdf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gate_pdf::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,9,15,.85),rgba(5,9,15,.15))}
.gate_pdf span,.gate_pdf b{position:absolute;z-index:2;left:24px}
.gate_pdf span{bottom:62px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9fd3ff}
.gate_pdf b{bottom:24px;right:24px;font-weight:400;font-size:22px;line-height:1.2}
.gate_f{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:26px}
.gate_f label span{display:block;font-size:12px;color:var(--mute);margin-bottom:6px}
.gate_f input{width:100%;height:44px;border:1px solid #d9dbde;border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.gate_f button{grid-column:1/-1;justify-content:center}
.gate_f small{grid-column:1/-1;font-size:12px;color:var(--mute)}
.gate_ok{padding:26px;font-size:16px}
@media (max-width:900px){.gate_grid,.gate_f{grid-template-columns:1fr}}

/* phones: one card per visual, smaller, so the photo stays visible */
@media (max-width:640px){
  .rh_art{aspect-ratio:4/3.4}
  .rh_art .ph{inset:0 0 18% 0}
  .rh_art .blob,.rh_art .dots,.rrow_v .dots{display:none}
  .rh_art .gcard.c2,.rhc_media .gcard.c2,.rhf_cards .gcard + .gcard{display:none}
  .rh_art .gcard.c1{left:auto;right:10px;bottom:0;width:72%}
  .rhc_media{aspect-ratio:4/3.2;margin-top:40px}
  .rhc_media .gcard.c1{left:10px;bottom:10px;width:72%}
  .rhe_art{aspect-ratio:1/0.95}
  .rhe_art .gcard.c1{left:0;bottom:2%;width:66%}
  .rrow_v{aspect-ratio:4/3.6}
  .rrow_v .ph{inset:0 0 22% 0}
  .rrow_v .bg{inset:10% 0 0 10%}
  .rrow_v .gcard.cv{width:70%;right:8px}
  .gcard{font-size:11.5px;padding:10px 12px}
  .rhf{padding-top:110px}
  .rhf_cards{display:none}
  .rhf_chips{grid-template-columns:1fr 1fr;gap:0}
  .rhf_chips a{padding:14px 8px 16px 0;font-size:13.5px}
  .rh h1,.rhc h1,.rhe h1,.rhf h1{font-size:32px}
  .rh h1.long,.rhc h1.long,.rhe h1.long,.rhf h1.long{font-size:28px}
  .rh p.sub,.rhc p.sub,.rhe p.sub,.rhf p.sub{font-size:16px}
  .rstate{padding:70px 0 10px}.rstate h2{font-size:24px}
  .rrow{padding:44px 0;gap:28px}
  .rcmp{padding:70px 0}.rcmp li{font-size:15px}
  .rband{min-height:380px}.rband p{font-size:24px}
  .ruses{padding:70px 0}
  .gate{padding:70px 0}
  .rstrip .wrap{gap:6px 16px}
}