.concept{--orange:#ed6a2c;--ink:#11191b;--panel:#1b2528;--cream:#f3efe5;--muted:#9ea8a9;background:var(--ink);min-height:100vh;color:var(--cream)}.concept-top{color:#889395;letter-spacing:.16em;background:#090e0f;justify-content:space-between;align-items:center;height:36px;padding:0 4vw;font-size:9px;font-weight:800;display:flex}.concept-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#11191bf0;border-bottom:1px solid #313b3e;justify-content:space-between;align-items:center;height:88px;padding:0 4vw;display:flex;position:sticky;top:0}.concept-logo{color:var(--cream);align-items:center;gap:12px;display:flex}.concept-logo img{object-fit:contain;width:46px;height:46px}.concept-logo span{font-size:11px;font-weight:900;line-height:1.05}.concept-nav nav{gap:32px;display:flex}.concept-nav nav a{color:#c8cdca;font-size:10px;font-weight:800;transition:all .2s}.concept-nav nav a:hover{color:var(--orange)}.concept-contact{color:var(--cream);border:1px solid #596366;padding:12px 17px;font-size:10px;font-weight:900}.concept-contact:hover{border-color:var(--orange);color:var(--orange)}.concept-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:5.5vw;min-height:650px;padding:58px 4vw 68px;display:grid}.concept-kicker{letter-spacing:.13em;color:#bdc5c6;font-weight:900;font-size:10px!important}.concept-kicker i{background:var(--orange);width:8px;height:8px;margin-right:8px;display:inline-block}.concept-copy h1,.section-intro h2,.company-section h2,.audience-section h2,.concept-bottom h2{color:var(--cream);letter-spacing:-.065em;margin:26px 0;font-size:clamp(54px,6.2vw,92px);line-height:.95}.concept-copy h1 em,.section-intro h2 em{color:var(--orange);font-style:normal}.concept-lead{max-width:650px;color:var(--muted);font-size:15px}.concept-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.concept-actions a:first-child{background:var(--orange);color:#fff;justify-content:space-between;min-width:205px;padding:18px 20px;font-size:11px;font-weight:900;display:flex}.concept-actions a:last-child{border-bottom:1px solid #6c7577;padding-bottom:4px;font-size:11px;font-weight:900}.hero-photo{background:#263135;height:500px;position:relative;overflow:hidden}.hero-photo>img{object-fit:cover;filter:saturate(.75)contrast(1.06);width:100%;height:100%}.hero-photo:after{content:"";background:linear-gradient(#0000 50%,#080d0e99);position:absolute;inset:0}.hero-caption{z-index:2;background:#11191beb;flex-direction:column;min-width:200px;padding:17px 20px;display:flex;position:absolute;bottom:20px;left:20px}.hero-caption small{color:var(--orange);letter-spacing:.15em;font-size:8px;font-weight:900}.hero-caption strong{margin:6px 0;font-size:15px}.hero-caption span{color:var(--muted);font-size:9px}.hero-index{z-index:2;background:var(--orange);place-items:center;width:48px;height:48px;font-size:12px;font-weight:900;display:grid;position:absolute;top:20px;right:20px}.hero-hydraulics{isolation:isolate;background:radial-gradient(circle at 72% 25%,#314043 0,#182326 50%,#101719 100%)}.hero-hydraulics:after{background:linear-gradient(#0000 55%,#080d0ec2)}.hydro-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-hydraulics svg{z-index:1;width:92%;height:81%;position:absolute;inset:7% 4% 12%}.pipe-base{stroke:#748083;stroke-width:24px;filter:drop-shadow(0 8px 8px #00000059)}.water-flow{stroke:#53bdea;stroke-width:8px;stroke-dasharray:4 22;filter:drop-shadow(0 0 8px #53bdeab3);animation:1.35s linear infinite hydroFlow}.water-flow path:nth-child(2){animation-delay:-.45s}.water-flow path:nth-child(3){animation-delay:-.9s}.hydro-nodes{fill:#172225;stroke:#f36b2b;stroke-width:7px}.hydro-nodes circle:first-child{fill:#f36b2b;stroke:#ffb58d;animation:2s ease-in-out infinite hydroPulse}.hydro-nodes path{fill:none;stroke:#d9dfdf;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.hydro-label{z-index:2;color:#dce2e1;letter-spacing:.14em;align-items:center;gap:8px;font-size:8px;font-weight:900;display:flex;position:absolute}.hydro-label b{width:26px;height:26px;color:var(--orange);border:1px solid #f36b2bb3;place-items:center;font-size:8px;display:grid}.hydro-label-source{top:77%;left:7%}.hydro-label-system{top:55%;left:34%}.hydro-label-outlet{top:58%;right:6%}@keyframes hydroFlow{to{stroke-dashoffset:-52px}}@keyframes hydroPulse{50%{filter:drop-shadow(0 0 18px #f36b2be6);transform-origin:92px 450px;transform:scale(1.08)}}.concept-strip{background:var(--cream);color:var(--ink);grid-template-columns:repeat(4,1fr);padding:0 4vw;display:grid}.concept-strip div{border-right:1px solid #d6d0c3;grid-template-columns:auto 1fr;column-gap:12px;padding:29px 22px;display:grid}.concept-strip small{color:var(--orange);grid-row:1/3;font-weight:900}.concept-strip b{font-size:13px}.concept-strip span{color:#687174;margin-top:5px;font-size:9px}.project-section{color:var(--ink);background:#f3efe5;padding:110px 4vw}.section-intro{grid-template-columns:1.25fr .75fr;align-items:end;gap:8vw;margin-bottom:60px;display:grid}.section-intro>div>p,.audience-section>p,.concept-bottom>p{letter-spacing:.17em;color:var(--orange);font-size:9px;font-weight:900}.section-intro h2{color:var(--ink);margin-bottom:0;font-size:clamp(48px,5.6vw,78px)}.section-intro>p{color:#687174;max-width:470px;font-size:14px}.project-grid{grid-template-columns:repeat(2,1fr);gap:58px 24px;display:grid}.project-grid article{min-width:0}.project-image{background:#d5d0c5;height:360px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.project-grid article:hover img{transform:scale(1.025)}.project-image span{background:var(--orange);color:#fff;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.project-grid article>small{color:var(--orange);letter-spacing:.15em;margin-top:18px;font-size:8px;font-weight:900;display:block}.project-grid h3{color:var(--ink);margin:8px 0;font-size:24px}.project-grid article>p{color:#70797b;max-width:480px;margin:0;font-size:12px}.project-featured{grid-column:1/-1}.project-featured .project-image{height:570px}.project-featured h3{font-size:32px}.company-section{background:var(--panel);grid-template-columns:.95fr 1.05fr;align-items:center;gap:8vw;padding:110px 4vw;display:grid}.company-photo{height:600px;position:relative}.company-photo img{object-fit:cover;filter:saturate(.7);width:100%;height:100%}.company-photo span{background:var(--orange);letter-spacing:.13em;padding:15px 18px;font-size:9px;font-weight:900;position:absolute;bottom:28px;left:-1px}.company-section h2{font-size:clamp(46px,5vw,72px)}.company-section>div>p:not(.concept-kicker){color:var(--muted);max-width:620px;font-size:14px}.company-section ul{margin:35px 0 0;padding:0;list-style:none}.company-section li{border-top:1px solid #3a4548;grid-template-columns:45px 1fr;gap:15px;padding:18px 0;display:grid}.company-section li>b{color:var(--orange);font-size:10px}.company-section li span{color:var(--muted);font-size:11px}.company-section li strong{color:var(--cream);margin-bottom:4px;font-size:13px;display:block}.audience-section{background:#0c1214;padding:110px 4vw}.audience-section h2{font-size:clamp(44px,5vw,72px)}.audience-section>div{border-top:1px solid #313c3e;grid-template-columns:repeat(3,1fr);margin-top:52px;display:grid}.audience-section article{border-right:1px solid #313c3e;min-height:230px;padding:35px 35px 20px 0}.audience-section article+article{padding-left:35px}.audience-section article span{color:var(--orange);font-size:10px;font-weight:900}.audience-section h3{color:var(--cream);margin:32px 0 12px;font-size:22px}.audience-section article p{color:var(--muted);max-width:320px;font-size:12px}.concept-bottom{background:var(--orange);color:#fff;padding:100px 4vw}.concept-bottom>p{color:#fff}.concept-bottom h2{color:#fff;font-size:clamp(48px,5.7vw,82px)}.contact-links{grid-template-columns:1fr 1fr;gap:15px;margin-top:45px;display:grid}.contact-links a{color:#fff;background:#11191b;justify-content:space-between;padding:21px;font-size:12px;font-weight:900;display:flex}.contact-links a:last-child{color:#11191b;background:#fff}footer{color:#798386;letter-spacing:.12em;background:#090e0f;justify-content:space-between;padding:30px 4vw;font-size:9px;display:flex}.hydro-label-system{left:31%}.hydro-label-outlet{right:7%}.hydro-label-finish{top:18%;right:7%}.hero-hydraulics .hero-index{letter-spacing:.03em;width:58px;font-size:10px}@media (max-width:900px){.concept-nav nav{display:none}.concept-hero,.section-intro,.company-section{grid-template-columns:1fr}.concept-hero{padding-top:48px}.hero-photo{height:480px}.project-featured .project-image{height:460px}.company-photo{height:480px}.audience-section>div{grid-template-columns:1fr}.audience-section article,.audience-section article+article{border-bottom:1px solid #313c3e;border-right:0;min-height:0;padding:28px 0}.contact-links{grid-template-columns:1fr}}@media (max-width:560px){.concept-top span:last-child,.concept-contact{display:none}.concept-nav{height:74px}.concept-hero{padding:45px 20px 55px}.concept-copy h1{font-size:49px}.concept-actions{flex-direction:column;align-items:flex-start}.hero-photo{height:390px}.concept-strip{grid-template-columns:1fr 1fr;padding:0}.project-section,.company-section,.audience-section,.concept-bottom{padding:75px 20px}.project-grid{grid-template-columns:1fr;gap:44px}.project-featured{grid-column:auto}.project-image,.project-featured .project-image{height:390px}.company-photo{height:420px}.section-intro{gap:25px}.contact-links a{word-break:break-all;font-size:10px}footer{gap:15px;padding:25px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}.water-flow,.hydro-nodes circle:first-child{animation:none}}
