/* 하수구뚜러: 황토색 메인 · 선명한 빨강 · 가독성 중심 구성 */
:root{--ink:#14243b;--muted:#566173;--paper:#fff;--line:#e1e5eb;--lime:#ff0000;--radius:12px}
body{background:#fff;color:var(--ink)}
.notice-bar{background:#14243b;color:#fff;font-size:12px;padding:9px 0}
.notice-bar .container{display:flex;justify-content:space-between;gap:15px}
.header{background:#fff}.header-inner{min-height:82px}.header nav{gap:18px}.header nav a{font-size:13px}
.header-call{background:#fff;color:#ff0000;border:2px solid #ff0000}.header-call:hover{background:#fff0f0}.header-call .desktop-number{background:transparent;padding:0}
.brand{color:#14243b}.header .service-nav{background:#fff}.service-nav-inner{gap:0;justify-content:space-between}.service-nav-inner a{flex:1;padding:12px 16px;border-radius:0;min-height:52px;font-size:15px}
.service-nav-inner a:hover,.service-nav-inner a:focus-visible{background:#fff0f0;color:#cb0000}
.hero{background:#c99b56;color:#14243b}.hero-grid{grid-template-columns:1.1fr 1fr;padding-block:60px;gap:50px}.hero h1{font-size:clamp(56px,6vw,80px);line-height:1.12}.hero h1 em{color:#14243b}.hero .eyebrow{color:#30281e;font-size:14px;letter-spacing:.03em}.hero-description{color:#30281e;font-size:18px}.hero-services,.hero-note,.hero-contact>span{color:#3b3124}.hero-contact{margin-top:22px}.phone-number{font-size:clamp(32px,4vw,49px);font-weight:900;white-space:nowrap;letter-spacing:-.045em}.hero-contact .button{width:320px;max-width:100%;justify-content:center;font-size:18px;min-height:60px}.button-lime,.service-help .button-dark{background:#ff0000;color:#fff}.button-lime:hover,.service-help .button-dark:hover{background:#d90000}.service-benefits{gap:8px}.service-benefits span{background:#fff7e9;border:0;padding:7px 11px;font-size:12px}.hero-strip{background:#fff;border-color:#e1e5eb}.hero-strip .container{color:#14243b;font-size:14px;padding-block:23px}.hero-strip span:before{color:#d90000;font-weight:900}
.hero-brand-panel{background:#f5f7f8;overflow:hidden;border-radius:16px;box-shadow:0 15px 40px #67472126;border:1px solid #e4c391}.hero-brand-panel img{width:100%;height:auto;display:block}.hero-brand-panel>div{padding:22px;text-align:center;border-top:1px solid #e1e5eb;background:#fff}.hero-brand-panel strong{display:block;font-size:23px}.hero-brand-panel span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.section{padding-block:76px}.eyebrow{color:#d90000;font-size:13px;letter-spacing:.08em}.section-heading{align-items:center}.section-heading p{font-size:16px}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border-top:3px solid #ff0000;min-height:310px}.service-card:target{border-color:#ff0000;box-shadow:0 0 0 2px #ff0000}.service-symbol{background:#fff1f1;color:#d90000}.service-card h3{font-size:25px}.service-card>p{font-size:15px}.tags li{background:#f3f5f8;color:#485365;font-size:13px}.service-card>a{font-size:15px;color:#c90000}.service-card>a:hover{color:#ff0000}.service-help{background:#fff1ee;border:1px solid #f1d9d4}.service-help p{color:#566173}.service-help small{font-size:12px}.service-help h3{font-size:28px}
.promise{background:#f5f7fa}.promise-grid{grid-template-columns:1fr 1.35fr;gap:55px}.promise h2{font-size:38px}.promise-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.promise-list article{padding:20px;background:#fff;border:1px solid #e1e5eb;border-radius:10px;gap:14px}.promise-list article>span{color:#d90000;font-weight:800}.promise-list h3{font-size:19px}.promise-list p{font-size:14px}.equipment-block{margin-top:56px;padding-top:40px;border-top:1px solid #dce1e8}.equipment-block .section-heading h3{font-size:28px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.equipment-card{background:#fff;border:1px solid #e1e5eb;border-radius:12px;overflow:hidden}.equipment-visual{background:#eef1f6;padding:14px 14px 10px;text-align:center}.equipment-visual svg{width:100%;height:155px;display:block}.equipment-visual small{font-size:10px;color:#637084}.equipment-copy{padding:23px}.equipment-copy>span{color:#b90000;font-size:11px;font-weight:700}.equipment-copy h3{font-size:24px;margin:9px 0 12px}.equipment-copy p{font-size:14px;line-height:1.8}
.steps li{background:#f5f7fa;border-color:#d8dee7}.steps li:last-child{background:#fff0ec;border-color:#ff0000}.steps h3{font-size:18px}.steps p{font-size:14px}.process-note{font-size:14px}.gallery{background:#f5f7fa}.photo-placeholder,.photo-placeholder.after{background:#e7ebf1;border-color:#b9c3d1}.photo-placeholder p,.photo-placeholder>span,.photo-placeholder b{color:#566173}.gallery figcaption p{font-size:14px}.region-info{background:#f5f7fa;font-size:14px}.regions button:hover,.regions button[aria-pressed=true]{background:#fff0ee;color:#c90000;border-color:#ff0000}.faq summary{font-size:17px}.faq details p{font-size:15px}.closing{background:#14243b}.closing .eyebrow{color:#fff}.closing-number{font-size:clamp(32px,5vw,58px)}.closing .button{font-size:18px}.mobile-call{background:#fff;color:#14243b;border-top:1px solid #dce1e8;box-shadow:0 -4px 24px #14243b15}.mobile-call>span{color:#566173}.mobile-call strong>a{padding:0}.phone-red{color:#ff0000}.footer p{font-size:12px}.footer a{font-size:14px}.skip-link{background:#fff0ee;color:#14243b}
@media(max-width:1050px){.header nav{gap:12px}.header nav a{font-size:12px}.hero-grid{gap:30px}.equipment-grid{grid-template-columns:repeat(2,1fr)}.promise-grid{grid-template-columns:1fr}.hero h1{font-size:60px}.phone-number{font-size:38px}}
@media(max-width:760px){html{scroll-padding-top:145px}.notice-bar{font-size:10px}.notice-bar .container{justify-content:center}.notice-bar .container>span:last-child{display:none}.header-inner{min-height:72px}.header .header-inner nav{display:none}.header .service-nav{display:block}.service-nav-inner{justify-content:flex-start;gap:0}.service-nav-inner a{flex:0 0 auto;min-height:48px;font-size:13px;padding:10px 14px}.hero-grid{grid-template-columns:1fr;padding-block:35px;gap:30px}.hero h1{font-size:clamp(48px,12vw,70px)}.hero .eyebrow{font-size:12px}.hero-description{font-size:16px}.hero-services{font-size:12px}.hero-contact .button{width:100%;max-width:none}.phone-number{font-size:clamp(31px,9vw,43px)}.hero-contact{align-items:stretch}.hero-brand-panel{max-width:480px;margin-inline:auto;width:100%}.hero-brand-panel>div{padding:14px}.hero-brand-panel strong{font-size:20px}.hero-brand-panel span{font-size:12px}.hero-strip .container{font-size:10px;gap:5px;padding-block:18px}.section{padding-block:56px}.section-heading p{font-size:14px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:0;padding:24px;display:block}.service-symbol{float:right;margin:0 0 10px 12px}.service-number{position:static;display:block;margin-bottom:10px}.service-card h3{font-size:25px}.tags{margin-block:18px}.tags li{font-size:13px}.service-card>a{display:flex;padding-top:15px}.service-help{padding:25px}.service-help .button{margin-top:5px;min-height:52px;font-size:16px}.service-help small{font-size:11px}.promise h2{font-size:32px}.promise-list{grid-template-columns:1fr;gap:12px}.promise-list article{padding:18px}.equipment-block{margin-top:35px;padding-top:30px}.equipment-block .section-heading h3{font-size:24px}.equipment-grid{gap:12px}.equipment-visual{padding:8px}.equipment-visual svg{height:110px}.equipment-visual small{font-size:9px}.equipment-copy{padding:16px}.equipment-copy>span{font-size:10px}.equipment-copy h3{font-size:21px}.equipment-copy p{font-size:13px}.steps p{font-size:13px}.process-note{font-size:13px}.faq{padding-top:0}.closing{padding-block:50px}.closing .button{font-size:16px}.mobile-call .button{font-size:15px;min-height:50px}.footer{padding-bottom:120px}}
@media(max-width:360px){.equipment-grid{grid-template-columns:1fr}.equipment-visual svg{height:150px}.hero-strip .container{font-size:9px}}

/* 연한 회색 메인 배경과 은은한 배관 도안 */
.hero{background-color:#f0f2f4;background-image:url("assets/pipe-background.svg");background-repeat:no-repeat;background-position:center;background-size:cover}
.hero .eyebrow,.hero-description,.hero-services,.hero-note,.hero-contact>span{color:#414d5c}
.service-benefits span{background:#fff;border:1px solid #dce1e7}
.hero-brand-panel{border-color:#dce1e7;box-shadow:0 15px 40px #14243b0d}
@media(max-width:760px){.hero{background-position:65% center;background-size:auto 100%}}