@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--paper:#f4f3ed;--ink:#172321;--green:#164d43;--blue:#587583;--yellow:#e9be37;--line:#aeb8b1;--white:#fff;--muted:#5e6965}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}img{display:block;width:100%;object-fit:cover}a{color:inherit}.site-header{height:78px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:42px;border-bottom:1px solid #ccd2cd;background:rgba(244,243,237,.96);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;line-height:1.05}.brand span{width:40px;height:40px;background:var(--green);color:var(--yellow);display:grid;place-items:center;font-family:'Barlow Condensed',sans-serif;font-size:20px}.brand strong{font-size:14px;text-transform:uppercase}.site-header nav{display:flex;gap:26px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:700}.header-call{text-decoration:none;padding-left:24px;border-left:1px solid var(--line);font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:700}.header-call small{display:block;font:600 9px Inter,sans-serif;text-transform:uppercase;color:var(--muted)}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);max-width:1440px;margin:auto}.hero-copy{padding:100px 7vw 80px max(24px,calc((100vw - 1240px)/2));align-self:center}.kicker{text-transform:uppercase;font-weight:700;font-size:11px;color:var(--green);margin:0 0 20px}.hero h1,.methods h2,.faq h2,.closing h2{font:700 72px/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.hero h1 em{color:var(--green);font-style:normal}.lede{font-size:18px;max-width:600px;color:#46544f;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:24px}.button{background:var(--yellow);padding:15px 22px;text-decoration:none;font-weight:800}.text-link{font-size:13px;font-weight:700;text-underline-offset:5px}.signal-row{display:flex;gap:24px;list-style:none;padding:28px 0 0;margin:28px 0 0;border-top:1px solid var(--line);font-size:11px;font-weight:700;text-transform:uppercase}.hero-media{margin:32px 32px 32px 0;position:relative;background:var(--green)}.hero-media img{height:550px}.hero-media figcaption{background:var(--ink);color:white;padding:17px 20px;font-size:12px;display:flex;gap:14px}.hero-media figcaption b{color:var(--yellow)}.diagnostic,.process{background:var(--white);padding:86px max(24px,calc((100% - 1240px)/2))}.section-label{display:grid;grid-template-columns:220px 1fr;border-top:4px solid var(--ink);padding:14px 0 30px;text-transform:uppercase;font-size:11px}.section-label b{font-size:16px}.matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.matrix article{padding:28px;min-height:235px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.matrix h2{font:700 26px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.matrix p{color:var(--muted);font-size:14px}.matrix strong{margin-top:auto;color:var(--green);text-transform:uppercase;font-size:10px}.methods{padding:100px max(24px,calc((100% - 1240px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;background:var(--ink);color:white}.methods-heading>p:last-child{color:#b9c4c0;max-width:500px}.method-list article{display:grid;grid-template-columns:54px 1fr;gap:20px;border-top:1px solid #4a5754;padding:30px 0}.method-list span{font:700 22px 'Barlow Condensed',sans-serif;color:var(--yellow)}.method-list h3{margin:0;font:700 29px 'Barlow Condensed',sans-serif;text-transform:uppercase}.method-list p{margin:5px 0;color:#b9c4c0}.field-note{padding:100px max(24px,calc((100% - 1240px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.field-note figure{margin:0;border:1px solid var(--line);padding:10px;background:white}.field-note img{height:360px}.field-note h2,.prep h2{font:700 48px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 20px}.field-note dl{border-top:1px solid var(--line);margin:28px 0}.field-note dl div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--line);padding:12px 0}.field-note dt{font-weight:800}.field-note dd{margin:0;color:var(--muted)}.field-note a{font-weight:800;text-underline-offset:5px}.warning-band{background:var(--yellow);padding:30px max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;font-weight:700}.warning-band p{max-width:900px}.warning-band a{background:var(--ink);color:white;padding:12px 20px;text-decoration:none}.process{background:var(--green);color:white}.section-label.light{border-color:white}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #5f817b}.process li{padding:28px;min-height:230px;border-right:1px solid #5f817b}.process li b{color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-size:20px}.process h3{font:700 30px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:45px 0 5px}.process p{color:#cbd8d5;font-size:14px}.prep{padding:90px max(24px,calc((100% - 1240px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.prep ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.prep li{padding:18px 0;border-bottom:1px solid var(--line);font-weight:600}.prep li b{display:inline-block;width:50px;color:var(--green)}.faq{background:white;padding:90px max(24px,calc((100% - 1240px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:800;font-size:17px}.faq details p{color:var(--muted);max-width:680px}.closing{padding:100px max(24px,calc((100% - 1240px)/2));background:var(--blue);color:white}.closing span{text-transform:uppercase;font-size:11px;font-weight:800}.closing a{display:inline-block;margin-top:30px;background:var(--yellow);color:var(--ink);padding:16px 24px;text-decoration:none;font-weight:800}footer{min-height:120px;padding:30px max(24px,calc((100% - 1240px)/2));display:flex;gap:26px;align-items:center}footer strong{margin-right:auto}.mobile-call{display:none}
@media(max-width:850px){body{padding-bottom:72px}.site-header{height:64px;padding:0 16px}.site-header nav,.header-call{display:none}.brand span{width:34px;height:34px}.hero{display:block;min-height:0}.hero-copy{padding:56px 18px 36px}.hero h1{font-size:54px}.lede{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:14px}.button{text-align:center}.signal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-media{margin:0 16px 38px}.hero-media img{height:240px}.diagnostic,.process,.field-note,.prep,.faq,.closing{padding:62px 16px}.section-label{grid-template-columns:1fr;gap:6px}.matrix{grid-template-columns:1fr}.matrix article{min-height:0}.methods{padding:62px 16px;grid-template-columns:1fr;gap:45px}.methods h2,.faq h2,.closing h2{font-size:48px}.field-note{grid-template-columns:1fr;gap:38px}.field-note figure{order:2}.field-note img{height:220px}.warning-band{padding:26px 16px;display:block}.warning-band a{display:inline-block}.process ol{grid-template-columns:1fr}.process li{min-height:0}.process h3{margin-top:20px}.prep,.faq{grid-template-columns:1fr;gap:35px}.faq-title{position:static}.closing{padding-bottom:80px}footer{padding:28px 16px;display:grid;gap:8px}.mobile-call{position:fixed;z-index:99;left:0;right:0;bottom:0;min-height:72px;padding:11px 16px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-decoration:none}.mobile-call span{font-size:10px;font-weight:800;text-transform:uppercase}.mobile-call b{font-size:18px}}

/* Premium diagnostic art-direction pass */
body{background:#e8ece7}.site-header{height:88px;background:#f7f7f2;border-bottom:6px solid var(--yellow);box-shadow:0 10px 30px rgba(23,35,33,.12)}.brand span{width:50px;height:50px;box-shadow:7px 7px 0 var(--yellow)}.header-call{background:var(--ink);color:white;border:0;padding:10px 16px}.header-call small{color:#b9c7c3}.hero{max-width:none;min-height:680px;grid-template-columns:minmax(0,1fr) minmax(500px,1fr);background:#f7f7f2;position:relative;overflow:hidden}.hero::before{content:"ARVADA / CO";position:absolute;left:24px;bottom:-24px;color:rgba(22,77,67,.08);font:700 130px/1 'Barlow Condensed',sans-serif}.hero-copy{padding-top:95px;padding-bottom:95px;position:relative;z-index:1}.hero h1{font-size:60px;max-width:650px}.hero h1 em{display:inline-block;background:var(--green);color:white;padding:3px 12px 7px;transform:rotate(-1deg)}.lede{font-size:19px}.hero-actions .button{box-shadow:8px 8px 0 var(--green);transition:transform .2s ease,box-shadow .2s ease}.hero-actions .button:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--green)}.hero-media{margin:34px 42px 34px 0;box-shadow:18px 18px 0 var(--green);overflow:visible}.hero-media::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.7);z-index:1;pointer-events:none}.hero-media img{height:610px}.hero-media figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2}.field-card{position:absolute;z-index:3;right:-20px;top:54px;width:210px;padding:18px;background:var(--yellow);color:var(--ink);box-shadow:-9px 9px 0 var(--ink);font-style:normal}.field-card span,.field-card strong,.field-card small{display:block}.field-card span{font-size:9px;font-weight:800}.field-card strong{font:700 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:16px 0 7px}.field-card small{font-size:11px;line-height:1.4}.signal-row li{position:relative;padding-left:14px}.signal-row li::before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;background:var(--yellow);border:2px solid var(--green)}.diagnostic{background:#f7f7f2;padding-top:105px;padding-bottom:110px}.section-label{border-top-width:7px}.matrix{border:0;gap:12px}.matrix article{border:1px solid #b8c2bb;background:white;box-shadow:0 14px 28px rgba(23,35,33,.06);transition:transform .2s ease}.matrix article:hover{transform:translateY(-5px)}.matrix article:nth-child(2),.matrix article:nth-child(5){background:#e4ece8}.matrix strong{padding-top:14px;border-top:1px solid #d3dad5}.methods{position:relative;border-top:10px solid var(--yellow);overflow:hidden}.methods::after{content:"03";position:absolute;right:3vw;bottom:-55px;color:rgba(255,255,255,.05);font:700 300px/1 'Barlow Condensed',sans-serif}.method-list{position:relative;z-index:1}.method-list article{padding:34px 20px;border:1px solid #485652;margin-bottom:12px;background:#1b2926}.method-list span{display:grid;place-items:center;width:44px;height:44px;background:var(--yellow);color:var(--ink)}.field-note{background:#dde5e1;gap:95px}.field-note figure{padding:0;border:10px solid white;box-shadow:-18px 18px 0 var(--blue)}.field-note img{height:390px}.field-note dl div{grid-template-columns:170px 1fr;padding:15px 0}.warning-band{border-top:1px solid #c39b1d;border-bottom:1px solid #c39b1d}.process{background:#164d43;border-top:10px solid var(--ink)}.process ol{gap:12px;border:0}.process li{border:1px solid #5f817b;background:#1d5a4e;box-shadow:0 12px 28px rgba(0,0,0,.1)}.prep{background:#f7f7f2}.prep li{padding:20px 14px;background:white;margin-bottom:8px;border:1px solid #d3dad5}.faq{border-top:10px solid var(--yellow)}.faq details{padding:20px 0}.closing{position:relative;overflow:hidden;background:var(--blue);border-top:10px solid var(--yellow)}.closing::after{content:"AD";position:absolute;right:4vw;bottom:-75px;color:rgba(255,255,255,.08);font:700 260px 'Barlow Condensed',sans-serif}.closing>*{position:relative;z-index:1}
@media(max-width:850px){.site-header{height:70px}.brand span{box-shadow:4px 4px 0 var(--yellow)}.hero{display:block;min-height:0}.hero::before{font-size:64px;bottom:0}.hero-copy{padding:62px 18px 40px}.hero h1{font-size:57px}.hero-media{margin:0 18px 48px;box-shadow:10px 10px 0 var(--green)}.hero-media img{height:250px}.field-card{right:-4px;top:18px;width:160px;padding:12px}.field-card strong{font-size:18px;margin:8px 0 4px}.field-card small{display:none}.matrix{gap:9px}.matrix article{padding:23px}.methods::after{font-size:180px}.method-list article{padding:24px 16px}.field-note{gap:42px}.field-note figure{box-shadow:-8px 8px 0 var(--blue)}.field-note img{height:220px}.process ol{gap:8px}.closing::after{font-size:150px}}

.h1-location{display:block;margin-top:14px;font-family:inherit;font-size:16px;line-height:1.25;font-weight:700;letter-spacing:0;text-transform:uppercase}


/* Audit-depth addition: practical homeowner guidance without unsupported claims. */
.service-field-guide{padding:clamp(3.5rem,7vw,6.5rem) 0;background:color-mix(in srgb,currentColor 4%,transparent)}
.service-field-guide .guide-shell{width:min(1120px,calc(100% - 40px));margin:auto}
.service-field-guide .guide-kicker{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.72}
.service-field-guide h2{max-width:18ch;margin:.65rem 0 1rem;font-size:3.4rem;line-height:1.03;letter-spacing:0}
.service-field-guide .guide-intro{max-width:72ch;font-size:1.08rem;line-height:1.75}
.service-field-guide .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin-top:2.5rem}
.service-field-guide article{padding-top:1.15rem;border-top:2px solid currentColor}
.service-field-guide article h3{margin:0 0 .55rem;font-size:1.22rem;letter-spacing:0}
.service-field-guide article p,.service-field-guide .guide-local p,.service-field-guide .guide-call p{line-height:1.7}
.service-field-guide .guide-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;margin-top:2.5rem;align-items:start}
.service-field-guide .guide-local,.service-field-guide .guide-call{padding:1.4rem;border:1px solid currentColor;border-radius:6px}
.service-field-guide .guide-call a{display:inline-flex;margin-top:.75rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.service-field-guide .guide-shell{width:min(100% - 28px,1120px)}.service-field-guide .guide-grid,.service-field-guide .guide-lower{grid-template-columns:1fr}.service-field-guide h2{font-size:2.25rem}.service-field-guide{padding:3.5rem 0 6.5rem}}

/* Keep the full mobile hero and real drain-service image above the call bar. */
@media(max-width:850px){
  .hero-copy{padding:26px 18px 18px}
  .hero h1{font-size:44px}
  .hero-actions{margin-top:18px}
  .hero-actions .button,.signal-row{display:none}
  .hero-media{margin:0 18px 22px}
  .hero-media img{height:130px}
  .mobile-call span{max-width:145px;line-height:1.25}
  .mobile-call b{font-size:16px;white-space:nowrap}
}
@media(max-width:370px){.hero h1{font-size:42px}}

/* Compact mobile type scale keeps every section scannable. */
@media(max-width:850px){
  .hero h1{font-size:40px;line-height:.92}
  .methods h2,.field-note h2,.prep h2,.faq h2,.closing h2{font-size:36px;line-height:.94}
}
@media(max-width:370px){
  .hero h1{font-size:37px}
  .methods h2,.field-note h2,.prep h2,.faq h2,.closing h2{font-size:33px}
}

/* Contextual service photography: drain-line diagnosis */
.process{background-image:linear-gradient(105deg,rgba(13,47,41,.96),rgba(13,47,41,.76)),url("/__site-assets/draincleaningarvadaco.com/images/arvada-drain-line-bg.jpg?cfv=assetfix-20260513d-1787984366140");background-size:cover;background-position:center;color:#fff}
.process h2,.process p,.process .kicker{color:#fff}
.process li{background:rgba(19,67,58,.9);border-color:rgba(255,255,255,.3)}
/* Mobile readability guard: keep long display headings scannable without changing this site's visual identity. */
@media (max-width: 600px) {
  h1 {
    max-width: 100% !important;
    font-size: clamp(36px, 10.25vw, 42px) !important;
    line-height: 1.04 !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  h2 {
    max-width: 100% !important;
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal;
    word-break: normal;
  }
}