:root{--porcelain:#f7f8f5;--white:#fff;--steam:#e7edf0;--mist:#c8d4d8;--ink:#111316;--graphite:#24262a;--slate:#40515c;--blue:#6e8791;--brass:#c09a5b;--line:#d5dbdc;--shadow:0 28px 80px rgba(17,19,22,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--porcelain),#eef3f4 52%,#f9faf8);color:var(--ink);font-family:Manrope,Aptos,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58;letter-spacing:-.01em}a{color:inherit}img{display:block;max-width:100%;height:auto;object-fit:cover}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:white;padding:.75rem;z-index:20}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:.75rem clamp(1rem,3vw,2.25rem);background:rgba(247,248,245,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,19,22,.14)}.brand,.footer-brand{text-decoration:none;font-family:Manrope,Aptos,sans-serif;font-size:1.02rem;font-weight:950;line-height:1.05;text-transform:uppercase;letter-spacing:-.045em}.brand small{display:block;font:850 .62rem/1.2 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-top:.25rem}.site-nav{display:flex;gap:.35rem;justify-content:center;background:rgba(255,255,255,.58);border:1px solid var(--line);padding:.32rem;border-radius:999px}.site-nav a{padding:.56rem .78rem;border-radius:999px;text-decoration:none;font-weight:850;font-size:.84rem}.site-nav a:hover{background:var(--ink);color:white;text-decoration:none}.phone-link{font-weight:950;color:var(--ink);text-decoration:none}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--ink);border-radius:.2rem;padding:.88rem 1.08rem;font-weight:950;text-decoration:none;background:var(--white);color:var(--ink);cursor:pointer;box-shadow:5px 5px 0 rgba(17,19,22,.12);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.button.small{padding:.66rem .85rem}.button.dark{background:var(--ink);color:#fff}.button.light{background:var(--brass);color:var(--ink);border-color:var(--brass)}.button.ghost{background:transparent}.hero-actions .button.ghost{background:var(--white);color:var(--ink);border-color:var(--white)}.button:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 rgba(17,19,22,.16)}.section-pad{padding:clamp(3.2rem,7vw,6.8rem) clamp(1rem,5vw,5rem)}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:clamp(1.5rem,4vw,4rem);align-items:stretch;min-height:calc(100vh - 84px);background:radial-gradient(circle at 78% 15%,rgba(192,154,91,.22),transparent 24%),linear-gradient(135deg,#f9faf8 0%,#e6eef1 48%,#15171b 48.2%,#15171b 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -10% -28% 38%;height:52%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 42px);transform:rotate(-7deg);pointer-events:none}.hero-copy{position:relative;z-index:1;align-self:center;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-weight:950;font-size:.76rem;margin:0 0 1rem}.hero h1,.page-hero h1{font-size:clamp(2.85rem,6.3vw,5.85rem);line-height:.96;letter-spacing:-.04em;margin:.2rem 0 1.25rem;font-family:Manrope,Aptos,sans-serif;font-weight:1000}.page-hero h1{font-size:clamp(2.25rem,4.8vw,4.35rem);line-height:1;letter-spacing:-.035em;max-width:1050px}.lead{font-size:clamp(1.04rem,1.7vw,1.28rem);max-width:760px;color:#2f3a40}.hero-actions,.chips{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.3rem}.chips span{border:1px solid rgba(17,19,22,.16);background:rgba(255,255,255,.72);padding:.55rem .75rem;border-radius:.15rem;font-size:.83rem;font-weight:850;color:#263039}.hero-media{position:relative;z-index:1;display:grid;align-content:center;min-height:620px;color:white}.hero-frame{border:1px solid rgba(255,255,255,.22);padding:1rem;background:rgba(255,255,255,.07);box-shadow:var(--shadow);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.hero-img{width:100%;height:clamp(420px,62vw,760px);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);filter:saturate(.72) contrast(1.08) brightness(.92)}.material-card{position:absolute;right:clamp(.4rem,2vw,2rem);top:12%;max-width:250px;background:rgba(247,248,245,.95);color:var(--ink);border-left:7px solid var(--brass);padding:1rem 1.1rem;box-shadow:var(--shadow)}.material-card strong{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.material-card span{font-size:.86rem;color:#516069}.hero-specs{position:absolute;left:0;bottom:9%;display:grid;gap:.45rem;list-style:none;margin:0;padding:0}.hero-specs li{display:grid;grid-template-columns:3.2rem 1fr;align-items:center;background:rgba(17,19,22,.78);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);min-width:255px}.hero-specs strong{background:var(--brass);color:var(--ink);height:100%;display:grid;place-items:center}.hero-specs span{padding:.82rem;font-weight:850}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--white)}.proof-strip article{padding:1.4rem clamp(1rem,3vw,2rem);border-right:1px solid var(--line)}.proof-strip article:last-child{border-right:0}.proof-strip span{color:var(--brass);font-weight:1000;letter-spacing:.12em}.proof-strip h2{font-size:1rem;margin:.4rem 0;text-transform:uppercase;letter-spacing:.02em}.proof-strip p{margin:0;color:#52606a}.section-heading{max-width:830px;margin:0 auto 2.2rem;text-align:center}.section-heading h2,.inclusions h2,.future h2,.contact-copy h2,.split h2{font-size:clamp(1.85rem,3.9vw,3.85rem);line-height:1;letter-spacing:-.035em;margin:.2rem 0 1rem;font-weight:1000}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.image-card,.area-grid article,.form-card,details,.process li{background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:0 14px 35px rgba(17,19,22,.08)}.image-card{overflow:hidden;display:grid}.image-card img{width:100%;height:235px;filter:saturate(.62) contrast(1.04);border-bottom:5px solid var(--ink)}.image-card div{padding:1.15rem}.image-card h2{font-size:1.18rem;line-height:1.1;margin:.2rem 0 .55rem}.image-card p{color:#52606a}.image-card a{font-weight:950;text-decoration-thickness:2px;text-underline-offset:.25rem}.service-grid .image-card:nth-child(even){transform:translateY(1.2rem)}.process{background:var(--ink);color:white}.process .eyebrow,.future .eyebrow,.contact-panel .eyebrow{color:var(--brass)}.process .section-heading p{color:#c9d3d6}.process-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:2rem;align-items:start}.process-layout>img{height:100%;min-height:560px;width:100%;clip-path:polygon(0 0,92% 0,100% 100%,8% 100%);filter:saturate(.6) contrast(1.06)}.process ol{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.process li{color:var(--ink);display:grid;grid-template-columns:4.3rem minmax(0,1fr);gap:.25rem 1rem;align-items:start;padding:1rem}.process li span{grid-row:1/3;background:var(--brass);min-height:100%;display:grid;place-items:center;font-weight:1000}.process li h3{grid-column:2;margin:.1rem 0}.process li p{grid-column:2;margin:.2rem 0;color:#52606a;max-width:62ch}.project-grid{grid-template-columns:repeat(3,1fr)}.project-grid .project-card:first-child{grid-column:span 2;grid-template-columns:1fr 1fr}.project-grid .project-card:first-child img{height:100%;border-bottom:0;border-right:5px solid var(--ink)}.center{text-align:center;margin-top:2rem}.inclusions,.future,.contact-panel,.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.3rem,4vw,3rem);align-items:center}.inclusions{background:linear-gradient(90deg,var(--white),var(--steam));border-block:1px solid var(--line)}.inclusions img,.split img,.contact-image{width:100%;max-height:560px;border:1px solid var(--line);box-shadow:var(--shadow);filter:saturate(.65) contrast(1.06)}.tick-list{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.55rem}.tick-list li{position:relative;padding-left:1.7rem}.tick-list li:before{content:"";position:absolute;left:0;top:.45rem;width:.65rem;height:.65rem;background:var(--brass);box-shadow:5px 5px 0 var(--ink)}.future{background:linear-gradient(135deg,#101216,#2e3f48);color:white}.future p{color:#d9e0e2}.future img{width:100%;height:560px;filter:saturate(.58) contrast(1.1);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.areas{background:var(--white)}.area-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1.7rem auto 0;max-width:1120px}.area-pills span{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(17,19,22,.18);background:rgba(255,255,255,.82);padding:.58rem .78rem;border-radius:.16rem;font-size:.86rem;font-weight:900;line-height:1.3}.area-pills span + span::before{content:"";display:inline-block;width:.38rem;height:.38rem;background:var(--brass);box-shadow:3px 3px 0 var(--ink)}.areas .chips{justify-content:center;gap:1rem 1.25rem}.areas .chips span{display:inline-flex;line-height:1.35}.areas .button{margin-top:1.4rem}.area-grid{grid-template-columns:repeat(4,1fr)}.area-grid article{padding:1.2rem}.area-grid h2{font-size:1.05rem;text-transform:uppercase}.faq-grid{max-width:980px;margin:auto;display:grid;gap:.7rem}details{padding:1rem 1.2rem}summary{font-weight:950;cursor:pointer}.contact-panel{background:#111316;color:white}.contact-panel p{color:#dfe7e9}.contact-panel .chips span{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.2)}.form-card{padding:1.2rem;background:#f8faf9;color:var(--ink)}.consultation-form{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-row{display:grid;gap:.35rem}.form-row.full{grid-column:1/-1}label{font-weight:950;font-size:.86rem}input,select,textarea{width:100%;border:1px solid #bfc9cc;background:white;border-radius:.12rem;padding:.86rem;font:inherit}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.form-status{grid-column:1/-1;font-weight:850;color:var(--slate)}.page-hero{background:linear-gradient(135deg,var(--steam),var(--white));border-bottom:1px solid var(--line)}.number-list{display:grid;gap:.55rem}.site-footer{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2rem;background:#090a0c;color:white;padding:3rem clamp(1rem,5vw,5rem)}.site-footer a{display:block;text-decoration:none}.site-footer h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brass)}.site-footer p{color:#c9d3d6}.demo-note{font-size:.86rem}.mobile-cta{display:none}
@media (max-width:1080px){.site-header{grid-template-columns:1fr auto}.site-nav,.phone-link,.site-header>.button{display:none}.menu-toggle{display:inline-flex;justify-self:end;border:1px solid var(--line);border-radius:.2rem;background:white;padding:.65rem .9rem;font-weight:950}.site-header.nav-open .site-nav{display:grid;grid-column:1/-1;justify-content:stretch;border-radius:.3rem}.hero,.process-layout,.inclusions,.future,.contact-panel,.split,.site-footer{grid-template-columns:1fr}.hero{background:linear-gradient(180deg,#f9faf8 0 58%,#15171b 58% 100%)}.hero-media{min-height:520px}.proof-strip,.card-grid,.area-grid{grid-template-columns:repeat(2,1fr)}.project-grid .project-card:first-child{grid-column:auto;grid-template-columns:1fr}.project-grid .project-card:first-child img{height:235px;border-right:0;border-bottom:5px solid var(--ink)}.consultation-form{grid-template-columns:1fr}.mobile-cta{position:fixed;z-index:9;left:.75rem;right:.75rem;bottom:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:rgba(247,248,245,.96);border:1px solid var(--line);padding:.45rem;box-shadow:var(--shadow)}.mobile-cta a{text-align:center;padding:.8rem;text-decoration:none;font-weight:950;background:var(--ink);color:white}.mobile-cta a:first-child{background:var(--brass);color:var(--ink)}}
@media (max-width:660px){.hero h1,.page-hero h1{font-size:2.55rem;line-height:1;letter-spacing:-.035em}.proof-strip,.card-grid,.area-grid{grid-template-columns:1fr}.section-pad{padding:2.7rem 1rem}.hero{padding-top:2rem}.hero-media{min-height:auto}.hero-img{height:360px}.material-card,.hero-specs{position:static;margin-top:1rem}.hero-specs li{min-width:0}.service-grid .image-card:nth-child(even){transform:none}.site-footer{padding-bottom:6rem}.hero-actions .button{width:100%}}