@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#101a24;--paper:#f5f3ee;--muted:#6a747c;--line:rgba(125,145,158,.3);--accent:#45c7e8;--accent2:#176b91;--surface:#142633;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:var(--sans);line-height:1.7}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-9999px;top:0;background:white;color:black;padding:12px;z-index:99}.skip:focus{left:12px;top:12px}.header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(18px,4vw,62px);min-height:76px;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:.8rem;font-weight:700;max-width:290px;line-height:1.2}.brandmark{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;font:1.35rem var(--serif)}.brandmark b{color:var(--accent)}nav{display:flex;gap:clamp(10px,1.7vw,24px)}nav a,.call{font-size:.75rem;text-decoration:none;font-weight:700}nav a{opacity:.8}.call{border:1px solid var(--line);padding:9px 12px;white-space:nowrap}.menu{display:none;background:transparent;border:1px solid currentColor;padding:7px 10px;font-size:1rem}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:clamp(50px,8vw,105px) clamp(20px,7vw,105px) 30px;min-height:660px;position:relative;overflow:hidden}.eyebrow,.kicker,.stage-label,.stage-foot,.hero-meta,.number,.masthead,.caption{font: .68rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--accent2);margin:0 0 20px}h1{font-size:clamp(2.6rem,5.2vw,5.5rem);line-height:.99;letter-spacing:-.055em;margin:0 0 26px;overflow-wrap:anywhere}h2{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.35;letter-spacing:-.025em;margin:0 0 22px}.hero h2{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7;letter-spacing:0;font-weight:500}.intro{color:var(--muted);max-width:590px;margin:22px 0 27px}.actions{display:flex;flex-wrap:wrap;gap:11px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 17px;text-decoration:none;font-weight:700;font-size:.82rem;border:1px solid var(--line)}.primary{background:var(--accent);color:#08151d;border-color:transparent}.note{font-size:.75rem;color:var(--muted)}.hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:.61rem}.section{padding:clamp(60px,8vw,108px) clamp(20px,7vw,105px);border-top:1px solid var(--line)}.section-head{max-width:900px;margin-bottom:42px}.section-head h2{font:clamp(2rem,4vw,3.7rem)/1.12 var(--serif)}.deck{color:var(--muted);max-width:760px}.article-grid{display:grid;grid-template-columns:1.55fr .65fr;gap:6vw}.lead{max-width:850px}.lead h3{font:clamp(1.6rem,2.8vw,2.5rem)/1.2 var(--serif)}.lead p,.side p,.service p,.local p,.guides p{color:var(--muted)}.side{border-left:1px solid var(--line);padding-left:26px;align-self:start}.side .big{font:3.4rem var(--serif);color:var(--accent2)}.side li{margin:10px 0;color:var(--muted)}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:135px .75fr 1.3fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.service h3,.local h3,.guides h3{font:1.5rem/1.25 var(--serif);margin:0}.service p{margin:0 0 12px}.service .eyebrow{font-size:.6rem;margin-top:6px}.local-grid,.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.local{border-top:3px solid var(--accent2);padding-top:14px}.callout{margin-top:38px;border-block:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:20px}.callout .arrow{font-size:2.4rem;color:var(--accent2)}.callout div{flex:1}.callout h3{margin:0}.callout p{margin:5px 0;color:var(--muted)}.callout a{font-weight:700}.guides article{border-top:1px solid var(--line);padding-top:18px}.guides .letter{font: .7rem var(--mono);color:var(--accent2)}.faq{max-width:950px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:15px;list-style:none}summary:after{content:'+';font-size:1.4rem;color:var(--accent2)}details[open] summary:after{content:'−'}details p{color:var(--muted);max-width:760px}.contact{display:grid;grid-template-columns:1fr .8fr;gap:7vw;padding:clamp(55px,8vw,95px) clamp(20px,7vw,105px);background:var(--surface);color:#f5f8fa}.contact h2{font:clamp(2.3rem,4.6vw,4.2rem)/1.1 var(--serif)}.contact-copy>p:not(.eyebrow){color:#bdc9d1}.details{border-top:1px solid #52636f}.details div{padding:17px 0;border-bottom:1px solid #52636f}.details span{display:block;font:.65rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a7bdc9}.details a{font-size:1.05rem;font-weight:700}.details p{margin:4px 0}.footer{padding:32px clamp(20px,7vw,105px);background:#09131b;color:#e7edf0}.footer-brand{font:1.25rem var(--serif);text-decoration:none}.footer p{color:#9aabb5;font-size:.8rem}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.footer-links a{font-size:.8rem}.legal{max-width:850px}.copyright{display:block;border-top:1px solid #263641;padding-top:14px;font:.65rem var(--mono);color:#8b9ca6}
.interactive{background:#08141e;color:#edf5fa;--muted:#a6b7c3;--line:rgba(167,194,210,.22);--accent2:#6ddcff}.interactive .header{background:#08141ee8}.interactive .hero{background:radial-gradient(ellipse at 78% 45%,#1e70933b,transparent 46%),linear-gradient(135deg,#08141e,#102431)}.interactive .eyebrow{color:#6ddcff}.lock-stage{position:relative;min-height:420px;display:grid;place-items:center;color:#9fb7c7}.lock-svg{width:min(100%,450px);filter:drop-shadow(0 25px 35px #0008)}.orbit{transform-origin:210px 210px;animation:spin 30s linear infinite}.orbit2{transform-origin:210px 247px;animation:spinback 17s linear infinite}.stage-label,.stage-foot{position:absolute;left:0;right:0;display:flex;justify-content:space-between;color:#8aa3b2;font-size:.6rem}.stage-label{top:5px}.stage-foot{bottom:5px}.story{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:6vw;padding:85px clamp(22px,9vw,135px);min-height:500px;border-top:1px solid var(--line);overflow:hidden;position:relative}.number{position:absolute;top:22px;left:clamp(22px,7vw,105px);color:#6ddcff}.story h2{font:clamp(2rem,4vw,3.8rem)/1.1 var(--serif)}.story p:not(.eyebrow){color:var(--muted)}.gear{width:220px;height:220px;border:2px dashed #4dbfe3;border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;animation:spin 18s linear infinite}.gear:before,.gear:after{content:'';position:absolute;border:14px solid #244a60;border-radius:50%;width:140px;height:140px}.gear:after{width:75px;height:75px;border-color:#d9e6ee #6ddcff #d9e6ee #6ddcff}.gear span{position:absolute;background:#6ddcff;width:20px;height:20px;border-radius:50%}.pipes{height:260px;position:relative;width:100%;max-width:400px;margin:auto}.pipes i{position:absolute;border:11px solid #2b7897;border-radius:25px;width:75%;height:45%;top:8%;left:10%;border-bottom:0}.pipes i:nth-child(2){width:43%;height:70%;top:24%;left:27%;border-top:0}.pipes i:nth-child(3){width:35%;height:30%;bottom:0;right:0;border-left:0}.resolve{height:200px;width:200px;border:1px solid #6ddcff;border-radius:50%;display:grid;place-items:center;color:#6ddcff;font:2rem var(--mono);margin:auto;box-shadow:0 0 60px #20bde522}.resolve span{font-size:3rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinback{to{transform:rotate(-360deg)}}
.diagonal .hero{background:linear-gradient(125deg,#0a1721 0 52%,#103a50 52%)}.diagonal .lock-stage{transform:rotate(-4deg)}.fluid .hero{background:radial-gradient(ellipse at 78% 45%,#d5f5ff 0,#6fc7e0 12%,#143f56 34%,#0d2637 60%,#f5f8fa 60.2%,#f5f8fa 100%);color:#102536}.fluid .hero .eyebrow{color:#126b91}.fluid .hero .intro,.fluid .hero .note{color:#405d6d}.fluid .section{background:#f4f8fa;color:#102536}.fluid .section:nth-of-type(even){background:#e6f3f7}.fluid .story{background:#f4f8fa;color:#102536}.fluid .story p:not(.eyebrow){color:#506a78}.fluid .number{color:#126b91}.fluid .contact{background:#103347}.mechanical .hero{background:linear-gradient(90deg,#10191f 0 58%,#342b1d 58% 100%)}.mechanical .orbit2{stroke:#ffbf68}.mechanical .section:nth-of-type(odd){background:#111e26}.mechanical .section:nth-of-type(even){background:#18232a}
.editorial{background:var(--paper);color:#18232a;--muted:#606a70;--line:rgba(25,40,49,.24);--accent2:#125a7a}.editorial .header{background:#f5f3eef0}.editorial .hero{background:var(--paper);min-height:630px}.editorial h1{font:600 clamp(2.8rem,5vw,5.3rem)/1.03 var(--serif);letter-spacing:-.045em}.editorial .hero h2{font-size:1.02rem}.editorial .primary{background:#173f54;color:#fff}.editorial .section{background:#f8f7f3}.editorial .section:nth-of-type(even){background:#efeee8}.editorial .contact{background:#173746}.editorial .footer{background:#101c23}.editorial-visual{min-height:390px;background:#dce7e8;position:relative;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.masthead{display:flex;justify-content:space-between;color:#315160;border-bottom:1px solid #7c9aa5;padding-bottom:10px}.illustration{position:relative;min-height:290px;display:grid;place-items:center}.ring{position:absolute;width:60%;aspect-ratio:1;border:1px solid #1e6e8a;border-radius:50%;box-shadow:0 0 0 22px #b8d2d8,0 0 0 23px #729da9,0 0 0 46px #dce7e8,0 0 0 47px #729da9}.drop{font-size:7rem;color:#176b91;filter:drop-shadow(10px 10px 0 #9cbec8);z-index:1}.pipe-diagram i{position:absolute;width:46%;height:35%;border:9px solid #345b6a;border-radius:22px}.pipe-diagram i:first-child{left:-10%;top:15%;border-right:0}.pipe-diagram i:nth-child(2){right:-8%;bottom:10%;border-left:0}.pipe-diagram i:nth-child(3){width:25%;height:65%;left:37%;bottom:-25%;border-top:0}.caption{font-size:.58rem;color:#315160}.editorial .lead p{font-size:1rem;line-height:1.85}.magazine .hero{background:linear-gradient(135deg,#f6f4ef 0 55%,#d7e5e5 55%)}.magazine .editorial-visual{transform:rotate(1.5deg);box-shadow:15px 15px 0 #b5c9ca}.technical .services{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;border-top:0}.technical .service{display:block;border-top:2px solid #173f54;border-bottom:0}.technical .service .eyebrow{margin-bottom:10px}.urban .header{border-bottom:3px double #1b303b}.urban .hero{min-height:660px}.urban .section{background:#fff}.urban .section:nth-of-type(even){background:#eef1f2}
@media(max-width:980px){.brand{max-width:230px;font-size:.7rem}nav{gap:10px}.hero{gap:24px}.service{grid-template-columns:100px 1fr;gap:14px}.service p{grid-column:2}.lock-stage{min-height:340px}}@media(max-width:720px){html{scroll-padding-top:70px}.header{min-height:66px;padding:11px 16px}.brand{max-width:calc(100% - 110px)}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 20px;background:inherit;border-bottom:1px solid var(--line);flex-direction:column}.header nav.open{display:flex}.header nav a{padding:7px}.call{margin-left:auto;padding:7px 9px;font-size:.68rem}.menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding:50px 20px 25px}.hero h1,.editorial h1{font-size:clamp(2.5rem,12vw,4.3rem)}.lock-stage{min-height:290px}.lock-svg{max-width:330px}.hero-meta{font-size:.51rem}.story{grid-template-columns:1fr;min-height:auto;padding:76px 22px 55px;gap:25px}.number{left:22px}.gear,.pipes,.resolve{max-height:220px}.section{padding:58px 22px}.article-grid{grid-template-columns:1fr;gap:32px}.side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.service{grid-template-columns:1fr;gap:7px;padding:22px 0}.service p{grid-column:auto}.local-grid,.guides{grid-template-columns:1fr;gap:22px}.callout{flex-wrap:wrap;align-items:flex-start}.callout div{min-width:180px}.callout a{margin-left:48px}.contact{grid-template-columns:1fr;gap:35px;padding:55px 22px}.contact h2{font-size:2.6rem}.footer{padding:28px 22px}.footer-links{gap:12px 18px}.diagonal .hero{background:linear-gradient(155deg,#0a1721 0 68%,#103a50 68%)}.fluid .hero{background:radial-gradient(ellipse at 72% 70%,#b6e8f5 0,#174b64 45%,#f5f8fa 45.2%,#f5f8fa 100%)}.mechanical .hero{background:linear-gradient(160deg,#10191f 0 70%,#342b1d 70%)}.magazine .hero{background:#f6f4ef}.magazine .editorial-visual{transform:none;box-shadow:8px 8px 0 #b5c9ca}.technical .services{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}