*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#f7f6f2;color:#172d43;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:#24559a;text-underline-offset:5px;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c44b21;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5.7vw,5.2rem);font-weight:700;max-width:1050px}h2{font-size:clamp(1.85rem,3.3vw,3rem);margin-bottom:1.4rem}h3{font-size:1.5rem;margin-bottom:1rem}em{font-style:normal;color:#9b3b20}.wrap{max-width:1280px;margin:auto;padding:0 40px}.wrap>section{padding:76px 0}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.15em;margin-bottom:20px;color:#315980}.small{font-size:.9rem;line-height:1.6}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:16px;z-index:100}.skip:focus{top:10px}.topline{display:flex;gap:15px;justify-content:space-between;background:#172d43;color:#fff;padding:8px max(24px,calc((100vw - 1200px)/2));font-size:.85rem}.topline a{color:#fff;font-weight:700;text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #ddd}.brand{display:block;flex-shrink:0;width:305px}.brand img{display:block}.navigation{display:flex;gap:22px;align-items:center}.navigation a{font-size:.96rem;font-weight:700;text-decoration:none;min-height:48px;display:flex;align-items:center;color:#172d43}.navigation a:hover{text-decoration:underline}.menu-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:15px 23px;background:#255799;color:#fff;text-decoration:none;border:1px solid transparent;border-radius:4px;font-size:1rem;font-weight:700;line-height:1.5}.button:hover{background:#193e71}.button.secondary{color:#172d43;background:transparent;border-color:#172d43}.hero{padding:68px 0 60px;border-bottom:1px solid #d6d8d8;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.hero-text{max-width:560px;margin:28px 0;font-size:1.18rem;color:#405366}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.text-link{font-size:1rem;font-weight:700}.hero-foot{margin:32px 0 0;font-size:.83rem;color:#4e5e6d}.hero-art{position:relative;min-height:490px;background:#dfddd5;border-radius:120px 8px 8px;overflow:hidden;border:1px solid #c7c6c0}.paving-pattern{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;transform:rotate(-28deg) scale(1.2);margin:-35px -30px 0}.paving-pattern span{height:80px;background:#cad0d3;box-shadow:inset -6px -8px #adb6bd;border:1px solid #a7afb7;border-radius:3px}.paving-pattern span:nth-child(3n){background:#2d5d9b;box-shadow:inset -6px -8px #234778}.paving-pattern span:nth-child(7n){background:#b96e4e;box-shadow:inset -6px -8px #965336}.paving-pattern span:nth-child(5n){background:#e5e2d9}.art-caption{position:absolute;bottom:0;left:0;right:0;background:#172d43;color:#fff;padding:28px 32px;display:flex;flex-direction:column}.art-caption strong{font-size:1.5rem}.art-caption span{color:#dce4ec}.art-caption small{font-size:.72rem;margin-top:10px;color:#c2ced9}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.section-heading p:not(.eyebrow){max-width:350px;color:#4b5b6b}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;padding:30px;border:1px solid #ccd1d3;background:#fff;text-decoration:none;color:#172d43;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#255799}.card-number{font-size:.85rem;letter-spacing:.1em;color:#8c3f25;margin-bottom:40px}.service-card h3,.service-card h2{font-size:1.55rem}.service-card p{font-size:1rem;color:#475868}.read{margin-top:auto;padding-top:24px;font-size:.95rem;font-weight:700;color:#24559a}.blue-panel{background:#172d43;color:#fff;padding:48px!important}.blue-panel .eyebrow{color:#bbcfe5}.layers-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.layers-layout p{max-width:520px}.layer-buttons{display:grid;gap:8px}.layer{display:flex;text-align:left;align-items:center;gap:20px;min-height:65px;width:100%;padding:16px 20px;border:2px solid transparent;border-bottom:7px solid #91a3b5;background:#dbe5ed;color:#172d43;font-size:1rem}.layer span{font-size:.8rem;font-weight:700}.layer-1{background:#e2d5b8;border-bottom-color:#b9a884}.layer-2{background:#bec4c8;border-bottom-color:#929ba3}.layer-3{background:#c99d81;border-bottom-color:#91664e}.layer.selected{outline:2px solid #f6be6d;outline-offset:1px}.layers figcaption{padding:18px 0;font-size:1rem;min-height:90px}.layers details{font-size:.9rem}.layers summary{padding:10px 0}.materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.materials figure{background:#fff;border:1px solid #d4d8db}.materials img{width:100%;height:240px;-o-object-fit:contain;object-fit:contain;padding:20px}.materials figcaption{padding:18px 20px;border-top:1px solid #e3e3e0;font-weight:700;font-size:1rem}.notice{padding:22px 26px;background:#eee7d8;border-left:4px solid #996421;color:#493d2d;font-size:1rem;margin:25px 0}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#eceeea;padding:40px!important}.measure-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:700;font-size:1rem;margin-bottom:16px}input,select,textarea{display:block;width:100%;min-width:0;min-height:52px;border:1px solid #7c8992;border-radius:3px;background:#fff;color:#172d43;padding:12px;margin-top:7px}output{display:block;font-size:1.6rem;font-weight:700;padding:16px 0}.city-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0}.city-preview a{padding:18px;border-bottom:1px solid #a7b6c1;text-decoration:none;font-weight:700}.faq-list details{border-bottom:1px solid #b9c3ca}.faq-list summary{font-size:1.2rem;font-weight:700;padding:24px 8px;min-height:60px}.faq-list p{max-width:900px;padding:0 8px 20px;color:#405366}.footer{background:#14283c;color:#fff;padding:65px 0 110px}.footer a{color:#e6edf4}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:50px;border-bottom:1px solid #405061}.footer .eyebrow{color:#c5d3e1}.footer-top h2{font-size:2.4rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px;padding:45px 0}.footer-grid h3{font-size:1.2rem}.footer-grid a{display:block;min-height:48px;font-size:1rem}.footer-grid p{font-size:1rem;color:#c8d4e0}.credit{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #405061;padding-top:25px;font-size:.9rem}.credit a{display:flex;align-items:center;gap:12px;font-weight:700;min-height:48px}.credit img{-o-object-fit:contain;object-fit:contain;max-height:40px}.floating{position:fixed;bottom:16px;right:20px;z-index:20;display:flex;box-shadow:0 4px 24px #172d4333;border:1px solid #74828b;border-radius:7px;overflow:hidden;background:#fff}.floating a,.floating button{padding:14px 18px;min-height:52px;font-size:.95rem;font-weight:700;text-decoration:none;border:0;background:#fff}.floating .float-wa{background:#176442;color:#fff}.floating button{border-left:1px solid #d5dada}body:has(.navigation.open) .floating{visibility:hidden}dialog{border:1px solid #8997a2;border-radius:8px;max-width:600px;width:calc(100% - 32px);padding:28px;color:#172d43;background:#f7f6f2;max-height:85dvh;overflow:auto}dialog::backdrop{background:#102337b8}.dialog-head{display:flex;align-items:start;gap:18px;justify-content:space-between}.dialog-head h2{font-size:1.7rem}.dialog-head button{min-height:48px;flex-shrink:0;padding:8px;background:#fff;border:1px solid #8d9aa5}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.share-grid a{padding:14px;border:1px solid #9daab4;text-decoration:none;font-weight:700}dialog label{margin-top:20px}.page-intro{padding:32px 0 55px;background:#e7ebed}.page-intro h1{font-size:clamp(2.2rem,4.4vw,4.2rem);margin:25px 0}.page-intro p:not(.eyebrow){max-width:860px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;margin-bottom:45px}.page-body{padding-top:45px;padding-bottom:65px}.page-body>section{padding:32px 0}.editorial-section{max-width:900px}.editorial-section h2{font-size:2rem}.source-box{padding:30px;border:1px solid #b9c4cc;margin:35px 0}.source-box h2{font-size:1.5rem}.source-box a{display:block;margin:14px 0;font-size:1rem}.search-label{max-width:650px}.directory>details{border:1px solid #bec8cf;background:#fff;margin:14px 0;padding:0 24px}.directory>details>summary{padding:22px 0;font-size:1.3rem;font-weight:700}.directory>details>summary span{font-size:.8rem;font-weight:400;display:block;color:#4b5b6b;margin-left:20px}.directory>details>p{font-size:1rem}.city-link{display:inline-flex;padding:14px 0}.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.place-grid a{display:block;padding:16px;background:#eef1f3;font-weight:700;text-decoration:none;font-size:1rem}.place-grid small{display:block;color:#526372;font-weight:400;font-size:.8rem}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0}.three-grid article{border-top:3px solid #255799;padding:20px 0}.three-grid p{font-size:1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid>div{min-width:0}.contact-grid form{background:#e8ecee;padding:30px}.phone-link{font-size:1.65rem;font-weight:700}@media (max-width:1050px){.navigation{gap:14px}.brand{width:230px}.navigation a{font-size:.85rem}.hero-grid{gap:35px}.hero-art{min-height:450px}.wrap{padding:0 28px}}@media (max-width:800px){.header{flex-wrap:wrap;gap:15px;padding:20px 24px}.brand{width:min(62%,300px)}.menu-toggle{display:block;min-height:48px;padding:8px 14px;background:#eef1f4;border:1px solid #8998a5;font-weight:700}.navigation{display:none;width:100%}.navigation.open{display:grid;grid-template-columns:1fr}.navigation a{font-size:1.1rem;border-bottom:1px solid #d1d8dd;padding:14px;min-height:56px}.hero-grid{grid-template-columns:1fr}.hero{padding:45px 0}.hero-art{min-height:340px;max-width:600px;width:100%;border-radius:70px 5px 5px}.hero h1{font-size:clamp(2.6rem,8vw,4.5rem)}.hero-text{font-size:1.1rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layers-layout,.calculator,.contact-grid{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading p:not(.eyebrow){max-width:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-top{display:block}.footer-top .button{margin-top:18px}.credit{align-items:start;flex-direction:column}.city-preview,.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:1fr}.materials img{height:170px}.topline{font-size:.72rem;padding:8px 20px}.wrap>section{padding:48px 0}.blue-panel{padding:28px!important}.materials{gap:12px}.materials figcaption{font-size:.86rem;padding:12px}}@media (max-width:480px){body{font-size:17px}.wrap{padding-left:20px;padding-right:20px}.topline{flex-direction:column;gap:0}.topline a{font-size:.88rem;min-height:30px}.header{padding:16px 20px}.hero-art{min-height:310px}.hero-actions{align-items:stretch;flex-direction:column;gap:15px}.hero-actions .text-link{padding:10px 0}.service-grid,.materials,.footer-grid,.city-preview,.place-grid{grid-template-columns:1fr}.card-number{margin-bottom:22px}.service-card{padding:25px}.materials img{height:230px}.footer-top h2{font-size:2rem}.measure-fields{grid-template-columns:1fr;gap:0}.calculator{padding:25px!important}.floating{left:12px;right:12px;bottom:12px}.floating a,.floating button{width:50%;font-size:.86rem;padding:13px 8px}.directory>details{padding:0 16px}.page-intro h1{overflow-wrap:anywhere}.contact-grid form{padding:22px}.dialog-head{flex-direction:column;gap:0}.share-grid{margin-top:15px}.credit a{flex-wrap:wrap}.blue-panel{padding:24px!important}.layer{gap:12px;padding:14px 10px}.source-box{padding:22px}.footer{padding-bottom:110px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.service-card:hover{transform:none}}body{font-size:1.125rem}.text-size{background:transparent;color:#fff;border:1px solid #a5b6c7;padding:5px 12px;min-height:44px;line-height:1.3;font-size:.85rem}.topline{align-items:center}.floating button,h1,h2,h3{overflow-wrap:anywhere}@media (max-width:480px){body{font-size:1.0625rem}.topline{align-items:flex-start}.text-size{min-height:44px}}.skip{top:0;transform:translateY(-150%);max-width:90vw}.skip:focus{transform:none}.footer{padding-bottom:calc(5rem + 30px)}.block-hero{display:flex;flex-direction:column;justify-content:center;background:#e2e7e9!important;overflow:hidden;padding:20px;min-height:0!important;border-radius:48px 6px 6px!important}.block-hero svg{width:100%;height:auto}.block-hero figcaption{color:#172d43;padding:10px 12px 22px}.block-hero figcaption>*{display:block}.block-hero strong{font-size:1.7rem}.block-hero small{margin-top:12px;font-size:.85rem}.visual-guide{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#e9eef0;margin:36px 0;padding:36px!important;border-top:4px solid #24559a}.visual-guide svg{width:100%;height:auto}.visual-guide figcaption{font-size:.9rem}.visual-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:28px}.visual-steps h3{font-size:1.3rem}.visual-steps p{font-size:1rem}.motion-control{background:#fff;border:2px solid #24559a;min-height:48px;padding:8px 18px;margin-top:20px}.is-playing .draw-block{animation:block-float 3s ease-in-out infinite}.is-playing .draw-stage{animation:layer-pulse 4s ease-in-out infinite}.is-playing .stage-1{animation-delay:.3s}.is-playing .stage-2{animation-delay:.6s}.is-playing .stage-3{animation-delay:.9s}.is-playing .water-path{animation:water-flow 2s ease-in-out infinite}@keyframes block-float{50%{transform:translateY(-10px)}}@keyframes layer-pulse{50%{transform:translateY(-8px)}}@keyframes water-flow{50%{transform:translateY(12px)}}.contact-card{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;border:1px solid #aebbc5;background:#fff;padding:32px;margin:40px 0 60px;align-items:center}.contact-card>img{width:250px;height:250px;max-width:100%}.contact-card h2{font-size:2rem}.contact-text{display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0}.contact-text a{min-height:44px;padding:5px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.product-grid article{background:#fff;border:1px solid #bdc8cf;padding:22px;min-width:0}.product-grid img{width:100%;height:220px;-o-object-fit:contain;object-fit:contain;background:#eef1f2}.product-grid h2{font-size:1.5rem;margin:20px 0 12px}.product-grid p{font-size:1rem}.product-feature{max-width:850px;margin-bottom:36px}.product-feature img{width:100%;height:auto;display:block}.product-feature figcaption{padding:16px;background:#e9eef0}.archive-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.archive-gallery figure{background:#fff;border:1px solid #b7c4ce;padding:16px}.archive-gallery img{width:100%;height:480px;-o-object-fit:contain;object-fit:contain}.archive-gallery figcaption{font-size:1rem;padding-top:16px}.card-photo{width:100%;height:210px;-o-object-fit:contain;object-fit:contain;background:#e8ecee;display:block}.photo-note{display:block;font-size:.75rem;line-height:1.5;margin:10px 0 20px}.credit a{flex-direction:column;align-items:center;background:#f7f6f2;color:#172d43;padding:24px 32px;border-radius:8px;font-size:1.1rem;gap:12px}.credit a img{width:220px;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.navigation{flex-wrap:wrap}.header{gap:24px}.navigation a{font-size:.9rem}@media (max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header{flex-wrap:wrap}.navigation{gap:16px}}@media (max-width:800px){.visual-guide{grid-template-columns:1fr;padding:24px!important}.visual-steps{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr;padding:24px}.contact-card>img{justify-self:center}.archive-gallery{grid-template-columns:1fr}.credit a{max-width:100%;width:100%}.credit a img{width:220px}.navigation a{font-size:1.1rem}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}.product-grid article{padding:18px}.archive-gallery img{height:auto}.contact-card{padding:14px;gap:24px}.contact-card>img{height:auto}.contact-card h2{font-size:1.7rem}.contact-card .button{white-space:normal}.visual-guide{padding:20px!important}.visual-steps{padding-left:20px}.block-hero{padding:8px}.block-hero strong{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.is-playing *{animation:none!important;transition:none!important}.motion-control{display:none}}.credit a img{max-height:none}.visual-guide>*{min-width:0;overflow-wrap:anywhere}.visual-steps>li{min-width:0}.layers-layout>*{min-width:0;overflow-wrap:anywhere}.layer-buttons button{overflow-wrap:anywhere;min-width:0}.local-evidence{overflow-wrap:anywhere}.map-layout>*{min-width:0}@media (max-width:360px){.contact-card{padding:6px}}.map-layout{display:grid;grid-template-columns:400px minmax(0,1fr);gap:35px;align-items:start;margin:24px 0}.map-layout figure{max-width:100%}.map-layout figcaption{font-size:.9rem}.map-layout img{width:100%;height:auto}.map-layout dt{font-weight:700}.map-layout dd{margin:0 0 12px}.local-scenarios{background:#e9eef0;padding:28px!important;margin:30px 0}.local-scenarios article{padding:24px 0}.local-scenarios select{width:100%;max-width:100%;white-space:normal}.local-scenarios li{margin-bottom:10px}@media (max-width:800px){.map-layout{grid-template-columns:1fr}.map-layout img{max-width:400px}.local-scenarios{padding:20px!important}}.service-card .service-photo{width:100%;height:auto;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;display:block}.footer-accessibility{padding:24px 0;border-top:1px solid #536375}.footer-accessibility .text-size{background:#fff;color:#172d43;border:2px solid #fff;border-radius:8px;min-height:48px;padding:12px 20px;white-space:normal}.municipal-evidence figure{max-width:960px;margin:24px 0}.municipal-evidence figure img{display:block;width:100%;height:auto;border:1px solid #9aa9b6;border-radius:8px}.municipal-evidence figcaption{font-size:.9rem;line-height:1.6;margin:12px 0 20px}.gallery-filter{display:grid;gap:8px;max-width:540px;margin:24px 0}.gallery-filter select{padding:12px;min-height:48px;width:100%;color:#172d43;background:#fff;border:1px solid #687b8c}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-grid figure{min-width:0;background:#fff;border:1px solid #b9c4cc}.archive-open{display:block;width:100%;padding:0;background:#eef1f3;border:0;color:#172d43;text-align:left}.archive-open img{display:block;width:100%;height:300px;-o-object-fit:contain;object-fit:contain}.archive-open span{display:block;padding:12px 16px;font-weight:700}.archive-grid figcaption{padding:16px;font-size:1rem}.archive-grid figcaption strong{display:block;margin-bottom:12px}.archive-grid figcaption a{display:inline-block;min-height:48px}.archive-dialog{width:min(1100px,96vw);max-height:92dvh;padding:20px;border:2px solid #172d43;background:#fff;color:#172d43;overflow:auto}.archive-dialog::backdrop{background:#102032e8}.archive-dialog-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.archive-dialog-tools button{min-height:48px;padding:10px 16px;background:#172d43;color:#fff;border:0;border-radius:4px}.archive-dialog img{display:block;max-height:62dvh;width:100%;-o-object-fit:contain;object-fit:contain}.archive-dialog figcaption{margin-top:16px}.back-to-top{position:fixed;right:20px;width:50px;height:50px;z-index:25;border:2px solid #fff;border-radius:50%;background:#172d43;color:#fff;font-size:28px;line-height:1;box-shadow:0 2px 8px #0003}.back-to-top[hidden],body:has(.navigation.open) .back-to-top{display:none}@media (max-width:800px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.archive-grid{grid-template-columns:1fr}.archive-dialog{padding:12px}.archive-dialog-tools{gap:8px}.archive-dialog-tools button{flex:1 1 100px}.back-to-top{right:16px}}.archive-open .archive-frame{display:block;padding:0;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e4e9ed}.archive-frame .archive-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.archive-frame .portrait-capture{-o-object-fit:contain;object-fit:contain}.archive-dialog .archive-full-image{display:block;width:100%;height:auto;max-height:62dvh;-o-object-fit:contain;object-fit:contain}