*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Prompt","Noto Sans Thai",system-ui,sans-serif;color:#263747;background:linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}.site-container{width:min(1180px,100% - 32px);margin-inline:auto}.main-content{padding-bottom:92px}.section{padding:34px 0}.section__title{text-align:center;font-size:clamp(24px,3vw,34px);font-weight:800;color:#183958;margin-bottom:28px}.section__title::after{content:"";display:block;width:48px;height:4px;border-radius:999px;background:#ff8a18;margin:10px auto 0}.section__head{position:relative;margin-bottom:22px}.section__more{position:absolute;right:0;top:4px;border:1px solid #b7d8eb;color:#183958;padding:8px 18px;border-radius:999px;font-size:14px;background:#fff}.site-header{position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(231,238,244,.85)}.site-header__inner{width:min(1180px,100% - 32px);margin-inline:auto;min-height:78px;display:grid;grid-template-columns:220px minmax(420px, 1fr) auto;align-items:center;column-gap:34px}.site-header__mobile-toggle,.site-header__mobile-actions,.site-header__mobile-lang,.site-header__mobile-member{display:none}.site-header__logo{width:176px;justify-self:start;display:inline-flex;align-items:center}.site-header__logo img{display:block;width:100%;height:auto}.site-header__nav{display:flex;align-items:center;justify-content:center;gap:clamp(22px,2.1vw,38px);margin:0;font-size:15px;font-weight:600;color:#183958;white-space:nowrap}.site-header__nav a{position:relative;color:inherit;text-decoration:none;transition:color .2s ease}.site-header__nav a:hover{color:#ff8a18}.site-header__nav a.is-active,.site-header__nav a[aria-current=page]{color:#ff8a18;font-weight:900}.site-header__nav a.is-active::after,.site-header__nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:999px;background:linear-gradient(90deg, #ff8a18, #ffb35f)}.site-header__actions{display:flex;align-items:center;justify-self:end;gap:16px}.site-header__lang{display:flex;align-items:center;gap:10px}.site-header__lang a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.82);box-shadow:0 0 0 1px rgba(8,35,55,.08),0 6px 14px rgba(8,35,55,.08);opacity:.46;filter:saturate(0.62) brightness(1.08);transition:opacity .2s ease,filter .2s ease,transform .2s ease,box-shadow .2s ease}.site-header__lang a:hover{opacity:1;filter:saturate(1) brightness(1.02);transform:translateY(-1px)}.site-header__lang a.is-active,.site-header__lang a[aria-current=true]{opacity:1;filter:saturate(1.05) brightness(1.02);cursor:default;pointer-events:none;box-shadow:0 0 0 2px rgba(255,138,24,.28),0 8px 18px rgba(255,138,24,.16)}.site-header__lang a.is-active::after,.site-header__lang a[aria-current=true]::after{content:"";position:absolute;inset:3px;border-radius:inherit;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.85);pointer-events:none}.site-header__lang img{display:block;width:28px;height:28px;object-fit:cover;border-radius:inherit}.site-header__member{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ff8a18;text-decoration:none}.site-header__member svg{display:block;width:22px;height:22px;stroke:currentColor}.site-header__line{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;min-width:136px;background:linear-gradient(#ffffff, #ffffff) padding-box,linear-gradient(135deg, rgba(255, 138, 24, 0.95), rgba(255, 176, 92, 0.85)) border-box;color:#ff8a18;border:1px solid rgba(0,0,0,0);border-radius:999px;padding:8px 12px 8px 20px;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px rgba(255,138,24,.12),inset 0 0 0 1px hsla(0,0%,100%,.75);transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.site-header__line::before{content:"";position:absolute;inset:3px;border-radius:inherit;background:linear-gradient(135deg, rgba(255, 138, 24, 0.06), rgba(42, 170, 226, 0.04));pointer-events:none}.site-header__line span{position:relative;z-index:1}.site-header__line:hover{transform:translateY(-1px);color:rgb(255,127.6675324675,3.6);box-shadow:0 14px 30px rgba(255,138,24,.2),inset 0 0 0 1px hsla(0,0%,100%,.86)}.site-header__line .line-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#06c755;color:#fff;font-size:9px;font-weight:900;line-height:1;box-shadow:0 6px 14px rgba(6,199,85,.28)}.site-header__drawer{display:none}@media(min-width: 992px)and (max-width: 1240px){.site-header__inner{grid-template-columns:190px minmax(360px, 1fr) auto;column-gap:22px}.site-header__logo{width:158px}.site-header__nav{gap:18px;font-size:14px}.site-header__actions{gap:10px}.site-header__line{min-width:116px;padding-inline:14px 10px;font-size:14px}}@media(max-width: 991px){.site-header__inner{min-height:64px;display:grid;grid-template-columns:44px minmax(0, 1fr) auto;gap:10px}.site-header__mobile-toggle,.site-header__mobile-member{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:rgba(0,0,0,0);color:#183958;padding:0;text-decoration:none}.site-header__mobile-toggle{cursor:pointer;flex-direction:column;gap:5px}.site-header__mobile-toggle span,.site-header__mobile-toggle::before,.site-header__mobile-toggle::after{content:"";display:block;width:22px;height:2px;border-radius:999px;background:#183958;transition:transform .2s ease,opacity .2s ease}.site-header__mobile-toggle span{margin:0}.site-header__mobile-actions{display:inline-flex;align-items:center;justify-self:end;gap:7px;min-width:0}.site-header__mobile-lang{display:inline-flex;align-items:center;gap:5px}.site-header__mobile-lang a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.86);box-shadow:0 0 0 1px rgba(8,35,55,.08),0 6px 14px rgba(8,35,55,.08);opacity:.5;filter:saturate(0.7) brightness(1.08)}.site-header__mobile-lang a.is-active,.site-header__mobile-lang a[aria-current=true]{opacity:1;filter:saturate(1.05) brightness(1.02);pointer-events:none;box-shadow:0 0 0 2px rgba(255,138,24,.28),0 8px 18px rgba(255,138,24,.12)}.site-header__mobile-lang img{display:block;width:25px;height:25px;object-fit:cover;border-radius:inherit}.site-header__mobile-member{justify-self:end;color:#ff8a18}.site-header__mobile-member svg{width:23px;height:23px;stroke:currentColor}.site-header__logo{width:148px;justify-self:center}.site-header__nav,.site-header__actions{display:none}.site-header__drawer{display:block;position:fixed;inset:64px 0 auto 0;z-index:49;background:hsla(0,0%,100%,.98);border-top:1px solid rgba(231,238,244,.9);box-shadow:0 22px 48px rgba(8,35,55,.12);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease}.site-header__drawer-inner{width:min(1180px,100% - 32px);margin-inline:auto;padding:18px 0 22px}.site-header__drawer-nav{display:grid;gap:4px}.site-header__drawer-nav a{display:flex;align-items:center;min-height:44px;color:#183958;text-decoration:none;font-size:16px;font-weight:700;border-bottom:1px solid rgba(231,238,244,.85)}.site-header__drawer-nav a.is-active,.site-header__drawer-nav a[aria-current=page]{color:#ff8a18;font-weight:900}.site-header__drawer-contact{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(231,238,244,.9);color:#183958;font-size:14px}.site-header__drawer-contact a{color:#ff8a18;font-weight:800;text-decoration:none}.site-header__drawer-lang{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.site-header__drawer-lang a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.86);box-shadow:0 0 0 1px rgba(8,35,55,.08),0 8px 18px rgba(8,35,55,.08);opacity:.46;filter:saturate(0.62) brightness(1.08);transition:opacity .2s ease,filter .2s ease,transform .2s ease,box-shadow .2s ease}.site-header__drawer-lang a:hover{opacity:1;filter:saturate(1) brightness(1.02);transform:translateY(-1px)}.site-header__drawer-lang a.is-active,.site-header__drawer-lang a[aria-current=true]{opacity:1;filter:saturate(1.05) brightness(1.02);cursor:default;pointer-events:none;box-shadow:0 0 0 2px rgba(255,138,24,.28),0 10px 20px rgba(255,138,24,.16)}.site-header__drawer-lang a.is-active::after,.site-header__drawer-lang a[aria-current=true]::after{content:"";position:absolute;inset:4px;border-radius:inherit;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.85);pointer-events:none}.site-header__drawer-lang img{display:block;width:34px;height:34px;object-fit:cover;border-radius:inherit}.site-header.is-open .site-header__mobile-toggle::before{transform:translateY(7px) rotate(45deg)}.site-header.is-open .site-header__mobile-toggle span{opacity:0}.site-header.is-open .site-header__mobile-toggle::after{transform:translateY(-7px) rotate(-45deg)}.site-header.is-open .site-header__drawer{transform:translateY(0);opacity:1;pointer-events:auto}}@media(max-width: 420px){.site-header__logo{width:136px}.site-header__mobile-actions{gap:5px}.site-header__mobile-lang{gap:4px}.site-header__mobile-lang a,.site-header__mobile-lang img{width:23px;height:23px}}.site-footer{position:relative;padding:24px 0 34px;background:linear-gradient(180deg, #eef9ff 0%, #e8f6ff 100%);border-top:1px solid rgba(216,233,244,.9)}.site-footer .container{width:min(1180px,100% - 28px);margin:0 auto;text-align:center}.site-footer p{margin:0;color:rgba(24,57,88,.64);font-size:13px;line-height:1.7;font-weight:700;letter-spacing:.01em}.desktop-scroll-top{position:fixed;right:22px;bottom:26px;z-index:120;display:inline-grid;place-items:center;width:52px;height:52px;border:0;border-radius:999px;background:linear-gradient(135deg, #2aaae2, #36c6bf);color:#fff;box-shadow:0 16px 34px rgba(24,57,88,.18),0 0 0 1px hsla(0,0%,100%,.34) inset;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(0.92);transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.desktop-scroll-top svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;fill:none}.desktop-scroll-top:hover{transform:translateY(-2px) scale(1);box-shadow:0 20px 42px rgba(24,57,88,.24),0 0 0 1px hsla(0,0%,100%,.42) inset}body.has-scroll-top .desktop-scroll-top{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}@media(max-width: 991px){.desktop-scroll-top{display:none !important}}@media(max-width: 560px){.site-footer{padding:22px 0 108px}.site-footer .container{width:min(100% - 24px,420px)}.site-footer p{font-size:12px;line-height:1.65}}.services-grid{width:min(1180px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:22px}.promo-slider{width:min(1180px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:22px}.work-grid{width:min(1180px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:repeat(5, 1fr);gap:18px}.review-grid,.article-grid{width:min(1180px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:22px}.contact-strip{margin-top:18px;padding:42px 0 86px;background:url("/themes/web/default/assets/images/water-wave-footer.png") center bottom/cover no-repeat,linear-gradient(180deg, #ffffff 0%, #e9f8ff 100%)}.contact-strip__title{text-align:center;font-size:clamp(24px,3vw,34px);font-weight:800;color:#183958;margin-bottom:28px}.contact-strip__title::after{content:"";display:block;width:48px;height:4px;border-radius:999px;background:#ff8a18;margin:10px auto 0}.contact-strip__items{width:min(1180px,100% - 32px);margin-inline:auto;display:flex;justify-content:center;gap:clamp(24px,6vw,90px);text-align:center}.contact-strip__icon{width:48px;height:48px;border-radius:999px;margin:0 auto 8px;display:grid;place-items:center;color:#fff;font-weight:800}.contact-strip__icon--line{background:#00c300}.contact-strip__icon--facebook{background:#1877f2}.contact-strip__icon--tiktok{background:#111}.contact-strip__icon--instagram{background:#e4405f}.contact-strip__icon--phone{background:#ff8a18}.contact-strip__label{color:#183958;font-weight:700;font-size:14px}.service-card{background:#fff;border:1px solid #e7eef4;border-radius:18px;box-shadow:0 6px 20px rgba(24,57,88,.1);text-align:center;padding:32px 22px;min-height:220px}.service-card__icon{width:82px;height:82px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:34px;background:linear-gradient(145deg, #2f9ed8, #65c8ef)}.service-card__icon--green{background:linear-gradient(145deg, #32d3b0, #63dfce)}.service-card__icon--orange{background:linear-gradient(145deg, #ff8a18, #ffc066)}.service-card__title{color:#183958;font-size:20px;font-weight:800;margin-bottom:8px}.service-card__text{color:#6e7f8f;font-size:14px;margin:0}.promo-card{border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(24,57,88,.1);background:#eaf7ff;min-height:168px}.work-card,.review-card,.article-card{background:#fff;border:1px solid #e7eef4;border-radius:18px;box-shadow:0 6px 20px rgba(24,57,88,.1);overflow:hidden;background:#fff}.work-card__image{aspect-ratio:4/3;object-fit:cover;width:100%}.work-card__body{padding:14px}.work-card__title{color:#183958;font-weight:800;margin-bottom:4px}.work-card__location,.work-card__desc{color:#6e7f8f;font-size:13px}.work-card__rating{margin-top:8px;color:#ffb11b;font-size:14px;font-weight:700}.review-card{padding:20px}.review-card__user{display:flex;gap:12px;align-items:center;margin-bottom:12px}.review-card__avatar{width:46px;height:46px;border-radius:999px;object-fit:cover}.review-card__name{color:#183958;font-weight:800}.review-card__stars{color:#ffb11b;font-size:14px}.review-card__text{font-size:14px;color:#263747}.review-card__image{margin-top:14px;border-radius:12px;aspect-ratio:16/9;object-fit:cover}.article-card__image{aspect-ratio:16/10;object-fit:cover;width:100%}.article-card__body{padding:14px}.article-card__tag{display:inline-block;background:#e9f7ff;color:#2f9ed8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin-bottom:8px}.article-card__title{color:#183958;font-weight:800;line-height:1.4}.article-card__date{color:#6e7f8f;font-size:13px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 24px;border-radius:999px;font-weight:700;border:1px solid rgba(0,0,0,0);cursor:pointer}.btn--orange{background:#ff8a18;color:#fff;box-shadow:0 8px 18px rgba(255,138,24,.28)}.btn--outline{background:#fff;color:#183958;border-color:#b8dbef}.btn--play{background:#f5fbff;color:#183958;border-color:#d7edf9}.contact-page{padding:clamp(38px,7vw,84px) 0 clamp(58px,8vw,96px);background:linear-gradient(180deg, rgba(234, 247, 255, 0.92) 0%, rgba(255, 255, 255, 0.96) 42%, rgba(238, 250, 252, 0.88) 100%)}.contact-page__eyebrow{display:inline-flex;align-items:center;min-height:34px;margin-bottom:14px;padding:0 16px;border-radius:999px;background:rgba(47,158,216,.1);color:#2f9ed8;font-size:15px;font-weight:800}.contact-page__grid{display:grid;gap:24px}.contact-page__content{min-width:0}.contact-page h1{margin:0;color:#183958;font-size:clamp(30px,7vw,52px);font-weight:900;line-height:1.16}.contact-page__lead{max-width:660px;margin:14px 0 22px;color:#6e7f8f;font-size:clamp(17px,2.4vw,21px);line-height:1.75}.contact-card{border:1px solid rgba(47,158,216,.16);border-radius:22px;background:#fff;box-shadow:0 18px 42px rgba(24,57,88,.1);padding:22px}.contact-card--primary{position:relative;overflow:hidden}.contact-card--primary::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg, #2f9ed8, #36c6bf 62%, #ff8a18)}.contact-card h2{margin:0 0 6px;color:#183958;font-size:clamp(22px,4vw,30px);line-height:1.25}.contact-card p{margin:0;color:#263747;font-size:17px;line-height:1.7}.contact-list{display:grid;gap:12px;margin:18px 0 0}.contact-list__item{display:grid;gap:4px;padding:17px 18px;border:1px solid rgba(231,238,244,.9);border-radius:18px;background:hsla(0,0%,100%,.82);box-shadow:0 10px 28px rgba(24,57,88,.06)}.contact-list__item dt{color:#2f9ed8;font-size:14px;font-weight:800}.contact-list__item dd{margin:0;color:#183958;font-size:18px;font-weight:700;line-height:1.65}.contact-list__item a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,138,24,.55);text-underline-offset:4px}.contact-actions{display:grid;gap:12px;margin-top:22px}.contact-actions__btn{min-height:52px;font-size:17px}.btn--line{background:#06c755;color:#fff;box-shadow:0 10px 22px rgba(6,199,85,.24)}.contact-socials{margin-top:24px;padding:20px;border:1px solid rgba(47,158,216,.16);border-radius:22px;background:hsla(0,0%,100%,.88);box-shadow:0 14px 34px rgba(24,57,88,.08)}.contact-socials h2{margin:0;color:#183958;font-size:clamp(21px,3vw,28px);line-height:1.25}.contact-socials p{margin:8px 0 16px;color:#6e7f8f;font-size:16px;line-height:1.65}.contact-socials__grid{display:grid;gap:10px}.contact-social{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid rgba(231,238,244,.92);border-radius:18px;background:#fff;color:#183958;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-social:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(24,57,88,.1)}.contact-social strong,.contact-social small{display:block}.contact-social strong{font-size:16px;line-height:1.2}.contact-social small{margin-top:2px;color:#6e7f8f;font-size:14px;font-weight:700}.contact-social__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:rgba(47,158,216,.1);color:#2f9ed8;flex:0 0 auto}.contact-social__icon svg{display:block;width:23px;height:23px}.contact-social--facebook .contact-social__icon{background:#1877f2;color:#fff}.contact-social--instagram .contact-social__icon{background:linear-gradient(135deg, #feda75, #d62976, #962fbf, #4f5bd5);color:#fff}.contact-social--youtube .contact-social__icon{background:#f03;color:#fff}.contact-social--tiktok .contact-social__icon,.contact-social--x .contact-social__icon{background:#111;color:#fff}.contact-map{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(47,158,216,.16);border-radius:24px;background:linear-gradient(145deg, #dff5ff, #fff7ef);box-shadow:0 20px 48px rgba(24,57,88,.14)}.contact-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0}.contact-map__fallback{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:hsla(0,0%,100%,.92);box-shadow:0 12px 30px rgba(24,57,88,.14)}.contact-map__fallback strong{color:#183958;font-size:15px}.contact-map__fallback a{color:#e66f00;font-size:15px;font-weight:900;white-space:nowrap}@media(min-width: 760px){.contact-actions{display:flex;flex-wrap:wrap}.contact-socials__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 992px){.contact-page__grid{grid-template-columns:minmax(0, 0.93fr) minmax(420px, 1fr);align-items:stretch;gap:clamp(28px,5vw,56px)}.contact-map,.contact-map iframe{min-height:560px}}@media(max-width: 520px){.contact-page{padding-top:30px}.contact-card,.contact-list__item{border-radius:18px}.contact-actions__btn{width:100%}.contact-map__fallback{display:grid;justify-items:start}}.water-notice-home{width:min(1180px,100% - 28px);margin:0 auto;padding:16px 0 44px}.water-notice-home__head{display:grid;gap:12px;margin-bottom:18px}.water-notice-home__head h2{margin:0;color:#183958;font-size:clamp(22px,3vw,30px);line-height:1.2}.water-notice-home__head p{max-width:560px;margin:5px 0 0;color:rgba(24,57,88,.52);font-size:13px;font-weight:650;line-height:1.55}.water-notice-facebook-link{display:inline-flex;align-items:center;gap:8px;min-height:34px;margin-top:10px;padding:0 12px 0 8px;border:1px solid rgba(24,119,242,.18);border-radius:999px;background:hsla(0,0%,100%,.82);color:rgba(24,57,88,.72);font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 8px 18px rgba(24,57,88,.06);transition:border-color .18s ease,color .18s ease,transform .18s ease}.water-notice-facebook-link span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:999px;background:#1877f2;color:#fff}.water-notice-facebook-link svg{display:block;width:16px;height:16px;fill:currentColor}.water-notice-facebook-link:hover{border-color:rgba(24,119,242,.34);color:#2f9ed8;transform:translateY(-1px)}.water-notice-list{display:grid;gap:14px}.water-notice-list--compact{grid-template-columns:1fr}.water-notice-home__body{display:grid;gap:18px}.water-notice-card{position:relative;padding:18px;border:1px solid rgba(47,158,216,.16);border-radius:20px;background:hsla(0,0%,100%,.92);box-shadow:0 14px 34px rgba(24,57,88,.08)}.water-notice-card h2,.water-notice-card h3{margin:10px 0;color:#183958;font-size:19px;line-height:1.42}.water-notice-card p{margin:0 0 12px;color:#6e7f8f;line-height:1.7}.water-notice-card dl{display:grid;gap:9px;margin:0}.water-notice-card dt{color:#2f9ed8;font-size:12px;font-weight:900}.water-notice-card dd{margin:0;color:#263747;font-size:14px;font-weight:700;line-height:1.5}.water-notice-card .water-notice-status{position:absolute;top:14px;right:14px;z-index:2;box-shadow:0 8px 18px rgba(24,57,88,.12),0 0 0 3px hsla(0,0%,100%,.86)}.water-notice-card--home,.water-notice-card--wide{display:grid;gap:14px}.water-notice-card--with-thumb{grid-template-columns:minmax(0, 1fr) 104px;align-items:stretch}.water-notice-card__content{min-width:0}.water-notice-card__title{padding-right:38px}.water-notice-card__title--outage{color:#c53a32 !important}.water-notice-ongoing-strip{display:grid;gap:3px;margin-top:12px;padding:10px 12px;border:1px solid rgba(246,195,67,.38);border-left:4px solid #f6c343;border-radius:14px;background:linear-gradient(135deg, rgba(255, 248, 224, 0.96), rgba(255, 253, 246, 0.92));color:#725013;box-shadow:0 8px 18px rgba(114,80,19,.07)}.water-notice-ongoing-strip strong{color:#5f4200;font-size:13px;font-weight:950;line-height:1.25}.water-notice-ongoing-strip span{color:#725013;font-size:13px;font-weight:800;line-height:1.45}.water-notice-card__thumb{display:block;align-self:end;justify-self:end;overflow:hidden;width:104px;aspect-ratio:1/1;border-radius:16px;background:rgba(47,158,216,.08);box-shadow:inset 0 0 0 1px rgba(47,158,216,.14)}.water-notice-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.water-notice-card__thumb:hover img{transform:scale(1.04)}.water-notice-status{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;min-height:0;padding:0;border-radius:999px;background:#2f9ed8;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}.water-notice-status span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.water-notice-status::before{content:"i";display:grid;place-items:center;color:currentColor;font-size:15px;font-weight:950;line-height:1}.water-notice-status--active{background:#25c685;color:#fff}.water-notice-status--active::before{content:"✓";font-size:16px}.water-notice-status--ended{background:#a7b2bd;color:#fff}.water-notice-status--ended::before{content:"✓";font-size:16px}.water-notice-status--ongoing{background:#f6c343;color:#5f4200}.water-notice-status--ongoing::before{content:"!";font-size:17px}.water-notice-card__more,.water-notice-detail__back,.water-notice-detail__source{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:14px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid rgba(47,158,216,.24);color:#183958;font-size:14px;font-weight:900;text-decoration:none}.water-notice-empty{margin:0;padding:18px;border-radius:18px;background:rgba(47,158,216,.08);color:#6e7f8f;font-weight:800}.water-notice-hotline{display:grid;gap:10px;padding:16px;border:1px solid rgba(47,158,216,.24);border-radius:20px;background:linear-gradient(135deg, rgba(47, 158, 216, 0.94), rgba(54, 198, 191, 0.9)),#2f9ed8;color:#fff;box-shadow:0 16px 32px rgba(24,57,88,.11)}.water-notice-hotline div{display:grid;gap:2px}.water-notice-hotline span{color:hsla(0,0%,100%,.78);font-size:13px;font-weight:900}.water-notice-hotline strong{color:#fff;font-size:18px;font-weight:950;line-height:1.25}.water-notice-hotline a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;background:hsla(0,0%,100%,.16);color:#fff;font-size:15px;font-weight:900;text-decoration:none;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22)}.water-notice-hotline svg{display:block;width:19px;height:19px;fill:currentColor}.water-notice-hotline--home{box-shadow:0 12px 26px rgba(24,57,88,.1)}.water-notices-page,.water-notice-detail{padding:clamp(34px,6vw,72px) 0 clamp(58px,8vw,96px);background:linear-gradient(180deg, #f7fcff 0%, #fff 52%, #effbfb 100%)}.water-notice-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0 0 22px;padding:8px 12px;border:1px solid rgba(220,233,242,.92);border-radius:999px;background:hsla(0,0%,100%,.9);box-shadow:0 12px 28px rgba(24,57,88,.06);color:rgba(24,57,88,.58);font-size:13px;font-weight:850}.water-notice-breadcrumb a,.water-notice-breadcrumb span{display:inline-flex;align-items:center;min-height:30px;min-width:0}.water-notice-breadcrumb a{padding:0 10px;border-radius:999px;color:#183958;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.water-notice-breadcrumb a:hover{background:rgba(47,158,216,.1);color:#2f9ed8;transform:translateY(-1px)}.water-notice-breadcrumb span[aria-current=page]{max-width:min(62vw,520px);overflow:hidden;color:#e66f00;text-overflow:ellipsis;white-space:nowrap}.water-notices-page__intro,.water-notice-detail__header{max-width:820px;margin-bottom:22px}.water-notices-page__intro p,.water-notice-detail__header p{margin:0 0 8px;color:#e66f00;font-size:14px;font-weight:900}.water-notices-page__intro h1,.water-notice-detail__header h1{margin:0;color:#183958;font-size:clamp(30px,5vw,48px);line-height:1.15}.water-notices-page__intro>span:not(.water-notice-status),.water-notice-detail__header>span:not(.water-notice-status){display:block;margin-top:12px;color:#6e7f8f;font-size:17px;line-height:1.75}.water-notice-filters{display:grid;gap:12px;margin-bottom:22px;padding:16px;border:1px solid rgba(47,158,216,.14);border-radius:20px;background:hsla(0,0%,100%,.9);box-shadow:0 12px 30px rgba(24,57,88,.07)}.water-notice-filters label{display:grid;gap:6px}.water-notice-filters span{color:#183958;font-size:13px;font-weight:900}.water-notice-filters select,.water-notice-filters input{width:100%;min-height:44px;border:1px solid #e7eef4;border-radius:12px;padding:0 12px;background:#fff;color:#263747;font:inherit}.water-notice-filters button{min-height:44px;border:0;border-radius:999px;background:linear-gradient(135deg, #2f9ed8, #36c6bf);color:#fff;font-weight:900}.water-notices-layout{display:grid;gap:18px}.water-notice-calendar,.water-notice-detail__meta,.water-notice-detail__body{border:1px solid rgba(47,158,216,.14);border-radius:22px;background:hsla(0,0%,100%,.92);box-shadow:0 16px 36px rgba(24,57,88,.08)}.water-notice-calendar{padding:18px;position:sticky;top:92px;overflow:hidden}.water-notice-calendar h2,.water-notice-calendar h3{margin:0;color:#183958;font-size:22px;line-height:1.2}.water-notice-calendar p{margin:0;color:#6e7f8f}.water-notice-calendar__head{display:grid;gap:6px;margin-bottom:16px}.water-notice-calendar__head p{color:#e66f00;font-size:13px;font-weight:900}.water-notice-calendar__head span{color:#6e7f8f;font-size:14px;font-weight:700;line-height:1.55}.water-notice-mini-month{padding:14px;border:1px solid rgba(47,158,216,.16);border-radius:18px;background:linear-gradient(135deg, rgba(238, 250, 255, 0.92), rgba(255, 248, 239, 0.82)),#fff}.water-notice-mini-months{display:grid;gap:12px}.water-notice-calendar__more{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:12px;padding:0 16px;border:1px solid rgba(47,158,216,.22);border-radius:999px;background:#fff;color:#e66f00;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 10px 22px rgba(24,57,88,.06)}.water-notice-mini-month__top,.water-notice-next-days__top{display:grid;gap:4px;margin-bottom:12px}.water-notice-mini-month__top strong,.water-notice-next-days__top strong{color:#183958;font-size:16px;font-weight:900}.water-notice-mini-month__top span,.water-notice-next-days__top span{color:#6e7f8f;font-size:12px;font-weight:800}.water-notice-mini-month__weekdays,.water-notice-mini-month__grid{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:6px}.water-notice-mini-month__weekdays{margin-bottom:6px}.water-notice-mini-month__weekdays span{color:#2f9ed8;font-size:11px;font-weight:900;text-align:center}.water-notice-day{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1/1;border:1px solid rgba(47,158,216,.1);border-radius:12px;background:hsla(0,0%,100%,.88);color:#183958;cursor:pointer;font:inherit;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.water-notice-day span{font-size:13px;font-weight:900}.water-notice-day:hover,.water-notice-day:focus-visible{border-color:rgba(47,158,216,.42);box-shadow:0 8px 18px rgba(24,57,88,.1);transform:translateY(-1px);outline:0}.water-notice-day--blank{border:0;background:rgba(0,0,0,0);pointer-events:none}.water-notice-day.has-event{border-width:2px;border-color:rgba(47,158,216,.72);background:linear-gradient(135deg, rgba(234, 248, 255, 0.96), rgba(255, 255, 255, 0.96))}.water-notice-day.has-event--outage{border-color:rgba(224,64,64,.78);background:linear-gradient(135deg, rgba(255, 244, 244, 0.96), rgba(255, 255, 255, 0.96))}.water-notice-day.has-event--general{border-color:rgba(47,158,216,.72);background:linear-gradient(135deg, rgba(234, 248, 255, 0.96), rgba(255, 255, 255, 0.96))}.water-notice-day.is-today{border-color:#2f9ed8;box-shadow:inset 0 0 0 2px rgba(47,158,216,.18)}.water-notice-day.is-today.has-event--outage{border-color:rgba(224,64,64,.86);background:linear-gradient(135deg, rgba(255, 241, 241, 0.98), rgba(255, 255, 255, 0.96));box-shadow:inset 0 0 0 2px rgba(47,158,216,.22),0 0 0 3px rgba(224,64,64,.1)}.water-notice-day.is-today.has-event--general{border-color:rgba(47,158,216,.82);box-shadow:inset 0 0 0 2px rgba(47,158,216,.22),0 0 0 3px rgba(47,158,216,.09)}.water-notice-next-days{margin-top:14px}.water-notice-next-days__rail{display:grid;grid-auto-flow:column;grid-auto-columns:64px;gap:8px;margin:0 -18px;padding:0 18px 4px;overflow-x:auto;scroll-snap-type:x proximity}.water-notice-date-chip{position:relative;display:grid;gap:2px;min-height:78px;padding:8px 6px;border:1px solid rgba(47,158,216,.14);border-radius:16px;background:#fff;color:#183958;cursor:pointer;font:inherit;text-align:center;scroll-snap-align:start}.water-notice-date-chip span,.water-notice-date-chip em{color:#6e7f8f;font-size:11px;font-style:normal;font-weight:900}.water-notice-date-chip strong{color:#183958;font-size:23px;line-height:1}.water-notice-date-chip b{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#ff8a18;color:#fff;font-size:11px;font-weight:900}.water-notice-date-chip.has-event{border-color:rgba(40,178,165,.4);background:linear-gradient(180deg, rgba(237, 252, 251, 0.98), #ffffff)}.water-notice-date-chip.is-today{border-color:#2f9ed8;box-shadow:inset 0 0 0 2px rgba(47,158,216,.16)}.water-notice-calendar__legend,.water-notice-calendar__empty{margin-top:14px !important;font-size:13px;font-weight:800}.water-notice-calendar__legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#6e7f8f}.water-notice-calendar__legend .water-notice-calendar__legend-dot{width:10px;height:10px;border-radius:999px;background:#2f9ed8;box-shadow:0 0 0 5px rgba(47,158,216,.12)}.water-notice-calendar__legend .water-notice-calendar__legend-dot--outage{background:#e04040;box-shadow:0 0 0 5px rgba(224,64,64,.12)}.water-notice-day-dialog{width:min(560px,100% - 28px);padding:0;border:0;border-radius:24px;background:rgba(0,0,0,0);box-shadow:none}.water-notice-day-dialog::backdrop{background:rgba(11,38,61,.48);backdrop-filter:blur(4px)}.water-notice-day-dialog__panel{position:relative;padding:clamp(18px,4vw,26px);border:1px solid rgba(47,158,216,.18);border-radius:24px;background:linear-gradient(180deg, rgba(247, 252, 255, 0.98), rgba(255, 255, 255, 0.98)),#fff;box-shadow:0 22px 60px rgba(11,38,61,.22)}.water-notice-day-dialog__panel>p{margin:0 0 6px;color:#e66f00;font-size:13px;font-weight:900}.water-notice-day-dialog__panel h2{margin:0 36px 16px 0;color:#183958;font-size:clamp(22px,4vw,30px);line-height:1.2}.water-notice-day-dialog__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:rgba(47,158,216,.1);color:#183958;cursor:pointer;font-size:24px;line-height:1}.water-notice-day-dialog__body{display:grid;gap:12px;max-height:min(62vh,520px);overflow:auto}.water-notice-day-summary{padding:14px;border:1px solid rgba(47,158,216,.14);border-radius:18px;background:#fff}.water-notice-day-summary>strong{display:block;color:#183958;font-size:17px;line-height:1.45}.water-notice-day-summary dl{display:grid;gap:8px;margin:12px 0 0}.water-notice-day-summary dt{color:#2f9ed8;font-size:12px;font-weight:900}.water-notice-day-summary dd{margin:0;color:#263747;font-size:14px;font-weight:800;line-height:1.5}.water-notice-day-summary a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:12px;padding:0 14px;border-radius:999px;background:rgba(47,158,216,.1);color:#183958;font-size:13px;font-weight:900;text-decoration:none}.water-notice-day-summary--empty{margin:0;color:#6e7f8f;font-weight:900}.water-notice-detail__grid{display:grid;gap:18px}.water-notice-detail__body{padding:clamp(18px,4vw,30px)}.water-notice-detail__body section+section{margin-top:24px}.water-notice-detail__body h2{margin:0 0 8px;color:#183958;font-size:21px}.water-notice-detail__body p{margin:0;color:#263747;line-height:1.78}.water-notice-detail__summary{margin-bottom:22px !important;color:#183958 !important;font-size:18px;font-weight:800}.water-notice-detail__image{width:100%;margin-bottom:20px;border-radius:18px}.water-notice-detail__meta{align-self:start;position:relative;padding:18px}.water-notice-detail__meta dl{display:grid;gap:12px;margin:0;padding-right:42px}.water-notice-detail__meta dt{color:#2f9ed8;font-size:13px;font-weight:900}.water-notice-detail__meta dd{margin:0;color:#183958;font-size:16px;font-weight:800}.water-notice-detail__meta .water-notice-status{position:absolute;top:14px;right:14px;box-shadow:0 8px 18px rgba(24,57,88,.12),0 0 0 3px hsla(0,0%,100%,.86)}@media(min-width: 720px){.water-notice-filters{grid-template-columns:repeat(4, minmax(0, 1fr)) auto;align-items:end}.water-notice-list--compact{grid-template-columns:repeat(2, minmax(0, 1fr))}.water-notice-card--with-thumb{grid-template-columns:minmax(0, 1fr) 132px}.water-notice-card__thumb{width:132px}.water-notice-hotline{grid-template-columns:minmax(0, 1fr) auto auto;align-items:center}.water-notice-hotline div{min-width:0}}@media(min-width: 1024px){.water-notice-list--compact{grid-template-columns:repeat(2, minmax(0, 1fr))}.water-notices-layout{grid-template-columns:320px minmax(0, 1fr);align-items:start}.water-notice-home__body{grid-template-columns:320px minmax(0, 1fr);align-items:start}.water-notice-detail__grid{grid-template-columns:minmax(0, 1fr) 320px}}@media(max-width: 520px){.water-notice-breadcrumb{width:100%;border-radius:20px}.water-notice-breadcrumb span[aria-current=page]{max-width:100%;white-space:normal}.water-notice-card{border-radius:18px}}.portfolio-page,.portfolio-detail{padding:clamp(34px,6vw,72px) 0 clamp(58px,8vw,96px);background:linear-gradient(180deg, #f7fcff 0%, #ffffff 48%, #effbfb 100%)}.portfolio-page__inner,.portfolio-detail__inner{width:min(1180px,100% - 28px);margin:0 auto}.portfolio-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0 0 22px;padding:8px 12px;border:1px solid rgba(220,233,242,.92);border-radius:999px;background:hsla(0,0%,100%,.9);box-shadow:0 12px 28px rgba(24,57,88,.06);color:rgba(24,57,88,.58);font-size:13px;font-weight:850}.portfolio-breadcrumb a,.portfolio-breadcrumb span{display:inline-flex;align-items:center;min-height:30px;min-width:0}.portfolio-breadcrumb a{padding:0 10px;border-radius:999px;color:#183958;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.portfolio-breadcrumb a:hover{background:rgba(47,158,216,.1);color:#2f9ed8;transform:translateY(-1px)}.portfolio-breadcrumb span[aria-current=page]{max-width:min(62vw,520px);overflow:hidden;color:#e66f00;text-overflow:ellipsis;white-space:nowrap}.portfolio-page__header,.portfolio-detail__header{margin-bottom:24px}.portfolio-page__header p,.portfolio-detail__header p{margin:0 0 8px;color:#e66f00;font-size:14px;font-weight:900}.portfolio-page__header h1,.portfolio-detail__header h1{margin:0;color:#183958;font-size:clamp(30px,5vw,48px);line-height:1.14}.portfolio-page__header span,.portfolio-page__header time,.portfolio-detail__header span,.portfolio-detail__header time{display:block;margin-top:12px;color:#6e7f8f;font-size:17px;font-weight:700;line-height:1.7}.portfolio-masonry{columns:1;column-gap:18px}.portfolio-tile{display:inline-block;width:100%;margin:0 0 18px;overflow:hidden;break-inside:avoid;border:1px solid rgba(47,158,216,.14);border-radius:22px;background:hsla(0,0%,100%,.96);box-shadow:0 16px 34px rgba(24,57,88,.08);transition:transform .22s ease,box-shadow .22s ease}.portfolio-tile:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(24,57,88,.12)}.portfolio-tile:hover img{transform:scale(1.04)}.portfolio-tile__image{display:block;overflow:hidden;background:#eef7fd}.portfolio-tile__image img{width:100%;height:auto;transition:transform .35s ease}.portfolio-tile__body{padding:14px 16px 16px}.portfolio-tile__body time{display:block;margin-bottom:6px;color:rgba(24,57,88,.52);font-size:12px;font-weight:800}.portfolio-tile__body h2{margin:0;color:#183958;font-size:17px;font-weight:950;line-height:1.42}.portfolio-tile__body h2 a{color:inherit;text-decoration:none}.portfolio-tile__body h2 a:hover{color:#ff8a18}.portfolio-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.portfolio-pagination a,.portfolio-pagination span,.portfolio-pagination strong{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:900}.portfolio-pagination a{border:1px solid rgba(47,158,216,.22);background:#fff;color:#183958;text-decoration:none;box-shadow:0 10px 22px rgba(24,57,88,.06)}.portfolio-pagination span{color:rgba(24,57,88,.38);background:hsla(0,0%,100%,.64)}.portfolio-pagination strong{color:#e66f00;background:rgba(255,138,24,.09)}.portfolio-empty{margin:0;padding:18px;border-radius:18px;background:rgba(47,158,216,.08);color:#6e7f8f;font-weight:800}.portfolio-detail__back{display:inline-flex;align-items:center;min-height:40px;margin-bottom:18px;padding:0 16px;border:1px solid rgba(47,158,216,.22);border-radius:999px;background:#fff;color:#183958;font-size:14px;font-weight:900;text-decoration:none}.portfolio-detail__cover{overflow:hidden;margin:0 0 20px;border-radius:26px;background:#eef7fd;box-shadow:0 22px 48px rgba(24,57,88,.12)}.portfolio-detail__cover img{width:100%;max-height:620px;object-fit:cover}.portfolio-detail__grid{display:grid;gap:18px}.portfolio-detail__content,.portfolio-detail__gallery{border:1px solid rgba(47,158,216,.14);border-radius:24px;background:hsla(0,0%,100%,.96);box-shadow:0 16px 36px rgba(24,57,88,.08)}.portfolio-detail__content{padding:clamp(18px,4vw,30px);color:#263747;font-size:17px;line-height:1.85}.portfolio-detail__gallery{padding:16px}.portfolio-detail__gallery h2{margin:0 0 12px;color:#183958;font-size:20px}.portfolio-detail__gallery div{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.portfolio-detail__gallery a{display:block;overflow:hidden;aspect-ratio:1/1;border-radius:16px;background:#eef7fd}.portfolio-detail__gallery img{width:100%;height:100%;object-fit:cover}@media(min-width: 980px){.portfolio-detail__inner{width:min(1120px,100% - 32px)}.portfolio-detail__grid{grid-template-columns:minmax(0, 1fr) 340px;align-items:start}.portfolio-detail__gallery{position:sticky;top:92px}}@media(min-width: 620px){.portfolio-masonry{columns:2}}@media(min-width: 980px){.portfolio-masonry{columns:3}}@media(max-width: 620px){.portfolio-breadcrumb{width:100%;border-radius:20px}.portfolio-breadcrumb span[aria-current=page]{max-width:100%;white-space:normal}.portfolio-pagination{gap:8px}.portfolio-pagination a,.portfolio-pagination span,.portfolio-pagination strong{padding:0 12px}}.articles-page{background:linear-gradient(180deg, rgba(234, 247, 255, 0.74) 0%, rgba(255, 255, 255, 0) 280px),#fff}.articles-page>.container{width:min(1320px,100% - clamp(28px,7vw,112px));margin-inline:auto}.articles-page__heading{max-width:760px;margin:0 0 26px}.articles-page__heading span{display:inline-flex;margin-bottom:8px;color:#2f9ed8;font-size:13px;font-weight:900}.articles-page__heading h1{margin:0 0 10px;color:#183958;font-size:clamp(30px,5vw,48px);line-height:1.18}.articles-page__heading p{margin:0;color:#6e7f8f;font-size:clamp(16px,2.2vw,19px);line-height:1.7}.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0 0 22px;padding:8px 12px;border:1px solid rgba(220,233,242,.92);border-radius:999px;background:hsla(0,0%,100%,.9);box-shadow:0 12px 28px rgba(24,57,88,.06);color:rgba(24,57,88,.58);font-size:13px;font-weight:850}.article-breadcrumb a,.article-breadcrumb span{display:inline-flex;align-items:center;min-height:30px;min-width:0}.article-breadcrumb a{padding:0 10px;border-radius:999px;color:#183958;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.article-breadcrumb a:hover{background:rgba(47,158,216,.1);color:#2f9ed8;transform:translateY(-1px)}.article-breadcrumb span[aria-current=page]{max-width:min(62vw,520px);overflow:hidden;color:#e66f00;text-overflow:ellipsis;white-space:nowrap}.article-list{max-width:1120px;display:grid;gap:18px}.article-shell{display:grid;gap:24px;align-items:start}.article-sidebar{display:grid;gap:14px;padding:18px;border:1px solid rgba(220,233,242,.92);border-radius:24px;background:hsla(0,0%,100%,.92);box-shadow:0 16px 38px rgba(24,57,88,.08)}.article-sidebar h2{margin:0;color:#183958;font-size:18px;font-weight:950;line-height:1.3}.article-sidebar__list{display:grid;gap:12px}.article-sidebar-card{display:grid;grid-template-columns:76px minmax(0, 1fr);gap:12px;align-items:center;min-height:82px;padding:8px;border:1px solid rgba(230,237,244,.95);border-radius:18px;background:hsla(0,0%,100%,.96);color:#183958;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.article-sidebar-card:hover{border-color:rgba(47,158,216,.3);box-shadow:0 12px 26px rgba(24,57,88,.09);transform:translateY(-2px)}.article-sidebar-card:hover strong{color:#ff8a18}.article-sidebar-card:hover img{transform:scale(1.04)}.article-sidebar-card img{width:76px;height:76px;border-radius:14px;background:#dff5ff;object-fit:cover;transition:transform .28s ease}.article-sidebar-card strong{display:-webkit-box;overflow:hidden;color:#183958;font-size:14px;font-weight:900;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:color .2s ease}.article-list-card{position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid rgba(220,233,242,.92);border-radius:24px;background:hsla(0,0%,100%,.98);box-shadow:0 18px 42px rgba(24,57,88,.08)}.article-list-card__image{display:block;min-height:220px;background:#dff5ff}.article-list-card__image img{width:100%;height:100%;min-height:220px;object-fit:cover}.article-list-card__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,4vw,34px)}.article-list-card__body h2{margin:0 0 12px;color:#183958;font-size:clamp(21px,3vw,30px);line-height:1.35}.article-list-card__body h2 a{color:inherit;text-decoration:none}.article-list-card__body h2 a:hover{color:#ff8a18}.article-list-card__body p{margin:0 0 18px;color:#263747;font-size:16px;line-height:1.75}.article-list-card__more{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:#2f9ed8;font-weight:900;text-decoration:none}.article-list-card__more:hover{color:#ff8a18}.article-detail{background:linear-gradient(180deg, rgba(234, 247, 255, 0.72) 0%, rgba(255, 255, 255, 0) 360px),linear-gradient(180deg, #ffffff 0%, #f8fcff 100%)}.article-detail>.container{width:min(1180px,100% - clamp(28px,7vw,112px));margin-inline:auto}.article-detail__header{max-width:940px;margin:0 auto 26px;text-align:center}.article-detail__header h1{margin:0 0 14px;color:#183958;font-size:clamp(30px,5vw,48px);line-height:1.18}.article-detail__header p{max-width:760px;margin:0 auto;color:#6e7f8f;font-size:clamp(16px,2.1vw,20px);line-height:1.75}.article-detail__hero{display:grid;place-items:center;max-width:1120px;margin:0 auto 28px;padding:clamp(10px,2vw,18px);overflow:hidden;border:1px solid rgba(220,233,242,.92);border-radius:28px;background:linear-gradient(135deg, rgba(223, 245, 255, 0.92), rgba(234, 247, 255, 0.6)),#fff;box-shadow:0 24px 54px rgba(24,57,88,.13)}.article-detail__hero img{width:auto;max-width:100%;height:auto;max-height:min(62vh,560px);border-radius:20px;background:hsla(0,0%,100%,.72);object-fit:contain}.article-body-frame{max-width:920px;margin:0 auto;padding:clamp(22px,4vw,42px);border:1px solid rgba(220,233,242,.95);border-radius:28px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)),#fff;box-shadow:0 24px 58px rgba(24,57,88,.1),inset 0 0 0 1px hsla(0,0%,100%,.72)}.article-body{max-width:820px;margin:0 auto;color:#263747;font-size:17px;line-height:1.85}.article-body h2,.article-body h3{color:#183958;line-height:1.35}.article-body h2{margin:34px 0 12px;font-size:clamp(24px,3vw,34px)}.article-body h3{margin:24px 0 8px;font-size:20px}.article-body p,.article-body ul{margin:0 0 16px}.article-body li{margin-bottom:8px}.article-empty{margin:0;padding:24px;border-radius:20px;background:rgba(234,247,255,.8);color:#6e7f8f;font-weight:800}@media(min-width: 760px){.article-list-card{grid-template-columns:minmax(260px, 38%) minmax(0, 1fr)}.article-list-card__image,.article-list-card__image img{min-height:100%}}@media(min-width: 1024px){.article-shell{grid-template-columns:300px minmax(0, 1fr)}.article-shell--detail{grid-template-columns:300px minmax(0, 920px);justify-content:center}.article-sidebar{position:sticky;top:104px}.article-list{max-width:none}.article-body-frame{margin:0}}@media(max-width: 560px){.article-breadcrumb{width:100%;border-radius:20px}.article-breadcrumb span[aria-current=page]{max-width:100%;white-space:normal}.article-detail__hero{padding:8px;border-radius:22px}.article-detail__hero img{max-height:min(58vh,420px);border-radius:16px}.article-body-frame{padding:20px;border-radius:22px}.article-sidebar{padding:14px;border-radius:20px}.article-sidebar-card{grid-template-columns:68px minmax(0, 1fr);min-height:74px}.article-sidebar-card img{width:68px;height:68px}}.mobile-footer{display:none}@media(max-width: 991px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.mobile-footer{position:fixed;z-index:80;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:block;min-height:74px;padding:10px 12px 11px;border-radius:30px;background:hsla(0,0%,100%,.94);border:1px solid rgba(231,238,244,.95);box-shadow:0 18px 42px rgba(24,57,88,.18),inset 0 0 0 1px hsla(0,0%,100%,.78);backdrop-filter:blur(16px)}.mobile-footer__inner{min-height:58px;display:flex;align-items:center;justify-content:center;gap:16px;padding-inline:4px}.mobile-footer__item,.mobile-footer__line-fab{min-height:52px;border:0;border-radius:20px;text-decoration:none;font-family:inherit}.mobile-footer__item{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(245,251,255,.9);color:#183958;box-shadow:0 8px 20px rgba(24,57,88,.07);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.mobile-footer__item:active{transform:scale(0.96)}.mobile-footer__item--service{flex-direction:column;gap:4px}.mobile-footer__item--phone{min-width:0;padding:0 16px;justify-content:center;background:linear-gradient(135deg, rgba(255, 138, 24, 0.96), rgba(255, 173, 92, 0.96));color:#fff;box-shadow:0 12px 26px rgba(255,138,24,.28);border-radius:24px 20px 26px 18px}.mobile-footer__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:currentColor;flex:0 0 auto}.mobile-footer__icon svg{display:block;width:100%;height:100%}.mobile-footer__label{color:#183958;font-size:11px;font-weight:900;line-height:1}.mobile-footer__line-fab{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;min-height:64px;justify-self:center;border-radius:999px;background:linear-gradient(135deg, #06c755, #12d96a);color:#fff;box-shadow:0 12px 28px rgba(6,199,85,.34),0 0 0 8px rgba(6,199,85,.08);isolation:isolate;transform:rotate(-6deg);transition:transform .22s ease,box-shadow .22s ease}.mobile-footer__line-fab:hover,.mobile-footer__line-fab:active{transform:rotate(-2deg) scale(1.04)}.mobile-footer__line-fab::before{content:"";position:absolute;inset:-10px;z-index:-1;border-radius:inherit;background:rgba(6,199,85,.12);animation:mobile-line-pulse 1.8s ease-out infinite}.mobile-footer__line-glow{position:absolute;inset:7px;border-radius:inherit;background:radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 46%);pointer-events:none}.mobile-footer__line-text{position:relative;z-index:1;font-size:13px;font-weight:950;letter-spacing:.02em;line-height:1}.mobile-footer__phone-text{display:grid;min-width:0;line-height:1.08}.mobile-footer__phone-text strong{display:block;font-size:25px;font-weight:950;white-space:nowrap}.mobile-footer__top{position:fixed;right:16px;bottom:calc(104px + env(safe-area-inset-bottom));z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:hsla(0,0%,100%,.94);color:#ff8a18;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(0.94);box-shadow:0 12px 28px rgba(24,57,88,.18),inset 0 0 0 1px rgba(255,138,24,.16);backdrop-filter:blur(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.mobile-footer__top:active{transform:scale(0.92)}.mobile-footer__top svg{width:21px;height:21px}body.has-scroll-top .mobile-footer__top{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}}@keyframes mobile-line-pulse{0%{transform:scale(0.84);opacity:.72}70%{transform:scale(1.14);opacity:0}100%{transform:scale(1.14);opacity:0}}@media(min-width: 992px){.mobile-footer,.mobile-footer__top{display:none !important}}@media(max-width: 380px){.mobile-footer{left:8px;right:8px;padding:8px}.mobile-footer__inner{justify-content:center;gap:10px;padding-inline:2px}.mobile-footer__line-fab{width:58px;height:58px;min-height:58px}.mobile-footer__item--phone{padding:0 11px;gap:6px}.mobile-footer__phone-text strong{font-size:14px}.mobile-footer__top{right:12px;bottom:calc(100px + env(safe-area-inset-bottom));width:40px;height:40px}}@media(max-width: 1024px){.site-header__nav{display:none}.site-header__inner{height:68px}.site-header__logo{width:150px}.services-grid,.review-grid,.article-grid{grid-template-columns:repeat(2, 1fr)}.work-grid{grid-template-columns:repeat(3, 1fr)}.promo-slider{grid-template-columns:1fr}}@media(max-width: 768px){body{font-size:15px}.main-content{padding-bottom:96px}.hero{padding-top:12px}.hero__slider{width:calc(100% - 24px);min-height:520px;border-radius:22px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(235, 248, 255, 0.85) 58%, rgba(255, 255, 255, 0.25) 100%),url("/themes/web/default/assets/images/hero-water-filter.jpg") center bottom/cover no-repeat}.hero__content{padding:34px 24px}.hero__features{display:grid;gap:8px}.hero__actions .btn{width:100%}.section{padding:28px 0}.section__more{position:static;display:table;margin:-12px auto 18px}.services-grid,.work-grid,.review-grid,.article-grid{grid-template-columns:1fr;width:calc(100% - 28px)}.service-card{min-height:auto}.contact-strip{padding-bottom:104px}.contact-strip__items{flex-wrap:wrap;gap:22px 38px}.mobile-footer{display:block}}@media(max-width: 480px){.site-header__lang,.site-header__line{display:none}.hero__title{font-size:34px}.hero__subtitle{font-size:24px}}