.sylmar-hero{background:var(--navy);color:#fff;padding:0 0 72px;overflow:hidden}.sylmar-breadcrumb{color:#aebbe2;align-items:center;gap:10px;padding:24px 0 30px;font-size:10px;font-weight:700;display:flex}.sylmar-breadcrumb a:hover{color:var(--gold)}.sylmar-breadcrumb span:last-child{color:#fff}.sylmar-hero__grid{grid-template-columns:1fr 1fr;align-items:center;gap:6%;display:grid}.sylmar-hero .eyebrow{color:#c3cff1}.sylmar-hero h1{letter-spacing:-.025em;font-size:clamp(74px,8.2vw,128px);line-height:.86}.sylmar-hero h1 span{color:var(--gold)}.sylmar-hero__lead{color:#d2dcf1;max-width:510px;margin-top:29px;font-size:14px;line-height:1.9}.sylmar-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:29px;display:flex}.sylmar-actions .button{min-width:211px}.sylmar-actions>a{align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.sylmar-actions>a:hover{color:var(--gold)}.sylmar-actions>a svg{width:18px;color:var(--gold)}.sylmar-hero__stamp{color:#9faed2;letter-spacing:.12em;align-items:center;gap:11px;margin-top:53px;font-size:8px;font-weight:800;display:flex}.sylmar-hero__stamp span:nth-child(2){color:var(--gold);font-size:17px}.sylmar-art{background:var(--blue);min-height:455px;box-shadow:17px 17px 0 var(--gold);flex-direction:column;animation:.75s .1s both sylmar-enter;display:flex;position:relative;overflow:hidden}.sylmar-art:before{content:"";background:radial-gradient(circle at 50% 48%,#7688ed77,#0000 58%);position:absolute;inset:0}.sylmar-art__top,.sylmar-art__bottom{z-index:2;letter-spacing:.13em;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;font-size:8px;font-weight:800;display:flex;position:relative}.sylmar-art__bottom b{color:var(--gold);margin-left:10px;font-size:20px}.sylmar-art svg{z-index:1;flex:1;width:100%;min-height:0;position:relative}.sylmar-art__orbit{stroke:#ffffff5a;stroke-width:2px;stroke-dasharray:3 9;transform-origin:310px 245px;animation:40s linear infinite sylmar-orbit}.sylmar-art__orbit--inner{animation-direction:reverse}.sylmar-art__route{stroke:#e2e8ff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24 15;animation:16s linear infinite sylmar-route}.sylmar-art__water{stroke:var(--gold);stroke-width:7px;stroke-linecap:round;stroke-dasharray:160 850;animation:5s ease-in-out infinite sylmar-water}.sylmar-band{background:var(--gold);color:var(--navy);font-family:var(--heading);letter-spacing:.05em;font-size:20px;font-weight:700;line-height:1}.sylmar-band .wrap{justify-content:space-between;align-items:center;gap:18px;padding-top:16px;padding-bottom:16px;display:flex}.sylmar-band b{color:#a66f00;font-size:17px}.sylmar-overview{background:var(--cream)}.sylmar-overview__grid{grid-template-columns:1fr .88fr;align-items:start;gap:10%;display:grid}.sylmar-overview__grid>div:first-child>p:not(.eyebrow){max-width:580px;margin-top:28px;font-size:14px;line-height:1.9}.sylmar-overview__link{color:var(--blue);border-bottom:1px solid var(--blue);align-items:center;gap:12px;margin-top:25px;padding-bottom:4px;font-size:11px;font-weight:800;display:inline-flex}.sylmar-overview__link svg{width:17px}.sylmar-overview__types{gap:13px;display:grid}.sylmar-overview__types article{border-left:5px solid var(--blue);background:#fff;padding:27px 30px;box-shadow:8px 8px #102db50b}.sylmar-overview__types article:last-child{border-left-color:var(--gold)}.sylmar-overview__types span,.sylmar-service-select__overline{letter-spacing:.13em;color:var(--blue);font-size:9px;font-weight:800}.sylmar-overview__types h3{font-family:var(--heading);margin:12px 0;font-size:33px;line-height:1.05}.sylmar-overview__types p{font-size:11px;line-height:1.85}.sylmar-service-select{background:#e9edf6;scroll-margin-top:95px}.sylmar-service-select__heading,.sylmar-drain-signs__heading,.sylmar-drain-options__heading{justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px;display:flex}.sylmar-service-select__heading h2 span,.sylmar-drain-signs__heading h2 span,.sylmar-drain-options__heading h2 span{color:var(--blue)}.sylmar-service-select__heading>p,.sylmar-drain-signs__heading>p,.sylmar-drain-options__heading>p{max-width:370px;padding-bottom:5px;font-size:12px;line-height:1.85}.sylmar-drain-feature{background:var(--blue);color:#fff;grid-template-columns:1.2fr .8fr;min-height:290px;transition:transform .25s,box-shadow .25s;display:grid}.sylmar-drain-feature:hover{transform:translateY(-4px);box-shadow:0 18px 30px #102db523}.sylmar-drain-feature>div:first-child{flex-direction:column;align-items:flex-start;padding:29px 34px;display:flex}.sylmar-drain-feature>div:first-child>span{letter-spacing:.13em;color:var(--gold);font-size:9px;font-weight:800}.sylmar-drain-feature h3{font-family:var(--heading);margin:19px 0 14px;font-size:clamp(45px,4.7vw,67px);line-height:.94}.sylmar-drain-feature p{color:#d5def8;max-width:460px;font-size:11px;line-height:1.75}.sylmar-drain-feature strong{color:var(--gold);align-items:center;gap:10px;margin-top:auto;padding-top:22px;font-size:11px;display:inline-flex}.sylmar-drain-feature strong svg{width:18px}.sylmar-drain-feature__art{background:#11255e;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sylmar-drain-feature__art:before{content:"";background:radial-gradient(circle,#5270d166,#0000 65%);position:absolute;inset:0}.sylmar-drain-feature__art svg{z-index:1;stroke:#dce6ff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;width:100%;max-height:225px;position:relative}.sylmar-drain-feature__art .sylmar-mini-flow{stroke:var(--gold);stroke-width:5px;stroke-dasharray:10 15;animation:8s linear infinite sylmar-route}.sylmar-drain-feature__art span{letter-spacing:.12em;color:var(--gold);font-size:8px;font-weight:800;position:absolute;bottom:15px;left:21px}.sylmar-service-select__overline{margin:41px 0 18px}.sylmar-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sylmar-service-grid>a{border-bottom:4px solid var(--blue);background:#fff;flex-direction:column;min-height:210px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.sylmar-service-grid>a:hover{transform:translateY(-3px);box-shadow:0 13px 25px #102db519}.sylmar-service-grid>a>span{color:var(--blue);letter-spacing:.1em;font-size:8px;font-weight:800}.sylmar-service-grid h3{font-family:var(--heading);margin-top:auto;margin-bottom:12px;font-size:32px;line-height:1.05}.sylmar-service-grid p{max-width:290px;font-size:10px;line-height:1.75}.sylmar-service-grid b{color:var(--blue);font-size:22px;position:absolute;top:17px;right:21px}.sylmar-service-select__note{margin-top:19px;font-size:10px;line-height:1.7}.sylmar-next{background:var(--navy);color:#fff}.sylmar-next__grid,.sylmar-drain-process__grid{grid-template-columns:.9fr 1.1fr;gap:10%;display:grid}.sylmar-next .eyebrow,.sylmar-drain-process .eyebrow,.sylmar-next h2 span,.sylmar-drain-process h2 span{color:var(--gold)}.sylmar-next__grid>div:first-child>p:last-child,.sylmar-drain-process__grid>div:first-child>p:last-child{color:#c7d1e9;max-width:430px;margin-top:24px;font-size:12px;line-height:1.9}.sylmar-next ol,.sylmar-drain-process ol{margin:0;padding:0;list-style:none}.sylmar-next li,.sylmar-drain-process li{border-top:1px solid #ffffff48;grid-template-columns:61px 1fr;gap:19px;padding:22px 0;display:grid}.sylmar-next li:last-child,.sylmar-drain-process li:last-child{border-bottom:1px solid #ffffff48}.sylmar-next li>span,.sylmar-drain-process li>span{font-family:var(--heading);color:var(--gold);font-size:47px;line-height:1}.sylmar-next li h3,.sylmar-drain-process li h3{font-family:var(--heading);font-size:31px;line-height:1.1}.sylmar-next li p,.sylmar-drain-process li p{color:#cbd5ed;margin-top:7px;font-size:11px;line-height:1.8}.sylmar-faq{background:#fff}.sylmar-faq__grid{grid-template-columns:.75fr 1.25fr;gap:10%;display:grid}.sylmar-faq h2 span{color:var(--blue)}.sylmar-faq__grid>div:first-child>p:last-child{margin-top:20px;font-size:12px;line-height:1.8}.sylmar-faq details{border-top:1px solid var(--line)}.sylmar-faq details:last-child{border-bottom:1px solid var(--line)}.sylmar-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;font-size:12px;font-weight:800;list-style:none;display:flex}.sylmar-faq summary::-webkit-details-marker{display:none}.sylmar-faq summary span{background:var(--blue);color:#fff;flex:none;place-items:center;width:30px;height:30px;font-size:20px;font-weight:400;transition:transform .2s;display:grid}.sylmar-faq details[open] summary span{background:var(--gold);color:var(--navy);transform:rotate(45deg)}.sylmar-faq details p{padding:0 45px 23px 0;font-size:12px;line-height:1.85}.sylmar-parent-links{flex-wrap:wrap;gap:13px 24px;margin-top:36px;display:flex}.sylmar-parent-links a{letter-spacing:.08em;color:#b8c7ed;border-bottom:1px solid #ffffff80;align-items:center;gap:10px;padding-bottom:5px;font-size:9px;font-weight:800;display:inline-flex}.sylmar-parent-links a:hover,.sylmar-parent-links a span{color:var(--gold)}.sylmar-drain-signs{background:var(--cream)}.sylmar-drain-signs__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.sylmar-drain-signs__grid article{border-top:5px solid var(--blue);background:#fff;min-height:265px;padding:25px 22px}.sylmar-drain-signs__grid article:nth-child(2n){border-color:var(--gold)}.sylmar-drain-signs__grid span{letter-spacing:.12em;color:var(--blue);font-size:8px;font-weight:800}.sylmar-drain-signs__grid h3{font-family:var(--heading);margin:25px 0 12px;font-size:34px;line-height:1.05}.sylmar-drain-signs__grid p{font-size:10px;line-height:1.8}.sylmar-drain-process{background:var(--blue);color:#fff}.sylmar-drain-options{background:#e9edf6}.sylmar-drain-options__grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.sylmar-drain-options__grid>a{border-bottom:5px solid var(--blue);background:#fff;flex-direction:column;min-height:265px;padding:25px;transition:transform .25s,box-shadow .25s;display:flex}.sylmar-drain-options__grid>a:hover{transform:translateY(-4px);box-shadow:0 15px 30px #102db51a}.sylmar-drain-options__grid>a:nth-child(2){border-color:var(--gold)}.sylmar-drain-options__grid span{letter-spacing:.12em;color:var(--blue);font-size:8px;font-weight:800}.sylmar-drain-options__grid h3{font-family:var(--heading);margin-top:25px;font-size:37px;line-height:1.05}.sylmar-drain-options__grid p{margin-top:13px;font-size:11px;line-height:1.8}.sylmar-drain-options__grid b{color:var(--blue);margin-top:auto;padding-top:23px;font-size:10px}.sylmar-local-link{background:var(--navy);color:#fff;padding:47px 0}.sylmar-local-link .wrap{justify-content:space-between;align-items:center;gap:35px;display:flex}.sylmar-local-link span{color:var(--gold);letter-spacing:.13em;font-size:9px;font-weight:800}.sylmar-local-link h2{margin:12px 0;font-size:clamp(45px,4.4vw,66px);line-height:.95}.sylmar-local-link p{color:#cfdaf1;max-width:430px;font-size:11px;line-height:1.8}.sylmar-local-link a{background:var(--gold);min-width:265px;color:var(--navy);justify-content:space-between;align-items:center;gap:24px;padding:17px 19px;font-size:11px;font-weight:800;display:inline-flex}.sylmar-local-link a svg{width:18px}@keyframes sylmar-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sylmar-orbit{to{transform:rotate(360deg)}}@keyframes sylmar-route{to{stroke-dashoffset:-390px}}@keyframes sylmar-water{to{stroke-dashoffset:-1010px}}@media (width<=1100px){.sylmar-hero h1{font-size:clamp(70px,8vw,105px)}.sylmar-art{min-height:400px}.sylmar-service-grid,.sylmar-drain-signs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sylmar-drain-signs__grid article{min-height:225px}}@media (width<=800px){.sylmar-hero__grid,.sylmar-overview__grid,.sylmar-next__grid,.sylmar-drain-process__grid,.sylmar-faq__grid{grid-template-columns:1fr;gap:42px}.sylmar-hero{padding-bottom:58px}.sylmar-hero__grid{gap:45px}.sylmar-hero h1{font-size:clamp(68px,12vw,90px)}.sylmar-art{width:calc(100% - 18px);max-width:600px;min-height:370px}.sylmar-hero__stamp{margin-top:32px}.sylmar-service-select__heading,.sylmar-drain-signs__heading,.sylmar-drain-options__heading{display:block}.sylmar-service-select__heading>p,.sylmar-drain-signs__heading>p,.sylmar-drain-options__heading>p{margin-top:22px}.sylmar-next__grid,.sylmar-drain-process__grid{gap:35px}.sylmar-band{font-size:17px}.sylmar-drain-options__grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.sylmar-breadcrumb{white-space:nowrap;padding-bottom:22px;font-size:9px;overflow:auto}.sylmar-hero h1{font-size:clamp(63px,15vw,78px)}.sylmar-hero__lead{font-size:13px}.sylmar-actions{align-items:stretch}.sylmar-actions .button{width:100%}.sylmar-art{min-height:300px;box-shadow:9px 9px 0 var(--gold)}.sylmar-art__top,.sylmar-art__bottom{padding:12px 14px;font-size:6px}.sylmar-band .wrap{text-align:center;flex-wrap:wrap;justify-content:center;gap:5px 9px;font-size:14px}.sylmar-band b{font-size:11px}.sylmar-service-grid,.sylmar-drain-signs__grid,.sylmar-drain-options__grid,.sylmar-drain-feature{grid-template-columns:1fr}.sylmar-drain-feature>div:first-child{min-height:280px;padding:25px}.sylmar-drain-feature__art{height:190px}.sylmar-service-grid>a{min-height:185px}.sylmar-service-select__heading h2,.sylmar-drain-signs__heading h2,.sylmar-drain-options__heading h2{font-size:clamp(49px,12vw,65px)}.sylmar-drain-signs__grid article,.sylmar-drain-options__grid>a{min-height:0}.sylmar-drain-signs__grid h3{margin-top:18px}.sylmar-local-link .wrap{flex-direction:column;align-items:flex-start}.sylmar-local-link a{width:100%;min-width:0}.sylmar-faq details p{padding-right:10px}.sylmar-next li,.sylmar-drain-process li{grid-template-columns:46px 1fr;gap:12px}.sylmar-next li>span,.sylmar-drain-process li>span{font-size:36px}.sylmar-next li h3,.sylmar-drain-process li h3{font-size:27px}}@media (prefers-reduced-motion:reduce){.sylmar-art,.sylmar-art__orbit,.sylmar-art__route,.sylmar-art__water,.sylmar-mini-flow{animation:none!important}.sylmar-service-grid>a,.sylmar-drain-feature,.sylmar-drain-options__grid>a{transition:none}}.sylmar-drain-feature__art:before{display:none}.sylmar-drain-feature__art .service-section-photo{object-fit:cover;aspect-ratio:auto;width:100%;height:100%;min-height:260px}.sylmar-drain-feature__art span{background:#101b38e8;padding:14px 21px;bottom:0;left:0;right:0}@media (width<=700px){.sylmar-drain-feature__art{height:240px}.sylmar-drain-feature__art .service-section-photo{min-height:0}}
