*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#C9A84C;--gold-light:#E8C97A;--black:#0A0A0A;--charcoal:#1A1A1A;--dark:#111;--text:#F0EDE8}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:'Georgia',serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}

nav{position:fixed;top:0;width:100%;z-index:100;padding:0.8rem 4rem;display:flex;justify-content:space-between;align-items:center;background:rgba(10,10,10,0.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,0.15)}
.nav-logo img{height:125px;width:auto}
.nav-links{display:flex;gap:2.5rem;font-family:sans-serif;font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(240,237,232,0.7)}
.nav-links a:hover{color:var(--gold)}
.nav-cta{background:var(--gold);color:var(--black);padding:0.6rem 1.5rem;font-family:sans-serif;font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:700;cursor:pointer;border:none;transition:background 0.3s}
.nav-cta:hover{background:var(--gold-light)}
.nav-hamburger{display:none;background:none;border:none;color:var(--gold);font-size:1.5rem;cursor:pointer}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:rgba(10,10,10,0.97);z-index:99;padding:2rem;flex-direction:column;gap:1.5rem;border-bottom:1px solid rgba(201,168,76,0.2)}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:sans-serif;font-size:0.85rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(240,237,232,0.8)}
.mobile-cta{background:var(--gold);color:var(--black)!important;padding:0.8rem 1.5rem;text-align:center;font-weight:700;margin-top:0.5rem}

.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black)}
.hero-scene{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.house-facade{width:100%;height:85%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.facade-wall{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,#1a1612 0%,#242018 60%,#2a2519 100%)}
.facade-texture{position:absolute;inset:0;opacity:0.4;background:repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(255,255,255,0.02) 60px,rgba(255,255,255,0.02) 61px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,0.01) 40px,rgba(255,255,255,0.01) 41px)}
.door-frame{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:420px;height:380px;background:#0d0d0d;border:3px solid #2a2520;display:flex;gap:2px;padding:8px;z-index:5}
.door-panel{flex:1;background:linear-gradient(180deg,#1c1c1c 0%,#141414 100%);position:relative;overflow:hidden;transform-origin:left center;transition:transform 1.2s cubic-bezier(0.4,0,0.2,1)}
.door-panel.right{transform-origin:right center}
.door-panel-inner{position:absolute;inset:6px;border:1px solid rgba(201,168,76,0.3);display:grid;grid-template-rows:3fr 1fr;gap:6px;padding:8px}
.door-glass{background:linear-gradient(135deg,rgba(201,168,76,0.08) 0%,rgba(255,255,255,0.05) 50%,rgba(201,168,76,0.05) 100%);border:1px solid rgba(201,168,76,0.2);position:relative;overflow:hidden}
.door-glass::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);animation:shimmer 4s infinite}
@keyframes shimmer{0%{left:-100%}100%{left:200%}}
.door-bottom{background:#111;border:1px solid rgba(201,168,76,0.15)}
.door-handle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:40px;background:var(--gold);border-radius:2px}
.door-panel.right .door-handle{left:8px;right:auto}
.sidelight{position:absolute;bottom:0;width:80px;height:320px;background:#0d0d0d;border:2px solid #2a2520;padding:6px}
.sidelight.left{right:calc(50% + 210px)}
.sidelight.right{left:calc(50% + 210px)}
.sidelight-glass{width:100%;height:100%;background:linear-gradient(180deg,rgba(201,168,76,0.06) 0%,rgba(255,200,100,0.03) 100%);border:1px solid rgba(201,168,76,0.2)}
.transom{position:absolute;bottom:380px;left:50%;transform:translateX(-50%);width:424px;height:80px;background:#0d0d0d;border:2px solid #2a2520;padding:6px}
.transom-glass{width:100%;height:100%;background:linear-gradient(180deg,rgba(201,168,76,0.1) 0%,rgba(201,168,76,0.04) 100%);border:1px solid rgba(201,168,76,0.25)}
.transom-dividers{display:flex;gap:2px;width:100%;height:100%;padding:4px}
.transom-dividers div{flex:1;background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.15)}
.landscape{position:absolute;bottom:0;width:100%;height:120px;background:linear-gradient(180deg,#0d0f0a 0%,#111409 100%);z-index:3}
.warm-glow{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(ellipse,rgba(255,180,60,0.15) 0%,transparent 70%);pointer-events:none;z-index:4;opacity:0;transition:opacity 1.5s ease}
.warm-glow.visible{opacity:1}
.sky{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#050508 0%,#0d0c15 60%,#1a1612 100%)}
.hero-content{position:relative;z-index:10;text-align:center;padding:2rem;max-width:800px}
.hero-eyebrow{font-family:sans-serif;font-size:0.7rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.15;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,0.8)}
.hero-title em{color:var(--gold);font-style:normal}
.hero-sub{font-family:sans-serif;font-size:0.95rem;line-height:1.8;color:rgba(240,237,232,0.65);margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto;font-weight:300}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-gold{background:var(--gold);color:var(--black);padding:0.9rem 2.5rem;font-family:sans-serif;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;cursor:pointer;border:none;transition:background 0.3s;display:inline-block}
.btn-gold:hover{background:var(--gold-light)}
.btn-outline{background:transparent;color:var(--text);padding:0.9rem 2.5rem;font-family:sans-serif;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:400;cursor:pointer;border:1px solid rgba(201,168,76,0.5);transition:all 0.3s;display:inline-block}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;font-family:sans-serif;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(201,168,76,0.5);z-index:10}
.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(201,168,76,0.5),transparent);animation:scrollPulse 2s infinite}
@keyframes scrollPulse{0%,100%{opacity:0.5}50%{opacity:1}}

.why-strip{background:var(--gold);padding:1rem 4rem}
.why-strip-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.why-strip-item{font-family:sans-serif;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--black);font-weight:600;display:flex;align-items:center;gap:0.5rem}
.why-strip-item span{color:var(--black);opacity:0.6}

.divider{width:60px;height:1px;background:var(--gold);margin:0 auto 2rem}
.section-eyebrow{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:1rem}
.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);text-align:center;font-weight:400;color:#fff;margin-bottom:1rem}
.section-sub{font-family:sans-serif;font-size:0.9rem;color:rgba(240,237,232,0.55);text-align:center;max-width:520px;margin:0 auto 3.5rem;line-height:1.8;font-weight:300}

.products-preview{padding:6rem 4rem;background:var(--charcoal)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5px;background:rgba(201,168,76,0.1)}
.product-card{background:var(--dark);padding:2.5rem 2rem;cursor:pointer;transition:transform 0.4s ease,background 0.3s;position:relative;overflow:hidden;display:block}
.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s}
.product-card:hover{transform:translateY(-4px);background:#161616}
.product-card:hover::before{transform:scaleX(1)}
.card-icon{width:60px;height:60px;margin-bottom:1.5rem}
.door-mini{width:100%;height:100%;background:#111;border:2px solid rgba(201,168,76,0.4);display:flex;gap:2px;padding:4px}
.door-mini-panel{flex:1;background:linear-gradient(180deg,rgba(201,168,76,0.08) 0%,transparent 100%);border:1px solid rgba(201,168,76,0.2)}
.pivot-mini{width:100%;height:100%;background:#111;border:2px solid rgba(201,168,76,0.4);position:relative}
.pivot-mini::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(201,168,76,0.5);transform:rotate(15deg);transform-origin:top center}
.card-name{font-size:1.1rem;font-weight:400;color:#fff;margin-bottom:0.75rem;letter-spacing:0.05em}
.card-desc{font-family:sans-serif;font-size:0.82rem;color:rgba(240,237,232,0.5);line-height:1.7;font-weight:300}
.card-arrow{position:absolute;bottom:1.5rem;right:1.5rem;color:var(--gold);font-size:1.2rem;opacity:0;transition:opacity 0.3s,transform 0.3s}
.product-card:hover .card-arrow{opacity:1;transform:translateX(4px)}

.why{padding:6rem 4rem;background:var(--black)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}
.why-item{text-align:center;padding:2rem 1rem}
.why-icon{width:48px;height:48px;margin:0 auto 1.25rem;border:1px solid rgba(201,168,76,0.3);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.3rem}
.why-title{font-size:0.95rem;color:#fff;margin-bottom:0.5rem;letter-spacing:0.05em}
.why-desc{font-family:sans-serif;font-size:0.78rem;color:rgba(240,237,232,0.45);line-height:1.7;font-weight:300}

.split{display:grid;grid-template-columns:1fr 1fr}
.split-side{padding:5rem}
.split-side.builders{background:var(--charcoal)}
.split-side.homeowners{background:#0f0e0d}
.split-tag{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}
.split-title{font-size:1.8rem;font-weight:400;color:#fff;margin-bottom:1.5rem;line-height:1.3}
.split-list{list-style:none;display:flex;flex-direction:column;gap:1rem}
.split-list li{font-family:sans-serif;font-size:0.85rem;color:rgba(240,237,232,0.6);padding-left:1.5rem;position:relative;line-height:1.6;font-weight:300}
.split-list li::before{content:'—';position:absolute;left:0;color:var(--gold)}
.split-btn{display:inline-block;margin-top:2.5rem;background:transparent;color:var(--gold);padding:0.8rem 2rem;border:1px solid rgba(201,168,76,0.5);font-family:sans-serif;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all 0.3s}
.split-btn:hover{background:var(--gold);color:var(--black)}

.service-strip{padding:5rem 4rem;background:var(--charcoal);text-align:center}
.areas-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:800px;margin:0 auto}
.area-item{font-family:sans-serif;font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(240,237,232,0.7);padding:0.6rem 1.2rem;border:1px solid rgba(201,168,76,0.2);transition:all 0.3s}
.area-item:hover{border-color:var(--gold);color:var(--gold)}

.final-cta{padding:8rem 4rem;background:var(--black);text-align:center;position:relative;overflow:hidden}
.cta-door-bg{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0.15}
.cta-door{width:300px;height:500px;background:#111;border:3px solid rgba(201,168,76,0.5);display:flex;gap:2px;padding:8px}
.cta-door-panel{flex:1;background:linear-gradient(180deg,rgba(201,168,76,0.2) 0%,transparent 100%);border:1px solid rgba(201,168,76,0.3)}
.cta-content{position:relative;z-index:2}
.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#fff;margin-bottom:2rem;line-height:1.2}
.cta-title em{color:var(--gold);font-style:normal}
.gold-line{width:80px;height:1px;background:var(--gold);margin:2rem auto}

footer{background:#050505;border-top:1px solid rgba(201,168,76,0.1)}
.footer-top{padding:4rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem}
.footer-brand p{font-family:sans-serif;font-size:0.8rem;color:rgba(240,237,232,0.35);line-height:1.7;max-width:280px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.footer-col{display:flex;flex-direction:column;gap:0.75rem}
.footer-col-title{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem}
.footer-col a,.footer-col span{font-family:sans-serif;font-size:0.78rem;color:rgba(240,237,232,0.45);transition:color 0.3s}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{padding:1.5rem 4rem;border-top:1px solid rgba(201,168,76,0.08);display:flex;justify-content:space-between;font-family:sans-serif;font-size:0.7rem;color:rgba(240,237,232,0.25)}

.page-hero{padding:10rem 4rem 5rem;background:var(--black);text-align:center;border-bottom:1px solid rgba(201,168,76,0.1)}
.page-hero-eyebrow{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.page-hero-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:400;color:#fff;margin-bottom:1rem}
.page-hero-sub{font-family:sans-serif;font-size:0.95rem;color:rgba(240,237,232,0.55);max-width:580px;margin:0 auto;line-height:1.8;font-weight:300}

.content-section{padding:5rem 4rem;max-width:1100px;margin:0 auto}
.content-section.bg-charcoal{background:var(--charcoal);max-width:100%;padding:5rem}
.content-section.bg-charcoal .inner{max-width:1100px;margin:0 auto}

.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;border-bottom:1px solid rgba(201,168,76,0.1)}
.product-detail:last-child{border-bottom:none}
.product-detail-visual{height:350px;background:var(--charcoal);display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}
.product-detail-door{position:absolute;bottom:0;width:55%;height:85%;background:#0d0d0d;border:2px solid rgba(201,168,76,0.3);display:flex;gap:2px;padding:6px}
.product-detail-panel{flex:1;background:linear-gradient(180deg,rgba(201,168,76,0.08) 0%,transparent 100%);border:1px solid rgba(201,168,76,0.15)}
.product-detail-ground{position:absolute;bottom:0;width:100%;height:15%;background:#0a0a0a}
.product-tag{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.product-title{font-size:1.8rem;font-weight:400;color:#fff;margin-bottom:1rem}
.product-desc{font-family:sans-serif;font-size:0.88rem;color:rgba(240,237,232,0.6);line-height:1.8;font-weight:300;margin-bottom:1.5rem}
.product-features{list-style:none;display:flex;flex-direction:column;gap:0.6rem;margin-bottom:2rem}
.product-features li{font-family:sans-serif;font-size:0.82rem;color:rgba(240,237,232,0.55);padding-left:1.2rem;position:relative}
.product-features li::before{content:'✦';position:absolute;left:0;color:var(--gold);font-size:0.6rem;top:3px}

.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}
.process-step{text-align:center;padding:2rem}
.step-number{font-size:2.5rem;color:rgba(201,168,76,0.2);font-family:sans-serif;font-weight:700;margin-bottom:1rem}
.step-title{font-size:1rem;color:#fff;margin-bottom:0.75rem}
.step-desc{font-family:sans-serif;font-size:0.8rem;color:rgba(240,237,232,0.45);line-height:1.7;font-weight:300}

.contact-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;max-width:1000px;margin:0 auto;padding:5rem 4rem}
.contact-info{display:flex;flex-direction:column;gap:2rem}
.contact-info-item{display:flex;flex-direction:column;gap:0.4rem}
.contact-info-label{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}
.contact-info-value{font-family:sans-serif;font-size:0.95rem;color:rgba(240,237,232,0.8)}
.contact-info-value a{color:rgba(240,237,232,0.8);transition:color 0.3s}
.contact-info-value a:hover{color:var(--gold)}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.form-field{display:flex;flex-direction:column;gap:0.5rem}
.form-field.full{grid-column:1/-1}
.form-label{font-family:sans-serif;font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(201,168,76,0.8)}
.form-input{background:rgba(255,255,255,0.04);border:1px solid rgba(201,168,76,0.2);padding:0.9rem 1rem;color:var(--text);font-family:sans-serif;font-size:0.88rem;font-weight:300;outline:none;transition:border 0.3s}
.form-input:focus{border-color:rgba(201,168,76,0.6)}
.form-input::placeholder{color:rgba(240,237,232,0.2)}
.form-select{background:#111;border:1px solid rgba(201,168,76,0.2);padding:0.9rem 1rem;color:var(--text);font-family:sans-serif;font-size:0.88rem;outline:none;cursor:pointer;width:100%;transition:border 0.3s}
.form-select:focus{border-color:rgba(201,168,76,0.6)}
.form-select option{background:#111}
textarea.form-input{resize:vertical;min-height:120px}
.form-submit{width:100%;background:var(--gold);color:var(--black);padding:1.1rem;border:none;font-family:sans-serif;font-size:0.8rem;letter-spacing:0.25em;text-transform:uppercase;font-weight:700;cursor:pointer;margin-top:0.5rem;transition:background 0.3s}
.form-submit:hover{background:var(--gold-light)}

.areas-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem}
.area-card{background:var(--charcoal);padding:1.5rem;border:1px solid rgba(201,168,76,0.1);transition:border 0.3s}
.area-card:hover{border-color:rgba(201,168,76,0.4)}
.area-card-name{font-size:1rem;color:#fff;margin-bottom:0.4rem}
.area-card-region{font-family:sans-serif;font-size:0.75rem;color:rgba(201,168,76,0.7);letter-spacing:0.1em}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.about-visual{height:400px;background:var(--charcoal);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.about-door{position:absolute;bottom:0;width:50%;height:88%;background:#0d0d0d;border:2px solid rgba(201,168,76,0.3)}
.about-door-inner{width:100%;height:100%;display:flex;gap:2px;padding:6px}
.about-door-panel{flex:1;background:linear-gradient(180deg,rgba(201,168,76,0.08) 0%,transparent 100%);border:1px solid rgba(201,168,76,0.15)}
.about-ground{position:absolute;bottom:0;width:100%;height:12%;background:#0a0a0a}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
.value-item{padding:1.5rem;border:1px solid rgba(201,168,76,0.15);background:rgba(201,168,76,0.03)}
.value-title{font-size:0.9rem;color:var(--gold);margin-bottom:0.4rem;font-family:sans-serif;letter-spacing:0.05em}
.value-desc{font-family:sans-serif;font-size:0.78rem;color:rgba(240,237,232,0.45);line-height:1.6;font-weight:300}

.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

@media(max-width:900px){
  nav{padding:0.8rem 1.5rem}
  .nav-links{display:none}
  .nav-hamburger{display:block}
  .hero .door-frame{width:280px;height:260px}
  .hero .sidelight{width:50px;height:210px}
  .hero .sidelight.left{right:calc(50% + 140px)}
  .hero .sidelight.right{left:calc(50% + 140px)}
  .hero .transom{width:284px;height:55px;bottom:260px}
  .products-preview,.why,.service-strip,.final-cta{padding:4rem 1.5rem}
  .split{grid-template-columns:1fr}
  .split-side{padding:3rem 1.5rem}
  .why-strip{padding:1rem 1.5rem}
  .footer-top{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}
  .footer-links{grid-template-columns:1fr 1fr}
  .footer-bottom{padding:1.5rem;flex-direction:column;gap:0.5rem}
  .product-detail{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .contact-wrap{grid-template-columns:1fr;padding:3rem 1.5rem}
  .content-section{padding:3rem 1.5rem}
  .page-hero{padding:8rem 1.5rem 3rem}
}