:root{--ink:#242323;--paper:#fffdf8;--coral:#ed684c;--cobalt:#1649d8;--sun:#ffc73a;--line:#242323;--muted:#655e59;--pale:#f2eee8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.topbar{display:flex;align-items:center;gap:28px;max-width:1360px;min-height:94px;margin:auto;padding:16px 34px;border-bottom:2px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.logo>span{display:grid;width:46px;height:46px;place-items:center;background:var(--coral);border:2px solid var(--line);font:800 25px Fraunces,serif;box-shadow:4px 4px 0 var(--cobalt)}.logo div{display:flex;flex-direction:column}.logo strong{font:800 19px Fraunces,serif}.logo small,.label,.tag,.heading>p:first-child,.final p{margin-top:2px;font:700 10px "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.topbar nav{display:flex;gap:25px;margin-left:auto}.topbar nav a,.actions>a:not(.button),.inline-call{color:var(--ink);font-weight:700;text-decoration-thickness:2px;text-underline-offset:5px}.call,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 19px;border:2px solid var(--line);background:var(--cobalt);color:#fff;text-decoration:none;font-weight:800;box-shadow:4px 4px 0 var(--line);transition:.15s}.call:hover,.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.hero{display:grid;grid-template-columns:1.02fr .98fr;max-width:1360px;margin:auto;min-height:650px;border-inline:2px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(34px,6vw,90px);position:relative}.hero-copy:before{content:"";position:absolute;right:34px;top:38px;width:46px;height:46px;border:9px solid var(--sun);transform:rotate(12deg)}.tag{align-self:flex-start;margin:0 0 28px;padding:7px 10px;background:var(--sun);border:2px solid var(--line)}h1,h2{font-family:Fraunces,serif;letter-spacing:0}h1{max-width:760px;margin:0;font-size:clamp(55px,7vw,96px);line-height:.92}.intro{max-width:54ch;margin:28px 0;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.signal{display:flex;gap:14px;align-items:center;margin-top:38px;padding-top:20px;border-top:2px solid var(--line);font-size:13px}.signal span{color:var(--muted)}.hero figure{position:relative;margin:0;min-height:650px;border-left:2px solid var(--line);overflow:hidden;background:#222}.hero figure:before{content:"LOCAL SERVICE";position:absolute;z-index:2;right:18px;top:18px;padding:8px 11px;background:var(--sun);border:2px solid var(--line);font:700 10px "Space Mono",monospace}.hero figure img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero figcaption{position:absolute;z-index:2;left:24px;bottom:24px;padding:12px 15px;background:var(--coral);border:2px solid var(--line);box-shadow:5px 5px 0 var(--line);font-weight:800}.marquee{display:flex;justify-content:center;gap:0;overflow:hidden;background:var(--cobalt);color:#fff;border-block:2px solid var(--line)}.marquee span{flex:1;padding:14px 18px;border-right:1px solid #ffffff66;text-align:center;font:700 11px "Space Mono",monospace;text-transform:uppercase}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.services{padding-block:90px}.heading{display:grid;grid-template-columns:.7fr 1.55fr .75fr;gap:34px;align-items:end;margin-bottom:48px}.heading h2,.water h2,.faq h2,.process h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1}.heading>p:last-child{margin:0;color:var(--muted);line-height:1.6}.tiles{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--line);border-left:2px solid var(--line)}.tiles article{min-height:245px;padding:27px;border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff}.tiles article b{font:700 11px "Space Mono",monospace}.tiles h3{margin:44px 0 10px;font:800 26px/1.05 Fraunces,serif}.tiles p{margin:0;color:var(--muted);line-height:1.6}.tiles .cobalt{background:var(--cobalt);color:#fff}.tiles .cobalt p{color:#dfe6ff}.tiles .sun{background:var(--sun)}.tiles .sun p,.tiles .coral p{color:var(--ink)}.tiles .coral{background:var(--coral)}.tiles .tall{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;background:var(--pale);position:relative}.tiles .tall:before{content:"+";position:absolute;right:24px;top:20px;font:800 64px Fraunces,serif;color:var(--cobalt)}.tiles .tall a{margin-top:26px;color:var(--cobalt);font-weight:800}.water{padding-block:90px;background:var(--coral);border-block:2px solid var(--line)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.split figure{position:relative;margin:0;aspect-ratio:4/3;border:2px solid var(--line);box-shadow:10px 10px 0 var(--cobalt);overflow:hidden}.split figure img{width:100%;height:100%;object-fit:cover}.split figure span{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:var(--sun);border:2px solid var(--line);font:700 10px "Space Mono",monospace;text-transform:uppercase}.water h2{margin:14px 0 20px}.water p{font-size:17px;line-height:1.7}.water ul{padding:0;list-style:none}.water li{padding:11px 0;border-bottom:1px solid #24232355;font-weight:600}.inline-call{display:inline-block;margin-top:16px}.process{padding-block:90px}.process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.process ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--line)}.process li{display:grid;grid-template-columns:.75fr 1fr;gap:22px;padding:24px 0;border-bottom:2px solid var(--line)}.process li b{font:800 20px Fraunces,serif}.process li span{color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:80px;border-top:2px solid var(--line)}.questions{border-top:2px solid var(--line)}details{border-bottom:2px solid var(--line)}summary{display:flex;justify-content:space-between;gap:15px;padding:21px 4px;cursor:pointer;list-style:none;font-weight:800}summary::-webkit-details-marker{display:none}summary span{color:var(--cobalt);font-family:"Space Mono",monospace}details p{margin:0;padding:0 4px 22px;color:var(--muted);line-height:1.65}.final{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:65px max(34px,calc((100% - 1220px)/2));background:var(--cobalt);color:#fff;border-block:2px solid var(--line)}.final h2{margin:8px 0;font-size:clamp(38px,5vw,64px)}.final span{color:#dfe6ff}.final .button{background:var(--sun);color:var(--ink)}footer{display:flex;align-items:center;gap:20px;max-width:1220px;min-height:96px;margin:auto;color:var(--muted);font:700 11px "Space Mono",monospace}footer strong{color:var(--ink)}footer a{margin-left:auto;color:var(--cobalt)}.mobile-call{display:none}
@media(max-width:900px){body{padding-bottom:80px}.topbar{padding-inline:20px}.topbar nav{display:none}.call{margin-left:auto;font-size:13px}.hero{grid-template-columns:1fr;border-inline:0}.hero-copy{padding:60px 28px}.hero figure{min-height:400px;border-left:0;border-top:2px solid var(--line)}.heading{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.tiles .tall{grid-row:auto}.split,.process-grid,.faq{grid-template-columns:1fr}.marquee span:nth-child(n+4){display:none}.final{align-items:flex-start;flex-direction:column}footer{padding:22px 24px;flex-wrap:wrap}.mobile-call{display:block;position:fixed;z-index:50;left:12px;right:12px;bottom:12px}.mobile-call a{display:block;padding:16px;background:var(--sun);border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);color:var(--ink);text-align:center;text-decoration:none;font-weight:800}}
@media(max-width:570px){.topbar{min-height:78px}.logo>span{width:39px;height:39px}.logo strong{font-size:15px}.logo small{font-size:8px}.call{padding:10px;font-size:12px}.call span{display:none}.hero{min-height:0}.hero-copy:before{display:none}.hero-copy{padding:46px 20px}.hero h1{font-size:52px}.intro{font-size:16px}.button{width:100%}.hero figure{min-height:280px}.hero figcaption{left:14px;bottom:14px}.wrap{width:calc(100% - 28px)}.services,.process{padding-block:64px}.tiles{grid-template-columns:1fr}.tiles article{min-height:210px}.split{gap:36px}.water{padding-block:60px}.split figure{aspect-ratio:16/10}.process-grid{gap:32px}.process li{grid-template-columns:1fr}.faq{gap:32px;padding-block:60px}.final{padding:52px 20px}footer span{width:100%}footer a{margin-left:0}}
