/* laytonburstpipecleanup.com */
@view-transition{navigation:auto}
:root{
  color-scheme:light;
  --sand:#f7f4ee;--mist:#dbe8ee;--lake:#2c6e8f;--lake-dk:#1e5571;--ink:#1b3442;--reed:#7fa88e;--reed-dk:#3c6a55;
  --card:#fff;--line:#d9e2e4;--mute:#4e6470;--ember:#d9822b;--pipe:#c3d6dd;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --gut:1rem;--maxw:76rem;--read:42rem;--r:20px;
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath fill='%23f7f4ee' d='M0 23C100 8 200 8 300 23S500 38 600 23 800 8 900 23s200 15 300 0V46H0Z'/%3E%3C/svg%3E")
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--sand);color:var(--ink);font:1.0625rem/1.7 var(--sans);overflow-x:clip}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--lake);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--lake-dk);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ember);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--sans);line-height:1.12;font-weight:800;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
p,li{text-wrap:pretty}
h1{font-size:clamp(2.1rem,5.4vw,3.7rem);margin:.2em 0 .45em}
h2{font-size:clamp(1.45rem,3.1vw,2rem);margin:2.6rem 0 .75rem}
h3{font-size:1.18rem;margin:1.6rem 0 .4rem;letter-spacing:-.01em}
p,ul,ol,table,dl{margin:0 0 1.05rem}
ul,ol{padding-left:1.3rem}
li{margin-bottom:.35rem}
ol li::marker{font-weight:800;color:var(--lake)}
ul li::marker{color:var(--reed)}
table{border-collapse:collapse;width:100%;font-size:.96rem;background:var(--card)}
th,td{border-bottom:1px solid var(--line);padding:.7rem .85rem;text-align:left;vertical-align:top}
th{background:var(--mist);font-weight:700}
.wl-tablewrap{overflow-x:auto;margin-bottom:1.2rem;border-radius:var(--r);border:1px solid var(--line)}
.wl-tablewrap table{margin:0;min-width:32rem}
.wl-skip{position:absolute;left:-999px;top:0;background:var(--lake);color:#fff;padding:.6rem 1rem;z-index:99}
.wl-skip:focus{left:0}
.wl-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.wl-nw{white-space:nowrap}

/* motion: transform/opacity only (compositor-friendly) */
@keyframes wl-slide{to{transform:translateX(-48px)}}
@keyframes wl-slide-y{to{transform:translateY(48px)}}
@keyframes wl-wave{to{transform:translateX(-50%)}}
@keyframes wl-dash{to{stroke-dashoffset:-56}}
@keyframes wl-ring{0%,84%,100%{transform:rotate(0)}86%{transform:rotate(-16deg)}88%{transform:rotate(14deg)}90%{transform:rotate(-12deg)}92%{transform:rotate(9deg)}94%{transform:rotate(0)}}
@keyframes wl-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.18,1.5);opacity:0}}
@keyframes wl-float{50%{transform:translateY(-8px)}}
@keyframes wl-ticker{to{transform:translateX(-50%)}}
@keyframes wl-level{from{background-position:0 25%}to{background-position:0 72%}}
@keyframes wl-drop{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(64px);opacity:0}}
@keyframes wl-spray{0%{transform:translate(0,0);opacity:1}100%{transform:translate(var(--sx),var(--sy));opacity:0}}
@keyframes wl-ripple{0%{transform:scale(.2);opacity:.9}100%{transform:scale(1.4);opacity:0}}
@keyframes wl-needle{0%,100%{transform:rotate(-38deg)}50%{transform:rotate(30deg)}}
@keyframes wl-glow{50%{opacity:.4}}
@keyframes wl-nudge{50%{transform:translateX(4px)}}
@keyframes wl-rise{from{transform:translateY(34px) scale(.985)}to{transform:none}}
.is-off,.is-off *,.is-off::before,.is-off::after{animation-play-state:paused!important}

/* masthead */
.wl-mast{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);overflow:clip;overflow:visible;view-transition-name:mast}
.wl-mast::after{content:"";position:absolute;left:0;bottom:-1px;width:calc(100% + 48px);height:2px;background:repeating-linear-gradient(90deg,var(--lake) 0 22px,transparent 22px 48px);opacity:.55;animation:wl-slide 1.8s linear infinite;will-change:transform}
.wl-mast .wl-wrap{display:flex;align-items:center;gap:.9rem;min-height:4.3rem}
.wl-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);margin-right:auto}
.wl-brand:hover{color:var(--ink)}
.wl-brand svg{width:2.4rem;height:2.4rem;flex:none}
.wl-brand b{font-size:1.05rem;line-height:1.15;display:block;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.wl-brand small{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--reed-dk)}
.wl-dial{position:relative;display:inline-flex;align-items:center;gap:.45rem;background:var(--lake);color:#fff;font-weight:800;text-decoration:none;padding:.55rem 1rem;border-radius:999px;white-space:nowrap;isolation:isolate}
.wl-dial::before,.wl-dock a::before,.wl-hero .wl-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--lake);z-index:-1;animation:wl-pulse 2.6s ease-out infinite;will-change:transform,opacity}
.wl-dial:hover{background:var(--lake-dk);color:#fff}
.wl-ph{width:1.05em;height:1.05em;flex:none;animation:wl-ring 4.5s ease-in-out infinite;transform-origin:50% 50%}
.wl-menu-btn{display:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font:700 .88rem var(--sans);color:var(--ink);cursor:pointer}
.wl-nav ul{list-style:none;margin:0;padding:0}
.wl-nav>ul{display:flex;gap:.1rem}
.wl-nav li{margin:0;position:relative}
.wl-nav a{display:block;white-space:nowrap;padding:.5rem .65rem;text-decoration:none;color:var(--ink);font-size:.93rem;font-weight:600;border-radius:999px;transition:background-color .2s,color .2s}
.wl-nav a:hover{background:var(--mist);color:var(--ink)}
.wl-nav a[aria-current="page"],.wl-nav a.is-here{background:var(--mist);color:var(--lake-dk)}
.wl-nav .wl-sub{display:none;position:absolute;left:0;top:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;min-width:16rem;padding:.4rem;z-index:30;box-shadow:0 22px 44px -22px rgba(27,52,66,.35)}
.wl-nav li:hover>.wl-sub,.wl-nav li:focus-within>.wl-sub{display:block}
.wl-nav .wl-sub a{font-size:.9rem;padding:.45rem .8rem}

/* stage: light lake header with a moving wave edge */
.wl-stage{position:relative;overflow:hidden;background:var(--mist);padding:1.2rem 0 5rem;
  background-image:radial-gradient(rgba(44,110,143,.13) 1.2px,transparent 1.3px);background-size:26px 26px}
.wl-stage::before,.wl-stage::after{content:"";position:absolute;left:0;bottom:-1px;width:200%;height:46px;background:var(--wave) repeat-x;background-size:50% 100%;pointer-events:none;will-change:transform}
.wl-stage::before{opacity:.5;height:56px;animation:wl-wave 19s linear infinite reverse}
.wl-stage::after{animation:wl-wave 13s linear infinite}
.wl-stage .wl-wrap{position:relative;z-index:1}
.wl-lede{font-size:1.13rem}
.wl-kicker{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--reed-dk);margin:0 0 .4rem}
.wl-kicker::before{content:"";width:1.6rem;height:2px;background:var(--reed)}
.wl-crumbs{font-size:.84rem;color:var(--mute);padding:.4rem 0 .6rem}
.wl-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
.wl-crumbs li{margin:0}
.wl-crumbs li+li::before{content:"›";margin:0 .5rem;color:#8aa2ab}

/* call pieces */
.wl-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.55rem;background:var(--lake);color:#fff;text-decoration:none;font-weight:800;padding:.88rem 1.4rem;border-radius:999px;line-height:1.25;box-shadow:0 12px 26px -14px rgba(30,85,113,.8);transition:transform .2s,background-color .2s}
.wl-btn:hover{background:var(--lake-dk);color:#fff;transform:translateY(-2px)}
.wl-cta{margin:1.3rem 0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem}
.wl-cta-note{margin:0;font-size:.9rem;color:var(--mute);max-width:24rem;padding-left:.8rem;border-left:2px solid var(--reed)}
.wl-small{font-family:var(--mono);font-size:.78rem;color:var(--mute)}
.wl-banner{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem 1.3rem 1.8rem;margin:2.2rem 0;display:grid;gap:.6rem;box-shadow:0 18px 36px -28px rgba(27,52,66,.45)}
.wl-banner::before{content:"";position:absolute;left:0;top:-48px;width:4px;height:calc(100% + 96px);background:repeating-linear-gradient(180deg,var(--lake) 0 20px,transparent 20px 48px);animation:wl-slide-y 1.4s linear infinite;will-change:transform}
.wl-banner strong{font-size:1.2rem;letter-spacing:-.01em}
.wl-banner .wl-btn{justify-self:start}
.wl-band{position:relative;overflow:hidden;background:var(--lake-dk);color:#e3eef2;margin-top:3.4rem;padding:4.2rem 0 3rem}
.wl-band::before{content:"";position:absolute;left:0;top:-1px;width:200%;height:40px;background:var(--wave) repeat-x;background-size:50% 100%;transform:scaleY(-1);animation:wl-wave-flip 16s linear infinite;will-change:transform}
@keyframes wl-wave-flip{from{transform:scaleY(-1) translateX(0)}to{transform:scaleY(-1) translateX(-50%)}}
.wl-band h2{color:#fff;margin-top:0;font-size:clamp(1.7rem,4vw,2.6rem)}
.wl-band p{max-width:36rem;color:#e3eef2}
.wl-band .wl-btn{background:#fff;color:var(--lake-dk)}
.wl-band .wl-btn:hover{background:var(--sand)}
.wl-band .wl-cta-note{color:#d3e4ea;border-color:var(--reed)}

/* home hero */
.wl-hero{display:grid;gap:1rem;padding:1.2rem 0 .4rem;align-items:center}
.wl-hero-art{width:100%;max-width:34rem;justify-self:end}
.wl-hero-art .pp{fill:none;stroke:var(--pipe);stroke-width:14;stroke-linecap:round;stroke-linejoin:round}
.wl-hero-art .fl{fill:none;stroke:var(--lake);stroke-width:3;stroke-linecap:round;stroke-dasharray:12 16;animation:wl-dash 1.1s linear infinite}
.wl-hero-art .vv{fill:#fff;stroke:var(--lake);stroke-width:2}
.wl-hero-art .ck{fill:none;stroke:var(--ember);stroke-width:3;stroke-linejoin:round}
.wl-hero-art .sp{fill:var(--lake);animation:wl-spray 1.3s ease-out infinite;transform-box:fill-box}
.wl-hero-art .dr{fill:var(--lake);animation:wl-drop 1.6s ease-in infinite;transform-box:fill-box}
.wl-hero-art .rp{fill:none;stroke:var(--lake);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:wl-ripple 1.6s ease-out infinite}
.wl-hero-art .pool{fill:var(--lake);opacity:.2;animation:wl-glow 2.4s ease-in-out infinite}
.wl-hero-art .gg{fill:#fff;stroke:var(--pipe);stroke-width:3}
.wl-hero-art .nd{stroke:var(--ember);stroke-width:3;stroke-linecap:round;transform-origin:96px 312px;animation:wl-needle 3.2s ease-in-out infinite}
.wl-hero-art text{font-family:var(--mono);font-size:11px;fill:#55707b;letter-spacing:.08em}
.wl-ticker{position:relative;z-index:2;background:var(--card);border-block:1px solid var(--line);overflow:hidden;white-space:nowrap}
.wl-ticker-track{display:inline-flex;animation:wl-ticker 40s linear infinite;will-change:transform}
.wl-ticker:hover .wl-ticker-track{animation-play-state:paused}
.wl-ticker span{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:.75rem 1.1rem}
.wl-ticker span::before{content:"◆";color:var(--reed);margin-right:1.1rem;font-size:.6rem;vertical-align:.15em}

/* figures */
figure{margin:0}
.wl-plate{background:var(--card);border-radius:24px;padding:1rem;box-shadow:0 0 0 1px var(--line),0 26px 50px -30px rgba(27,52,66,.5)}
.wl-stage .wl-plate{animation:wl-float 7s ease-in-out infinite}
.wl-body .wl-plate{margin:1.6rem 0}

/* layouts */
.wl-body{padding:1.2rem 0 1rem}
.wl-body>h2:first-child{margin-top:1.2rem}
.wl-grid-svc{display:grid;gap:2rem}
.wl-grid-svc>*,.wl-split>*,.wl-hero>*{min-width:0}
.wl-split{display:grid;gap:1.6rem;align-items:center}
.wl-rail{align-self:start;padding-top:1.2rem;container-type:inline-size}
.wl-railbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem;margin-bottom:1rem}
.wl-railbox h2{font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6rem;color:var(--mute);display:flex;align-items:center;gap:.5rem}
.wl-railbox h2::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--reed);box-shadow:0 0 0 4px rgba(127,168,142,.25)}
.wl-railbox ul{list-style:none;padding:0;margin:0;font-size:.95rem}
.wl-railbox li{border-top:1px solid #edf1f2;padding:.4rem 0;margin:0}
.wl-railbox li:first-child{border-top:0}
.wl-railbox .wl-btn{width:100%;justify-content:center;margin:.2rem 0 .7rem}
.wl-railbox:has(.wl-btn){background:linear-gradient(var(--card),var(--card)) padding-box;border-top:4px solid var(--lake)}
.wl-zip-num{font-weight:900;font-size:clamp(4.2rem,15vw,8.5rem);line-height:.9;letter-spacing:-.04em;color:var(--lake);margin:.2rem 0 .2rem}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .wl-zip-num{color:transparent;-webkit-text-stroke:2px var(--lake);background:linear-gradient(180deg,transparent 50%,rgba(44,110,143,.85) 50%);background-size:100% 200%;
    -webkit-background-clip:text;background-clip:text;animation:wl-level 5s ease-in-out infinite alternate}
}
.wl-facts{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:.3rem 0 1rem}
.wl-facts li{margin:0;font-family:var(--mono);font-size:.76rem;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem}
.wl-read{max-width:var(--read)}
.wl-post-meta{font-family:var(--mono);font-size:.78rem;color:var(--mute);margin:0}
.wl-post .wl-body>p:first-child{font-size:1.15rem;background:var(--card);border-radius:var(--r);padding:1.1rem 1.25rem;border-left:4px solid var(--lake)}
.wl-soft{background:var(--mist);border-radius:var(--r);padding:1.2rem 1.3rem;margin:2.4rem 0 1rem}
.wl-soft p{margin:.3rem 0}
.wl-more{margin:2.4rem 0}
.wl-more h2{font-size:1.3rem}
.wl-group{margin-top:2.4rem}
.wl-group h2{margin:0 0 .8rem}
.wl-list{list-style:none;padding:0;display:grid;gap:.75rem}
.wl-list li{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.25rem;transition:transform .25s,box-shadow .25s}
.wl-list li:hover{transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(27,52,66,.45)}
.wl-list a{font-size:1.12rem;font-weight:800;text-decoration:none;color:var(--ink)}
.wl-list a::after{content:"→";display:inline-block;margin-left:.4rem;color:var(--lake)}
.wl-list li:hover a::after{animation:wl-nudge .6s ease-in-out infinite}
.wl-list span{display:block;color:var(--mute);font-size:.95rem;margin-top:.2rem}
.wl-faq{margin:2.6rem 0 1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.4rem 1.4rem 1rem}
.wl-faq h2{margin-top:1rem}
.wl-faq h3{font-size:1.06rem;margin:1.3rem 0 .35rem;padding-left:.9rem;border-left:3px solid var(--reed)}
.wl-faq p{margin-bottom:.5rem}
.wl-hours{list-style:none;padding:0;margin:0 0 1rem}
.wl-hours li{display:flex;flex-wrap:wrap;gap:.2rem .8rem;border-bottom:1px solid var(--line);padding:.4rem 0;margin:0}
.wl-hours b{min-width:9rem}
.wl-bigphone{margin:.6rem 0 0}
.wl-bigphone a.wl-btn{font-size:clamp(1.6rem,6vw,2.5rem);padding:.75rem 1.5rem}
.wl-bigphone .wl-cta-note{margin:1rem 0 .5rem;font-size:1rem}
.wl-updated{font-family:var(--mono);font-size:.8rem;color:var(--mute)}

/* scroll reveal: native scroll-driven animation where supported, JS fallback otherwise */
@supports (animation-timeline:view()){
  .wl-body>*,.wl-rail>*,.wl-more,.wl-soft{animation:wl-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
}
.js .wl-rv{transform:translateY(30px) scale(.985);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.js .wl-rv.is-in{transform:none}

/* footer */
.wl-foot{background:var(--ink);color:#d6e3e8;margin-top:3.4rem;font-size:.94rem}
.wl-band~.wl-foot{margin-top:0}
.wl-foot a{color:#fff}
.wl-foot a:hover{color:var(--mist)}
.wl-foot h2{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#a9cdb6;margin:0 0 .7rem;font-weight:700}
.wl-foot-cols{display:grid;gap:1.6rem;padding:2.8rem 0 1.6rem}
.wl-foot ul{list-style:none;padding:0;margin:0}
.wl-foot li{margin:0 0 .3rem}
.wl-foot .wl-hours li{border-color:#2f4c5a}
.wl-foot .wl-hours b{min-width:7.5rem}
.wl-notice{background:#22414f;border-radius:var(--r);border-top:3px solid var(--reed);padding:1.1rem 1.3rem;margin-bottom:1.4rem}
.wl-notice p{margin:0 0 .5rem;color:#e6eff2;font-size:.9rem}
.wl-copy{border-top:1px solid #2f4c5a;padding:1rem 0 1.4rem;font-size:.84rem;color:#bfd0d6}

/* sticky call bar */
.wl-dock{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.98);padding:.55rem var(--gut);display:none;text-align:center;border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(27,52,66,.5);view-transition-name:dock}
.wl-dock a{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:.5rem;background:var(--lake);color:#fff;text-decoration:none;font-weight:800;padding:.7rem;border-radius:999px}
.wl-dock small{display:block;color:var(--mute);font-size:.76rem;margin-top:.3rem}

@media (max-width:74.99em){
  .wl-menu-btn{display:inline-block}
  .wl-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);z-index:40;max-height:78vh;overflow:auto;border-bottom:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(27,52,66,.4)}
  .wl-nav.is-open{display:block}
  .wl-nav>ul{flex-direction:column;padding:.5rem var(--gut) 1rem}
  .wl-nav .wl-sub{display:block;position:static;border:0;box-shadow:none;padding:0 0 .3rem .9rem;min-width:0}
}
@media (max-width:45.99em){
  body{padding-bottom:5.4rem}
  .wl-dock{display:block}
  .wl-brand small{display:none}
  .wl-brand b{white-space:normal;font-size:.95rem}
  .wl-brand svg{width:2rem;height:2rem}
  .wl-dial{padding:.5rem .8rem;font-size:.85rem}
  .wl-dial::before{display:none}
  .wl-dial .wl-dial-num{display:none}
  .wl-mast .wl-wrap{gap:.5rem}
  .wl-hero-art{max-width:24rem;justify-self:center}
}
@media (min-width:46em){
  .wl-dial .wl-dial-short{display:none}
  .wl-foot-cols{grid-template-columns:1fr 1fr}
  .wl-banner{grid-template-columns:1fr auto;align-items:center}
  .wl-banner .wl-cta-note{grid-column:1/-1}
}
@media (min-width:64em){
  :root{--gut:1.5rem}
  .wl-hero{grid-template-columns:1.05fr .95fr;padding:2.2rem 0 .6rem}
  .wl-grid-svc{grid-template-columns:minmax(0,1fr) 18.5rem;gap:3rem}
  .wl-rail{position:sticky;top:5.5rem}
  .wl-foot-cols{grid-template-columns:1.2fr 1.3fr 1fr 1fr}
  .wl-split{grid-template-columns:minmax(0,1fr) 22rem;gap:2.6rem}
}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .wl-rv{transform:none}
}
@media print{.wl-dock,.wl-nav,.wl-menu-btn,.wl-ticker{display:none}}
