/* Original Quantum AGI artwork, presented consistently across the water division. */
:root{--brand-ember:#c66542;--brand-ink:#142b3c;--brand-paper:#f7f1e8}
.qagi-wordmark{display:block;position:relative;width:230px;max-width:100%;flex:none}
.qagi-wordmark img{display:block;width:100%;height:auto}
.brand{gap:13px;transition:opacity .2s}
.brand:hover{opacity:.83}
.brand .qagi-wordmark img{width:100%;height:auto}
.brand__tag{border-left:1px solid #c8d4dd;padding:3px 0 3px 12px;border-radius:0;background:none;color:#47647a;font-size:.66rem;letter-spacing:.17em;font-weight:600;line-height:1.35}
.drawer__top .qagi-wordmark{width:200px}
.drawer__top .qagi-wordmark img{width:100%;height:auto}
.ftr__grid .ftr__logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0;margin-bottom:20px}
.ftr__logo .qagi-wordmark{width:240px}
.ftr__logo .brand__tag{color:#b2c4d4;border-left-color:#476073;font-size:.65rem;letter-spacing:.16em;font-weight:500}
.qagi-wordmark--inverse img{filter:brightness(0) invert(1)}
@supports ((mask-image:url('brand/logo-primary.svg')) or (-webkit-mask-image:url('brand/logo-primary.svg'))){
  .qagi-wordmark--inverse::after{content:"";position:absolute;inset:0;background:#e7a185;-webkit-mask:url('brand/logo-primary.svg') center/100% 100% no-repeat;mask:url('brand/logo-primary.svg') center/100% 100% no-repeat;clip-path:inset(0 88.15% 0 0);pointer-events:none}
}
.phead--brand{padding:30px 0 60px;background:linear-gradient(180deg,#fff,#f5f8fb);border-bottom:1px solid var(--line)}
.brand-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center;padding-top:18px}
.brand-intro__copy{padding-block:28px}
.brand-intro__copy .eyebrow{color:#a14d2f;font-size:.74rem;letter-spacing:.09em}
.brand-intro__copy h1{font-size:clamp(2.4rem,4.1vw,3.45rem);max-width:17ch;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.brand-intro__copy .lead{max-width:49ch;margin-top:24px;font-size:1.04rem;line-height:1.8}
.brand-intro__facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;color:#536c7e;font-size:.76rem}
.brand-intro__facts li{display:flex;align-items:center;gap:8px}
.brand-intro__facts li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--brand-ember);flex:none}
.brand-intro__copy .link-arrow{margin-top:28px;font-size:.9rem}
.brand-signature{margin:0;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:64px 44px 40px;min-height:470px;border-radius:4px;background:var(--brand-paper);border:1px solid #e8dfd3;box-shadow:0 28px 48px -36px rgba(84,61,40,.26),inset 0 1px #fff}
.brand-signature::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 24% 12%,rgba(255,255,255,.78),transparent 66%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.065'/%3E%3C/svg%3E")}
.brand-signature__mark{width:236px;height:auto;max-width:70%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7)) drop-shadow(0 5px 7px rgba(121,59,34,.08))}
.brand-signature .qagi-wordmark{width:320px;max-width:100%}
.brand-signature figcaption{font-size:.67rem;letter-spacing:.025em;color:#6c665e;text-align:center;border-top:1px solid #ded4c7;padding-top:18px;width:100%;line-height:1.7}
.brand-signature figcaption span{padding-inline:5px;color:#a59a8b}
@media(max-width:1100px){.brand-intro{gap:42px}.brand-signature{padding:48px 28px 32px;min-height:430px}.brand-signature__mark{width:210px}.brand-intro__copy h1{font-size:clamp(2.4rem,4.4vw,3.2rem)}}
@media(max-width:760px){.brand-intro{grid-template-columns:1fr;gap:32px;padding-top:0}.brand-intro__copy{padding-block:14px 0}.brand-intro__copy h1{font-size:clamp(2.35rem,7.3vw,3.2rem)}.brand-intro__copy .lead{font-size:1rem}.brand-signature{width:100%;max-width:520px;justify-self:center;min-height:400px}.phead--brand{padding-bottom:42px}}
@media(max-width:640px){.brand{gap:10px}.brand .qagi-wordmark{width:176px}.brand__tag{padding-left:9px;font-size:.6rem;letter-spacing:.14em}.brand-intro__facts{gap:7px 13px;font-size:.72rem}.brand-signature{min-height:355px;padding:38px 28px 28px;gap:27px}.brand-signature__mark{width:182px}.brand-signature .qagi-wordmark{width:275px}.brand-signature figcaption{font-size:.64rem}.ftr__logo .qagi-wordmark{width:220px}}