:root{--ground:#f3f5f9;--surface:#fff;--surface-2:#e6e9f1;--ink:#12151d;--ink-soft:#565c6b;--line:#d7dbe5;--line-soft:#e9ecf3;--accent:#2e5ce6;--accent-deep:#1e3fae;--plan:#a16a00;--panel-dark:#10152b;--on-dark:#f1f3f8;--on-dark-soft:#9ba3b8;--dark-line:#232b47;--font-display:"Zilla Slab", "Iowan Old Style", Georgia, serif;--font-body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--step--1:clamp(.82rem, .8rem + .1vw, .9rem);--step-0:1.0625rem;--step-1:1.2rem;--step-2:clamp(1.35rem, 1.2rem + .7vw, 1.7rem);--step-3:clamp(1.9rem, 1.6rem + 1.6vw, 2.6rem);--step-4:clamp(2.6rem, 1.9rem + 3.4vw, 4.4rem);--measure:63ch;--edge:clamp(1.15rem, 5vw, 4rem);--maxw:1180px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0d1017;--surface:#161a24;--surface-2:#1e2432;--ink:#eef0f5;--ink-soft:#9ba3b5;--line:#2a3040;--line-soft:#232837;--accent:#86a2ff;--accent-deep:#b7c7ff;--plan:#f0b429;--panel-dark:#070911;--on-dark:#f1f3f8;--on-dark-soft:#9ba3b8;--dark-line:#1a2036;color-scheme:dark}}:root[data-theme=dark]{--ground:#0d1017;--surface:#161a24;--surface-2:#1e2432;--ink:#eef0f5;--ink-soft:#9ba3b5;--line:#2a3040;--line-soft:#232837;--accent:#86a2ff;--accent-deep:#b7c7ff;--plan:#f0b429;--panel-dark:#070911;--on-dark:#f1f3f8;--on-dark-soft:#9ba3b8;--dark-line:#1a2036;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:600;line-height:1.08}p{margin:0}a{color:inherit}img,svg{max-width:100%;display:block}::selection{background:var(--accent);color:var(--surface)}:focus-visible{outline:2px solid var(--plan);outline-offset:3px;border-radius:1px}.wrap{max-width:var(--maxw);padding-inline:var(--edge);margin:0 auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:#f5f6fa;padding:.6em 1em;text-decoration:none;transition:top .15s;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.label{font-family:var(--font-body);font-weight:600;font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase}.sheet-tag{color:var(--plan);flex-wrap:wrap;align-items:baseline;gap:.2em .7em;display:flex}.sheet-tag b{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;font-weight:700}.sheet-tag span{color:var(--ink-soft)}.btn{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;align-items:center;gap:.5em;padding:.7em 1.15em;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-solid{background:var(--accent);color:#f5f6fa}.btn-solid:hover{background:var(--accent-deep);color:#f5f6fa}:root[data-theme=dark] .btn-solid{color:#0d1224}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-solid{color:#0d1224}}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink)}.site-header{z-index:50;background:color-mix(in srgb, var(--ground) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:1.5rem;min-height:66px;display:flex}.mark{flex-shrink:0;align-items:center;gap:.7rem;text-decoration:none;display:flex}.mark .glyph{width:30px;height:30px;color:var(--accent);flex-shrink:0}.mark .name{font-family:var(--font-display);letter-spacing:.01em;font-size:1.12rem;font-weight:700;line-height:1;display:block}.mark .sub{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-size:.62rem}nav.primary{gap:1.6rem;display:none}nav.primary a{color:var(--ink-soft);padding-block:.4rem;font-size:.94rem;font-weight:500;text-decoration:none;position:relative}nav.primary a:hover{color:var(--ink)}nav.primary a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}nav.primary a:hover:after{transform:scaleX(1)}.head-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--line);cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;place-items:center;transition:border-color .2s;display:grid}.icon-btn:hover{border-color:var(--ink)}.icon-btn svg{width:17px;height:17px}.icon-btn .sun{display:none}:root[data-theme=dark] .icon-btn .sun{display:block}:root[data-theme=dark] .icon-btn .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-btn .sun{display:block}:root:not([data-theme=light]) .icon-btn .moon{display:none}}.head-cta{display:none}.menu-toggle{display:inline-grid}@media (width>=940px){.head-cta{display:inline-flex}.menu-toggle{display:none}nav.primary{display:flex}}.mobile-menu{border-top:1px solid var(--line);background:var(--ground);padding:.75rem var(--edge) calc(.75rem + 1rem);flex-direction:column;gap:.25rem;display:flex}.mobile-menu[hidden]{display:none}.mobile-menu nav{flex-direction:column;display:flex}.mobile-menu nav a{border-bottom:1px solid var(--line-soft);color:var(--ink);padding:.85rem .25rem;font-weight:500;text-decoration:none}.mobile-menu .btn{justify-content:center;margin-top:.85rem}@media (width>=940px){.mobile-menu{display:none!important}}.hero{border-bottom:1px solid var(--line)}.hero-grid{align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(3rem,7vw,5.5rem) clamp(2.5rem,5vw,4rem);display:grid}@media (width>=900px){.hero-grid{grid-template-columns:1.02fr 1.1fr}}.hero h1{font-size:var(--step-4);letter-spacing:-.015em;margin-top:1.1rem;font-weight:700}.hero .lede{max-width:44ch;color:var(--ink-soft);font-size:var(--step-1);margin-top:1.4rem}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero-legend{border-top:1px dashed var(--line);font-size:var(--step--1);color:var(--ink-soft);grid-template-columns:repeat(2,auto);justify-content:start;gap:.55rem 1.6rem;margin-top:2.4rem;padding-top:1.3rem;display:grid}.hero-legend div{align-items:center;gap:.55rem;display:flex}.hero-legend .key{flex-shrink:0;width:22px;height:12px}.plan-figure{border:1px solid var(--line);background:var(--surface);padding:clamp(.6rem,2vw,1.1rem);position:relative}.plan-figure:before{content:"L—100  SITE PLAN";background:var(--plan);color:#f5f6fa;font-family:var(--font-display);letter-spacing:.14em;padding:.3em .7em;font-size:.66rem;font-weight:600;position:absolute;top:-1px;right:-1px}.plan-figure svg{width:100%;height:auto}.plan-pane{position:relative}.plan-pane+.plan-pane{border-top:1px dashed var(--line);margin-top:.9rem;padding-top:.9rem}.plan-photo{aspect-ratio:2.4;object-fit:cover;width:100%;display:block}.section{padding-block:clamp(3.5rem,8vw,6.5rem)}.sec-head{max-width:var(--measure)}.sec-head h2{font-size:var(--step-3);margin-top:.9rem}.sec-head p{color:var(--ink-soft);margin-top:1rem}.band-dark{background:var(--panel-dark);color:var(--on-dark)}.band-dark .sheet-tag span,.band-dark .sec-head p{color:var(--on-dark-soft)}.stats-band{padding-block:0}.stats-band .wrap{padding-block:clamp(3rem,7vw,5rem)}.stats{background:var(--dark-line);border:1px solid var(--dark-line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}@media (width>=760px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--panel-dark);padding:1.7rem clamp(1rem,2.5vw,1.8rem)}.stat .n{font-family:var(--font-display);color:var(--on-dark);letter-spacing:-.01em;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700}.stat .k{font-size:var(--step--1);color:var(--on-dark-soft);letter-spacing:.04em;margin-top:.35rem}.schedule{border-top:1px solid var(--line);margin-top:clamp(2.2rem,5vw,3.4rem)}.svc{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;align-items:start;gap:.5rem 1.1rem;padding:1.5rem 0;display:grid}.svc .sym{border:1px solid var(--line);width:52px;height:52px;color:var(--accent);grid-area:1/1/span 2}.svc .sym svg{width:100%;height:100%}.svc h3{font-size:var(--step-1);grid-column:2;font-weight:600}.svc .desc{color:var(--ink-soft);grid-column:2;font-size:.98rem}@media (width>=760px){.svc{grid-template-columns:52px 14rem 1fr;align-items:baseline;column-gap:1.8rem}.svc .sym{grid-row:auto}.svc h3{grid-column:2}.svc .desc{grid-column:3}}.steps{background:var(--line);border:1px solid var(--line);gap:1px;margin-top:clamp(2.2rem,5vw,3.4rem);display:grid}@media (width>=820px){.steps{grid-template-columns:repeat(4,1fr)}}.step{background:var(--ground);padding:1.7rem clamp(1.1rem,2vw,1.5rem)}.band-dark .step{background:var(--panel-dark)}.step .sh{font-family:var(--font-display);letter-spacing:.16em;color:var(--plan);font-size:.72rem;font-weight:700}.step h3{font-size:var(--step-1);margin-top:.7rem}.step p{color:var(--ink-soft);margin-top:.5rem;font-size:.95rem}.band-dark .step p{color:var(--on-dark-soft)}.work-grid{gap:clamp(1.5rem,3vw,2.2rem);margin-top:clamp(2.2rem,5vw,3.4rem);display:grid}@media (width>=720px){.work-grid{grid-template-columns:repeat(2,1fr)}}.project{border:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex;container-type:inline-size}.compare{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}@container (width<=380px){.compare{grid-template-columns:1fr}}.compare-pane{aspect-ratio:4/3;background:var(--ground);position:relative;overflow:hidden}.compare-pane .thumb{height:100%}.compare-pane .thumb svg{width:100%;height:100%;display:block}.compare-photo{object-fit:cover;width:100%;height:100%;display:block}.compare-tag{z-index:1;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#00000080;margin:0;padding:.22em .6em;font-size:.62rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.project .body{padding:1.3rem 1.4rem 1.5rem}.project .loc{color:var(--plan)}.project h3{font-size:var(--step-1);margin-top:.3rem}.project .note{color:var(--ink-soft);margin-top:.6rem;font-size:.96rem}.tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.tags span{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-soft);padding:.28em .6em;font-size:.72rem}.quotes{gap:clamp(1.6rem,3vw,2.4rem);margin-top:clamp(2.2rem,5vw,3.4rem);display:grid}@media (width>=860px){.quotes{grid-template-columns:repeat(3,1fr)}}.quote{border-top:2px solid var(--accent);margin:0;padding-top:1.2rem}.quote blockquote{font-family:var(--font-display);margin:0;font-size:1.16rem;font-weight:500;line-height:1.45}.band-dark .quote blockquote{color:var(--on-dark)}.quote figcaption{font-size:var(--step--1);color:var(--ink-soft);margin-top:1rem}.band-dark .quote figcaption{color:var(--on-dark-soft)}.quote figcaption b{color:var(--ink);font-weight:600}.band-dark .quote figcaption b{color:var(--on-dark)}.area-grid{align-items:center;gap:clamp(2rem,4vw,3rem);margin-top:clamp(2.2rem,5vw,3.4rem);display:grid}@media (width>=880px){.area-grid{grid-template-columns:1.2fr 1fr}}.area-map{border:1px solid var(--line);background:var(--surface);padding:1rem}.area-map svg{width:100%;height:auto}.google-map{aspect-ratio:480/340;background:var(--ground);width:100%;overflow:hidden}.map-loading{text-align:center;height:100%;font-size:var(--step--1);color:var(--ink-soft);place-items:center;padding-inline:1rem;display:grid}.area-list{columns:1;column-gap:2rem;margin:0;padding:0}@media (width>=420px){.area-list{columns:2}}.area-list li{border-bottom:1px solid var(--line-soft);break-inside:avoid;padding:.5rem 0;font-size:.98rem;list-style:none}.area-list li:before{content:"▸ ";color:var(--accent)}.contact-grid{gap:clamp(2rem,5vw,3.5rem);margin-top:clamp(2.2rem,5vw,3.4rem);display:grid}@media (width>=860px){.contact-grid{grid-template-columns:1fr 1fr}}form.lead{gap:1.1rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.field input,.field select,.field textarea{color:var(--ink);background:var(--surface);border:1px solid var(--line);width:100%;padding:.75em .85em;font-family:inherit;font-size:1rem}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--plan);outline-offset:1px;border-color:var(--plan)}.form-note{font-size:var(--step--1);color:var(--ink-soft)}.form-ok{border:1px solid var(--accent);background:var(--surface);border-left-width:4px;padding:.9rem 1.1rem;font-size:.96rem;display:none}.form-ok.show{display:block}.contact-detail{border-top:1px solid var(--line);margin:0}.contact-detail div{border-bottom:1px solid var(--line);grid-template-columns:8rem 1fr;gap:1rem;padding:1rem 0;font-size:.98rem;display:grid}.contact-detail dt{color:var(--ink-soft);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;padding-top:.15rem}.contact-detail dd{margin:0}.contact-detail a{border-bottom:1px solid var(--accent);text-decoration:none}.site-footer{background:var(--panel-dark);color:var(--on-dark);padding-block:clamp(3rem,6vw,4.5rem)}.foot-top{gap:2rem;display:grid}@media (width>=780px){.foot-top{grid-template-columns:1.4fr 1fr 1fr}}.foot-top .name{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.foot-top p{color:var(--on-dark-soft);max-width:34ch;margin-top:.8rem;font-size:.95rem}.foot-col h4{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-soft);font-family:var(--font-body);margin:0;font-weight:600}.foot-col ul{gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.foot-col a{color:var(--on-dark);font-size:.95rem;text-decoration:none}.foot-col a:hover{color:var(--accent-deep)}.foot-rule{border-top:1px solid var(--dark-line);color:var(--on-dark-soft);flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;margin-top:2.6rem;padding-top:1.4rem;font-size:.82rem;display:flex}.demo-flag{background:var(--plan);color:#f5f6fa;text-align:center;letter-spacing:.08em;padding:.5em 1em;font-size:.78rem;font-weight:500}.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}.contour{stroke-dashoffset:0!important}}.contour{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
