:root{--ink:#18202a;--muted:#657180;--cream:#f5f1ea;--paper:#fff;--line:#dfe4e8;--accent:#b8792e;--accent-dark:#8e5a1d;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:74px}.brand{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.brand span{color:var(--accent);font-weight:400}.site-nav{display:flex;align-items:center;gap:1rem;font-size:.95rem}.site-nav a{padding:.45rem .55rem;border-radius:999px}.site-nav a:hover{background:var(--cream)}.nav-cta{background:var(--ink);color:#fff!important;padding:.6rem .9rem!important}.menu-toggle{display:none;border:0;background:transparent;font-size:1.6rem}.hero{min-height:72vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(20,26,33,.84),rgba(20,26,33,.42)),url('../images/exterior/hero-placeholder.jpg') center/cover; color:#fff}.hero-content{max-width:760px;padding:6rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800;color:var(--accent);margin:0 0 .8rem}.hero .eyebrow{color:#e9bf84}.hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.02;margin:.2rem 0 1.3rem}.hero-text{font-size:1.1rem;max-width:650px;color:#eef2f5}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.2rem;border-radius:999px;font-weight:800}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.section{padding:5rem 0}.section-muted{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.section h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:.2rem 0 1rem}.feature-list{display:grid;gap:1rem}.feature-list article{border-top:1px solid var(--line);padding:1.2rem 0}.feature-list span{font-size:.85rem;color:var(--accent);font-weight:800}.feature-list h3{margin:.35rem 0}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:2rem}.text-link{color:var(--accent-dark);font-weight:800}.card-grid{display:grid;gap:1.2rem}.card-grid-4{grid-template-columns:repeat(4,1fr)}.category-card{background:#fff;padding:1rem;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(24,32,42,.08)}.placeholder-image{aspect-ratio:4/3;background:linear-gradient(135deg,#d7dce1,#f0f1f2);display:grid;place-items:center;color:#697481;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.category-card h3{margin:1rem 0 .25rem}.category-card p{margin:0;color:var(--muted)}.callout-section{padding-top:2rem}.callout{background:var(--ink);color:#fff;padding:2.5rem;border-radius:1rem;display:flex;align-items:end;justify-content:space-between;gap:2rem}.callout p{color:#ced5dc}.callout .eyebrow{color:#e9bf84}.site-footer{background:#11161c;color:#fff;padding:3.2rem 0 1rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.footer-grid h3{font-size:1rem}.footer-grid a{display:block;color:#d0d7dd;margin:.35rem 0}.footer-grid p{color:#b5bec7}.brand-footer{margin-bottom:1rem}.footer-bottom{border-top:1px solid #2a323b;margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;color:#9da8b3;font-size:.88rem}.page-hero{padding:5rem 0 3.5rem;background:var(--cream)}.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;margin:.2rem 0 1rem}.page-hero p{max-width:720px;color:var(--muted);font-size:1.05rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{background:#fff;border:1px solid var(--line)}.gallery-item .placeholder-image{aspect-ratio:16/10}.gallery-item figcaption{padding:1rem;font-weight:700}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}.panel{background:#fff;border:1px solid var(--line);padding:1.4rem;border-radius:.8rem}.panel h3{margin-top:0}.form-grid{display:grid;gap:1rem}.form-grid.two{grid-template-columns:1fr 1fr}.field label{display:block;font-size:.88rem;font-weight:800;margin-bottom:.35rem}.field input,.field select,.field textarea{width:100%;padding:.8rem;border:1px solid #cfd6dd;border-radius:.55rem;font:inherit}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:.85rem;color:var(--muted)}.contact-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.button-dark{background:var(--ink);color:#fff}.button-outline{border:1px solid var(--line)}@media(max-width:900px){.site-nav{position:absolute;top:74px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:1rem 20px}.site-nav.open{display:flex}.menu-toggle{display:block}.card-grid-4{grid-template-columns:repeat(2,1fr)}.intro-grid,.content-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.callout{align-items:start;flex-direction:column}}@media(max-width:600px){.container{width:min(var(--max),calc(100% - 28px))}.hero-content{padding:5rem 0}.section{padding:3.5rem 0}.section-heading{display:block}.card-grid-4,.gallery-grid,.form-grid.two,.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:.35rem}}
/* Luxury navigation */
.site-header{--nav-gold:#d7ad72;--nav-ink:#17201f;background:rgba(23,32,31,.97);border-bottom:1px solid rgba(215,173,114,.42);box-shadow:0 10px 28px rgba(13,20,19,.12)}
.site-header::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--nav-gold),transparent)}
.nav-wrap{position:relative;min-height:84px;gap:1.5rem}
.brand{flex-shrink:0;color:#fff;font-size:1.55rem;letter-spacing:.045em;line-height:1}
.brand span{display:inline-block;margin-left:.35rem;padding-left:.55rem;border-left:1px solid rgba(215,173,114,.65);color:var(--nav-gold);font-family:Inter,system-ui,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;vertical-align:middle}
.site-nav{flex:1;justify-content:flex-end;gap:clamp(.05rem,.55vw,.55rem);font-size:.76rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.site-nav a{position:relative;padding:.6rem .58rem;border-radius:0;color:#f4f0e8;white-space:nowrap;transition:color .2s ease,background-color .2s ease}
.site-nav a:not(.nav-cta)::after{position:absolute;right:.58rem;bottom:.22rem;left:.58rem;height:1px;background:var(--nav-gold);content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-nav a:not(.nav-cta):hover,.site-nav a:not(.nav-cta):focus-visible{background:transparent;color:var(--nav-gold)}
.site-nav a:not(.nav-cta):hover::after,.site-nav a:not(.nav-cta):focus-visible::after{transform:scaleX(1)}
.site-nav .nav-cta{margin-left:.3rem;padding:.75rem 1rem!important;border:1px solid var(--nav-gold);background:var(--nav-gold);color:var(--nav-ink)!important;font-size:.72rem;letter-spacing:.12em;transition:background-color .2s ease,color .2s ease}
.site-nav .nav-cta:hover,.site-nav .nav-cta:focus-visible{background:transparent;color:var(--nav-gold)!important}
.menu-toggle{flex-shrink:0;color:var(--nav-gold);cursor:pointer}
.menu-toggle:focus-visible,.site-nav a:focus-visible{outline:2px solid var(--nav-gold);outline-offset:4px}
@media(max-width:1100px) and (min-width:901px){.nav-wrap{gap:.7rem}.brand{font-size:1.35rem}.site-nav{gap:0;font-size:.68rem}.site-nav a{padding:.55rem .38rem}.site-nav a:not(.nav-cta)::after{right:.38rem;left:.38rem}.site-nav .nav-cta{margin-left:.15rem;padding:.7rem .75rem!important}}
@media(max-width:900px){.nav-wrap{min-height:74px}.site-nav{top:100%;left:0;right:0;display:none;align-items:stretch;gap:0;width:min(var(--max),calc(100vw - 28px));margin:0 auto;padding:.65rem 1rem 1rem;border:1px solid rgba(215,173,114,.35);border-top:0;background:#17201f;box-shadow:0 18px 30px rgba(13,20,19,.2);font-size:.78rem}.site-nav.open{display:flex}.site-nav a{padding:.8rem .55rem;border-bottom:1px solid rgba(255,255,255,.09)}.site-nav a:not(.nav-cta)::after{display:none}.site-nav .nav-cta{margin:.8rem 0 0;padding:.85rem 1rem!important;text-align:center}.menu-toggle{width:44px;height:44px;border:1px solid rgba(215,173,114,.55);border-radius:50%;font-size:1.4rem;line-height:1}}
@media(max-width:600px){.brand{font-size:1.35rem}.site-nav{width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.site-nav a,.site-nav a::after{transition:none}}
.hero{background-image:linear-gradient(90deg,rgba(20,26,33,.84),rgba(20,26,33,.42)),url('../images/exterior/exterior-1.jpg')}
.photo-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery-item .photo-image{aspect-ratio:16/10}
.photo-note{margin:.65rem 0 0;color:rgba(255,255,255,.72);font-size:.82rem}
.page-hero .photo-note{color:var(--muted)}
