*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10100f;color:#f4f0e7;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}html[data-theme=light] body{background:#ece9e1;color:#171715}:root{--ink:#10100f;--paper:#f4f0e7;--acid:#c8ff3d;--line:rgba(255,255,255,.18);--muted:#aaa89f}.skip{position:fixed;left:-999px}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:rgba(16,16,15,.72)}.brand{font-weight:800;letter-spacing:.16em;color:inherit;text-decoration:none}.desktop-nav{margin-left:auto;display:flex;gap:1.8rem}.desktop-nav a,.mobile-nav a{color:inherit;text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.desktop-nav a.active{color:var(--acid)}.header-actions{display:flex;gap:.5rem;margin-left:1.5rem}.icon-btn{background:transparent;color:inherit;border:1px solid var(--line);width:42px;height:42px;border-radius:50%}.menu{display:none}.mobile-nav{display:none}.section-rail{position:fixed;right:18px;top:50%;z-index:40;transform:translateY(-50%);display:grid;gap:7px}.section-rail a{display:flex;justify-content:flex-end;gap:8px;color:transparent;text-decoration:none;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;transition:.3s}.section-rail a span{color:#777;border-right:2px solid #555;padding-right:8px}.section-rail a.active{color:var(--acid)}.section-rail a.active span{color:var(--acid);border-color:var(--acid)}main{padding-top:78px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;position:relative}.hero-copy{padding:10vh 6vw;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.28em;color:var(--acid);font-weight:700}.hero h1,.page-hero h1{font-size:clamp(3.6rem,8vw,9rem);line-height:.82;letter-spacing:-.07em;margin:.35em 0}.hero p{max-width:580px;font-size:1.15rem;line-height:1.65;color:var(--muted)}.hero-media{position:relative;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;animation:heroZoom 12s ease-out both}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10100f 0%,transparent 30%)}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.button-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.5rem;border:1px solid var(--acid);background:var(--acid);color:#111;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(200,255,61,.18)}.btn.ghost{background:transparent;color:inherit;border-color:var(--line)}section{padding:9rem 6vw;position:relative;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem;margin-bottom:4rem}.section-head h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.92;letter-spacing:-.055em;margin:0}.section-head p{max-width:620px;color:var(--muted);font-size:1.08rem;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.stat{padding:2.2rem;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{font-size:2.8rem;display:block;color:var(--acid)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem}.project-card{position:relative;overflow:hidden;min-height:520px;background:#222}.project-card:nth-child(1){grid-column:span 7}.project-card:nth-child(2){grid-column:span 5}.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:span 7}.project-card img{width:100%;height:100%;object-fit:cover;transition:.8s cubic-bezier(.2,.8,.2,1)}.project-card:hover img{transform:scale(1.06)}.project-card .caption{position:absolute;inset:auto 0 0;padding:2rem;background:linear-gradient(transparent,rgba(0,0,0,.9));display:flex;justify-content:space-between}.project-card .caption b{font-size:1.35rem}.service-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.service{background:#10100f;padding:3rem;min-height:360px;display:flex;flex-direction:column}.service .num{color:var(--acid);font-family:monospace}.service h3{font-size:2rem;margin:3rem 0 1rem}.service p{color:var(--muted);line-height:1.7}.service a{margin-top:auto;color:var(--acid)}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.step{border-top:1px solid var(--acid);padding-top:1.2rem}.step b{display:block;font-size:1.2rem;margin-bottom:.8rem}.step p{color:var(--muted);font-size:.9rem}.media-split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:650px}.media-split img{width:100%;height:100%;object-fit:cover}.media-split .copy{padding:6rem;display:flex;flex-direction:column;justify-content:center;background:#191917}.quote-tool{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px}.tool-panel{border:1px solid var(--line);padding:2.5rem}.field{display:grid;gap:.5rem;margin-bottom:1.25rem}.field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}input,select,textarea{width:100%;padding:1rem;border:1px solid var(--line);background:transparent;color:inherit;font:inherit}option{color:#111}.result{font-size:3rem;color:var(--acid);font-weight:800}.page-hero{padding:12rem 6vw 7rem;min-height:60vh;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 75% 20%,rgba(200,255,61,.12),transparent 32%)}.page-hero p{max-width:680px;color:var(--muted);font-size:1.1rem}.filters{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2rem}.filters button{padding:.8rem 1.2rem;border:1px solid var(--line);background:transparent;color:inherit}.filters button.active{background:var(--acid);color:#111}.gallery{columns:3;column-gap:1rem}.gallery figure{break-inside:avoid;margin:0 0 1rem;position:relative}.gallery img{width:100%;display:block}.gallery figcaption{padding:1rem;background:#181816}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.faq{max-width:1000px}.faq button{width:100%;text-align:left;padding:1.4rem 0;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font-size:1.15rem}.faq .answer{max-height:0;overflow:hidden;color:var(--muted);line-height:1.7}footer{padding:5rem 6vw;display:grid;grid-template-columns:1fr auto;gap:2rem;border-top:1px solid var(--line)}footer a{display:block;color:inherit;margin:.4rem 0}.fine{grid-column:1/-1;color:var(--muted);font-size:.78rem}[data-reveal]{opacity:0;transform:translateY(32px);transition:.8s}[data-reveal].in{opacity:1;transform:none}@media(max-width:900px){.desktop-nav{display:none}.menu{display:block}.mobile-nav{position:absolute;top:78px;left:0;right:0;padding:2rem 6vw;background:#10100f;display:grid;gap:1rem;transform:translateY(-140%);transition:.35s}.mobile-nav.open{transform:none}.section-rail{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:70vh}.hero-media{height:50vh}.section-head,.media-split,.quote-tool,.contact-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.service-stack{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.project-card{grid-column:1/-1!important;min-height:420px}.gallery{columns:2}.media-split .copy{padding:3rem 6vw}}@media(max-width:560px){section{padding:6rem 5vw}.hero-copy{padding:8vh 5vw}.stats{grid-template-columns:1fr}.gallery{columns:1}.process{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:3.6rem}.section-head h2{font-size:3rem}}

/* Alder & Stone project-card colour correction — v15 */
.project-card,
.project-card:link,
.project-card:visited {
  color: var(--paper);
  text-decoration: none;
}
.project-card .caption {
  color: var(--paper);
}
.project-card .caption b {
  color: #f4f0e7;
  text-shadow: 0 2px 18px rgba(0,0,0,.72);
  transition: color .25s ease;
}
.project-card .caption > span {
  color: #d7d0c2;
  text-shadow: 0 2px 16px rgba(0,0,0,.72);
}
.project-card:hover .caption b,
.project-card:focus-visible .caption b {
  color: var(--acid);
}
.project-card:focus-visible {
  outline: 2px solid var(--acid);
  outline-offset: 4px;
}


.build-model-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center;min-height:820px;background:radial-gradient(circle at 82% 30%,rgba(200,255,61,.07),transparent 30%),linear-gradient(135deg,#0d120f,#151c16 56%,#0c100d);color:var(--paper);overflow:hidden;isolation:isolate}
.build-model-copy h2{font-family:Georgia,serif;font-size:clamp(3rem,5vw,6rem);font-weight:400;line-height:.95;margin:.25em 0}.build-model-copy p{max-width:620px;color:#b9c0b9;line-height:1.75}.build-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:2rem}.build-controls button{border:1px solid rgba(255,255,255,.18);background:transparent;color:#d8ddd8;padding:12px 15px;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;transition:.28s}.build-controls button:hover,.build-controls button:focus-visible,.build-controls button.active{background:var(--acid);border-color:var(--acid);color:#111}
.building-scene{position:relative;min-height:680px;display:grid;place-items:center;perspective:1450px;overflow:visible}.site-plane{position:absolute;width:90%;height:55%;bottom:2%;transform:rotateX(68deg) translateZ(-80px);background:linear-gradient(145deg,rgba(200,255,61,.045),rgba(255,255,255,.015));border:1px solid rgba(200,255,61,.12);box-shadow:0 55px 90px rgba(0,0,0,.22)}.site-plane:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(200,255,61,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,61,.07) 1px,transparent 1px);background-size:34px 34px}.site-axis{position:absolute;background:rgba(200,255,61,.38)}.axis-x{left:5%;right:5%;height:1px;top:50%}.axis-y{top:6%;bottom:6%;width:1px;left:50%}.site-drive{position:absolute;right:-4%;bottom:5%;width:38%;height:28%;background:#292d2a;transform:skewX(-14deg);opacity:.35}
.house3d{position:relative;width:min(520px,70vw);height:350px;transform-style:preserve-3d;transform:rotateX(-11deg) rotateY(-30deg) translateY(8px);transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.house3d i{position:absolute;display:block;transform-style:preserve-3d}.foundation-system,.frame-system,.finish-system,.landscape-system,.volume{position:absolute;inset:0;transform-style:preserve-3d}.footing{height:18px;background:#869087;border:1px solid rgba(200,255,61,.32);opacity:.2;transition:opacity .5s,transform .5s}.footing-a{left:9%;bottom:19%;width:64%;transform:translateZ(34px)}.footing-b{left:16%;bottom:41%;width:71%;transform:translateZ(-12px)}.footing-c{left:55%;bottom:9%;width:30%;transform:rotate(90deg) translateZ(8px)}.slab-ground{left:8%;bottom:16%;width:76%;height:44%;background:rgba(176,184,177,.26);border:1px solid rgba(200,255,61,.34);transform:rotateX(62deg) translateZ(5px);transform-origin:bottom;opacity:.2;transition:.55s}
.frame-system{opacity:.08;transition:opacity .55s}.post{width:8px;height:170px;background:#c8ff3d;bottom:28%;box-shadow:0 0 14px rgba(200,255,61,.15)}.post-a{left:12%;transform:translateZ(58px)}.post-b{left:38%;transform:translateZ(58px)}.post-c{left:66%;transform:translateZ(58px)}.post-d{left:20%;transform:translateZ(-26px)}.post-e{left:49%;transform:translateZ(-26px)}.post-f{left:80%;transform:translateZ(-26px)}.beam{height:8px;background:#c8ff3d;bottom:67%}.beam-a{left:10%;width:58%;transform:translateZ(58px)}.beam-b{left:19%;width:62%;transform:translateZ(-26px)}.beam-c{left:12%;width:88px;transform:rotateY(90deg) translateZ(12px)}.beam-d{left:65%;width:84px;transform:rotateY(90deg) translateZ(12px)}.floor-deck{left:10%;bottom:55%;width:72%;height:36%;background:rgba(200,255,61,.09);border:1px solid rgba(200,255,61,.32);transform:rotateX(62deg) translateZ(0);opacity:.55}
.volume{transition:opacity .55s,transform .55s;opacity:.05}.surface{box-sizing:border-box;border:1px solid rgba(255,255,255,.16);background:#6f746f;box-shadow:inset 0 0 28px rgba(0,0,0,.14);transition:background .55s,border-color .55s}.volume-ground{left:8%;bottom:19%;width:72%;height:44%;transform:translateZ(32px)}.volume-ground .front{left:0;bottom:0;width:100%;height:100%;transform:translateZ(42px)}.volume-ground .side{right:-84px;bottom:0;width:84px;height:100%;transform-origin:left;transform:rotateY(90deg)}.volume-ground .top{left:0;top:-84px;width:100%;height:84px;transform-origin:bottom;transform:rotateX(90deg)}.volume-upper{left:25%;bottom:54%;width:59%;height:38%;transform:translateZ(16px) translateY(-14px)}.volume-upper .front{left:0;bottom:0;width:100%;height:100%;transform:translateZ(34px)}.volume-upper .side{right:-68px;bottom:0;width:68px;height:100%;transform-origin:left;transform:rotateY(90deg)}.volume-upper .top{left:0;top:-68px;width:100%;height:68px;transform-origin:bottom;transform:rotateX(90deg)}
.glazing{position:absolute;background:linear-gradient(135deg,rgba(118,162,163,.9),rgba(24,48,49,.94));border:1px solid rgba(255,255,255,.18);opacity:.08;transition:opacity .55s,box-shadow .55s}.glazing-wide{left:8%;bottom:12%;width:52%;height:52%}.glazing-side{left:14%;bottom:14%;width:70%;height:48%}.glazing-ribbon{left:7%;bottom:20%;width:84%;height:48%}.glazing-tall{left:18%;bottom:12%;width:62%;height:64%}.entry-door{position:absolute;right:8%;bottom:0;width:22%;height:63%;background:#252a27;border-left:1px solid rgba(255,255,255,.14)}
.finish-system,.landscape-system{opacity:0;transition:opacity .65s}.roof-plane{left:22%;bottom:88%;width:65%;height:16px;background:#303531;transform:translateZ(18px);box-shadow:0 14px 35px rgba(0,0,0,.28)}.timber-screen{left:15%;bottom:33%;width:10%;height:37%;background:repeating-linear-gradient(90deg,#8d6b47 0 5px,transparent 5px 9px);transform:translateZ(77px)}.balcony{left:39%;bottom:48%;width:47%;height:10px;background:#b1b2ac;transform:translateZ(63px)}.canopy{left:62%;bottom:53%;width:26%;height:8px;background:#2e332f;transform:translateZ(83px)}.warm-glow{width:5px;height:5px;border-radius:50%;background:#ffd59a;box-shadow:0 0 18px 8px rgba(255,197,108,.24);bottom:46%;transform:translateZ(85px)}.glow-a{left:18%}.glow-b{left:71%}.pool{right:0;bottom:10%;width:35%;height:21%;background:linear-gradient(135deg,#5f9698,#244d51);transform:rotateX(66deg) translateZ(18px);box-shadow:inset 0 0 20px rgba(255,255,255,.14)}.lawn{background:#40533d;transform:rotateX(66deg)}.lawn-a{left:0;bottom:2%;width:42%;height:27%}.lawn-b{right:12%;bottom:36%;width:22%;height:20%}.tree{width:10px;height:62px;background:#3b2b1f;bottom:19%;transform:translateZ(-8px)}.tree:before{content:"";position:absolute;width:48px;height:58px;border-radius:48% 52% 44% 56%;background:#3f5b40;left:-19px;top:-42px}.tree-a{right:9%}.tree-b{right:18%;transform:scale(.78) translateZ(-18px)}.path{left:58%;bottom:2%;width:34%;height:20%;background:#817c71;transform:rotateX(66deg) skewX(-16deg);opacity:.7}
.build-stage-readout{position:absolute;left:4%;right:4%;bottom:3%;display:grid;grid-template-columns:auto 1fr;gap:12px 18px;align-items:end;z-index:5}.build-stage-readout>span{font:700 2.4rem/1 Arial,sans-serif;color:var(--acid)}.build-stage-readout strong{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.build-stage-readout small{display:block;margin-top:5px;color:#8f9a90;font-size:.62rem}.build-stage-readout>i{grid-column:1/-1;height:2px;background:linear-gradient(90deg,var(--acid) var(--build-progress,25%),rgba(255,255,255,.12) var(--build-progress,25%));transition:background .45s}
.building-scene[data-stage="0"] .foundation-system{opacity:1}.building-scene[data-stage="0"] .footing,.building-scene[data-stage="0"] .slab-ground{opacity:1}.building-scene[data-stage="1"] .foundation-system,.building-scene[data-stage="1"] .frame-system{opacity:1}.building-scene[data-stage="1"] .footing,.building-scene[data-stage="1"] .slab-ground{opacity:.65}.building-scene[data-stage="2"] .foundation-system,.building-scene[data-stage="2"] .frame-system{opacity:.38}.building-scene[data-stage="2"] .volume{opacity:.92;transform:translateZ(0)}.building-scene[data-stage="2"] .glazing{opacity:.88}.building-scene[data-stage="3"] .frame-system{opacity:.18}.building-scene[data-stage="3"] .volume{opacity:1;transform:translateZ(0)}.building-scene[data-stage="3"] .surface{background:#d7d2c7;border-color:rgba(255,255,255,.32)}.building-scene[data-stage="3"] .volume-ground .side,.building-scene[data-stage="3"] .volume-upper .side{background:#aaa79f}.building-scene[data-stage="3"] .volume-ground .top,.building-scene[data-stage="3"] .volume-upper .top{background:#797b77}.building-scene[data-stage="3"] .glazing{opacity:1;box-shadow:inset 0 0 22px rgba(255,255,255,.12),0 0 14px rgba(255,205,122,.06)}.building-scene[data-stage="3"] .finish-system,.building-scene[data-stage="3"] .landscape-system{opacity:1}
.spec-strip{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:end;padding-top:5rem;padding-bottom:5rem;background:#151513}.spec-strip>div strong{display:block;font:400 clamp(2rem,3.4vw,3.6rem)/1 Georgia,serif;margin-top:12px}.spec-strip dl{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.spec-strip dl div{padding:20px 0;border-bottom:1px solid var(--line)}.spec-strip dl div:nth-child(odd){padding-right:24px}.spec-strip dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--acid)}.spec-strip dd{margin:7px 0 0;color:#c8c5bc}.project-card picture{position:absolute;inset:0}.project-card .caption{z-index:2}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.62));pointer-events:none}.project-card img{filter:saturate(.9) contrast(1.04)}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.045)}
@media(max-width:900px){.build-model-section{grid-template-columns:1fr;min-height:auto}.building-scene{min-height:560px}.house3d{width:min(500px,86vw)}.spec-strip{grid-template-columns:1fr}.project-card{min-height:460px}}
@media(max-width:560px){.building-scene{min-height:430px;margin-inline:-2vw;overflow:hidden}.house3d{width:500px;height:340px;transform:scale(.68) rotateX(-10deg) rotateY(-28deg) translateY(18px)}.build-stage-readout{bottom:2%}.build-stage-readout>span{font-size:1.9rem}.spec-strip dl{grid-template-columns:1fr}.spec-strip dl div:nth-child(odd){padding-right:0}.project-card{min-height:380px}}
@media(max-width:380px){.house3d{transform:scale(.61) rotateX(-10deg) rotateY(-28deg) translateY(24px)}.building-scene{min-height:400px}}
@media(prefers-reduced-motion:reduce){.house3d,.footing,.slab-ground,.frame-system,.volume,.glazing,.finish-system,.landscape-system,.build-stage-readout>i,.project-card img{transition:none!important;animation:none!important}.hero-media img{animation:none!important}}

/* Shared demo interface polish */
.icon-btn{display:grid;place-items:center}.demo-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.inline-icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.mobile-nav{position:fixed!important;top:78px!important;left:0!important;right:0!important;z-index:90!important;background:#10100f!important;border-bottom:1px solid var(--line);box-shadow:0 26px 70px rgba(0,0,0,.48);max-height:calc(100dvh - 78px);overflow:auto}.mobile-nav a{padding:9px 0;font-size:.82rem}.site-header{z-index:100}}

.hero-media picture{display:block;width:100%;height:100%}.hero-media picture img{display:block}