 :root{--navy:#304466;--navy-dark:#243653;--gold:#d5a052;--gold-dark:#bd8740;--ink:#252525;--muted:#747b85;--cream:#f5f3ef;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{height:38px;background:#fff;color:var(--navy);font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:32px}.nav-wrap{background:var(--navy);color:#fff}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);min-width:190px}.brand-mark{font-size:40px;line-height:1}.brand-name{font-family:'Playfair Display',serif;font-size:23px;letter-spacing:3px;line-height:1}.brand-name small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:4px;text-align:center;color:#fff;margin-top:5px}.custom-logo{max-height:65px;width:auto}.main-nav .menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.main-nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.main-nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid #ffffff66;color:#fff;padding:8px 12px;border-radius:4px}
.hero{min-height:520px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(20,32,49,.78),rgba(20,32,49,.25)),linear-gradient(135deg,#8c735b 0%,#c5ad8b 40%,#43556a 100%);color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,30,48,.22),transparent 55%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:85px 0;max-width:1160px}.hero h1{font:800 clamp(36px,5vw,58px)/1.12 'Playfair Display',serif;max-width:650px;margin:16px 0}.hero p{max-width:650px;color:#f2f2f2;font-size:15px}.eyebrow{display:inline-block;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1.3px}.eyebrow.light{color:#f1c17e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 26px;border-radius:30px;font-size:13px;font-weight:700;transition:.2s;border:0}.btn:hover{transform:translateY(-2px);filter:brightness(.96)}.btn-gold{background:var(--gold);color:#fff}.btn-outline{border:1px solid var(--gold);color:var(--gold);background:transparent}.btn-red{background:#e20e16;color:#fff}.hero .btn{margin-top:16px}.hero-dots{position:absolute;bottom:24px;left:max(22px,calc((100% - 1160px)/2));display:flex;gap:8px;z-index:2}.hero-dots i{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--gold)}
.section{padding:92px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.section-copy h2,.section-heading h2{font:700 clamp(30px,3.4vw,42px)/1.18 'Playfair Display',serif;margin:10px 0 14px}.section-copy h4{font-size:16px;font-weight:500;margin:0 0 20px}.section-copy p{color:#777d84;font-size:14px}.image-frame{height:360px;position:relative;padding:22px 22px 0 0}.image-placeholder{height:100%;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font:700 22px 'Playfair Display',serif;letter-spacing:2px;box-shadow:0 5px 20px #17243b30;background:linear-gradient(135deg,#b6aa98,#5e6b68 52%,#263a50)}.image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0002,#0000),repeating-linear-gradient(90deg,transparent 0 70px,#ffffff16 71px 73px)}.image-placeholder span{position:relative;text-shadow:0 2px 8px #0008}.gold-shape{position:absolute;width:72%;height:78%;left:-26px;bottom:-24px;background:var(--gold);opacity:.9}.about-section .image-frame{margin-left:24px}.features{padding:54px 0;background:linear-gradient(#ffffffd9,#ffffffeb),linear-gradient(120deg,#c5b49c,#e7e1d7);}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}.feature-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 auto 12px;background:var(--gold);color:#fff;font-size:30px}.feature h3{font-size:16px;margin:8px 0}.feature p{font-size:13px;color:var(--muted);margin:0}.product-layout{grid-template-columns:1.05fr .95fr}.image-frame.interior{height:340px}.image-placeholder.living{background:linear-gradient(135deg,#e4ded2,#a69b8d 45%,#52606a)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;margin:28px 0;border-top:1px solid #e5e5e5}.spec-grid>div{display:flex;gap:14px;align-items:center;padding:14px 8px;border-bottom:1px solid #e5e5e5;color:#9399a2}.spec-grid b{font-size:23px;color:var(--navy)}.spec-grid span{font-size:13px}.spec-grid strong{display:block;color:#333;font-size:14px}.small-note{font-size:11px!important}
.gallery-section{background-color:#fbfaf8;background-image:radial-gradient(#e7dfd3 1px,transparent 1px);background-size:18px 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-tile{height:220px;display:flex;align-items:end;padding:18px;color:#fff;font-weight:700;background:linear-gradient(0deg,#17243b99,transparent 70%),linear-gradient(135deg,#c2b39c,#43566a);box-shadow:0 4px 15px #17243b20}.tile-two{background:linear-gradient(0deg,#17243b99,transparent 70%),linear-gradient(135deg,#b8c3c6,#687b89)}.tile-three{background:linear-gradient(0deg,#17243b99,transparent 70%),linear-gradient(135deg,#9aab8f,#445b54)}.tile-four{background:linear-gradient(0deg,#17243b99,transparent 70%),linear-gradient(135deg,#ddd5c8,#7c776f)}.contact-strip{padding:0 0 0;position:relative;z-index:2;margin-bottom:-42px}.strip-inner{background:var(--gold);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-radius:4px;color:#fff;box-shadow:0 8px 24px #0001}.strip-inner strong{font-size:13px;color:var(--navy)}.strip-inner p{margin:2px 0 0;font-size:13px}.site-footer{background:var(--navy);color:#fff;padding:88px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:40px;padding-bottom:35px}.footer-grid h3{color:var(--gold);font:500 16px 'Playfair Display',serif;margin:4px 0 18px}.footer-grid p,.footer-grid li,.footer-grid a{font-size:12px;color:#e1e5eb}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:7px 0}.footer-brand p{max-width:250px}.footer-cta{display:inline-block;background:var(--gold);padding:8px 16px;border-radius:22px;margin-top:8px}.copyright{border-top:1px solid #ffffff30;padding-top:14px;font-size:11px;color:#d5dce6}
.page-banner{padding:75px 0;background:linear-gradient(110deg,#263a58,#465d7c);color:#fff}.page-banner h1{font:700 42px 'Playfair Display',serif;margin:8px 0}.page-content{padding-top:60px;padding-bottom:90px;min-height:380px}.entry-content{max-width:900px;margin:auto;color:#626a73}.entry-content h2,.entry-content h3{font-family:'Playfair Display',serif;color:var(--ink)}.entry-content h2{font-size:32px}.entry-content p,.entry-content li{font-size:15px}.page-featured{width:100%;max-height:420px;object-fit:cover;margin-bottom:25px}.contact-card{background:var(--cream);padding:28px;margin:30px 0;max-width:600px}.map-frame iframe{width:100%;height:420px;border:0}.page-gallery{margin-top:35px}.post-card{padding:25px;border-bottom:1px solid #ddd}.post-card h2{font-family:'Playfair Display',serif}.post-card h2 a{color:var(--navy)}
@media(max-width:850px){.main-nav .menu{gap:16px}.two-col{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar-inner{justify-content:center;gap:14px;font-size:10px}.nav-inner{height:72px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:110px;left:0;right:0;background:var(--navy-dark);z-index:10;padding:12px 22px}.main-nav.is-open{display:block}.main-nav .menu{display:block}.main-nav li{padding:10px 0;border-bottom:1px solid #ffffff20}.hero{min-height:490px}.hero-content{padding:65px 0}.section{padding:65px 0}.two-col,.product-layout{grid-template-columns:1fr}.about-section .image-frame{margin:0 0 10px 20px}.image-frame{height:270px}.feature-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.gallery-grid{gap:10px}.gallery-tile{height:170px;padding:12px;font-size:12px}.strip-inner{display:block;padding:22px}.strip-inner .btn{margin-top:16px}.footer-grid{grid-template-columns:1fr;gap:20px}.page-banner h1{font-size:34px}.page-content{padding-top:35px}.spec-grid{font-size:12px}}
