*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0b;color:#f2f1ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.nav{height:76px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#080a0be8,transparent);backdrop-filter:blur(4px)}
.brand{font-size:24px;font-weight:750;letter-spacing:-1px}.mark{color:#b64a31}.nav nav{display:flex;gap:28px}.nav a{color:#ddd;text-decoration:none;font-size:13px}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:100px 8vw 80px;background:radial-gradient(circle at 72% 38%,#3c241b 0,#161312 18%,#080a0b 48%)}
.eyebrow,.step{font-size:11px;letter-spacing:.22em;color:#b7aaa0;text-transform:uppercase}.hero h1,.services h2,.contact h2{font-size:clamp(48px,8vw,112px);line-height:.9;letter-spacing:-.06em;margin:24px 0;max-width:1100px}.hero p{max-width:650px;color:#aaa;line-height:1.7;font-size:17px}.cta{display:inline-block;width:max-content;margin-top:28px;padding:15px 21px;border:1px solid #806657;color:#eee;text-decoration:none;border-radius:999px}
.story{height:520vh}.sticky{position:sticky;top:0;height:100vh;overflow:hidden}.scene{position:relative;height:100%;background:linear-gradient(#101416 0 55%,#17120f 55%);perspective:1000px}
.sky{position:absolute;inset:0 0 45%;background:radial-gradient(circle at 65% 55%,#32383a55,transparent 40%)}
.ground{position:absolute;left:-10%;right:-10%;bottom:-8%;height:54%;transform:rotateX(60deg);transform-origin:center bottom;background:#181410;overflow:hidden}
.grid{position:absolute;inset:0;background-image:linear-gradient(#7b60451b 1px,transparent 1px),linear-gradient(90deg,#7b60451b 1px,transparent 1px);background-size:44px 44px}
.trench{position:absolute;height:42px;background:#050505;opacity:0;transform:scaleX(.05);transform-origin:left}.trench-a{left:8%;right:30%;top:45%}.trench-b{left:42%;width:36%;top:25%;transform:rotate(-28deg) scaleX(.05)}
.pipe{position:absolute;height:9px;border-radius:99px;left:8%;width:68%;top:47%;transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px currentColor}.water{color:#377da1;background:currentColor}.sewer{top:52%;height:15px;color:#7b6758;background:currentColor}.gas{top:57%;color:#b89435;background:currentColor}
.house{position:absolute;width:min(48vw,650px);height:min(48vw,650px);left:52%;top:52%;transform:translate(-50%,-45%);opacity:0}.foundation{position:absolute;left:10%;right:10%;bottom:10%;height:12%;border:2px solid #8b8178;background:#3b3733}.wall{position:absolute;bottom:22%;width:38%;height:45%;border:1px solid #8f8980;background:#b6afa51c;backdrop-filter:blur(1px)}.wall.left{left:12%}.wall.right{right:12%}.roof{position:absolute;left:15%;top:8%;width:70%;height:38%;border-top:3px solid #a77a5c;transform:skewY(-18deg);opacity:.75}.inside-pipe{position:absolute;bottom:22%;width:7px;background:#b45e3d;height:0}.v1{left:38%}.v2{right:34%}.floorheat{position:absolute;left:20%;right:20%;bottom:24%;height:25%;opacity:0;background:repeating-radial-gradient(ellipse at center,transparent 0 11px,#a94f34 12px 14px,transparent 15px 22px)}
.caption{position:absolute;left:6vw;bottom:8vh;max-width:430px}.caption h2{font-size:clamp(38px,5vw,72px);letter-spacing:-.05em;margin:12px 0}.caption p{color:#aaa;line-height:1.6}
.services{padding:140px 7vw}.services h2{font-size:clamp(50px,7vw,96px)}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292929}.cards article{padding:34px 26px 60px;border-right:1px solid #292929}.cards b{font-size:11px;color:#8e6b58}.cards h3{font-size:24px}.cards p{color:#888;line-height:1.6}
.contact{min-height:70vh;padding:100px 7vw;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 20% 50%,#2c1a14,transparent 38%)}
.contact h2{font-size:clamp(45px,6vw,86px)}.contact p{color:#999}
@media(max-width:760px){.nav nav{display:none}.hero{padding-left:7vw}.hero h1{font-size:56px}.story{height:450vh}.house{width:86vw;height:86vw;left:57%;top:43%}.caption{bottom:7vh;right:7vw}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid #292929}.contact{display:block}.contact .cta{margin-top:20px}}