*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:Inter,sans-serif;color:#2b2b2b;line-height:1.6;background:#faf8f5;font-size:15px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,.logo,.brand{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.2}
h1{font-size:clamp(1.6rem,3vw,2.4rem)}
h2{font-size:clamp(1.35rem,2.1vw,1.8rem);margin-bottom:.6rem}
h3{font-size:1.15rem;margin-bottom:.4rem}
h4{font-size:.95rem;margin-bottom:.35rem}
p{font-size:.95rem}
.wrap{max-width:1180px;margin:auto;padding:0 1.5rem}
.narrow{max-width:780px}
.center{text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:#a0835c;margin-bottom:.5rem;font-weight:600}
.eyebrow a{text-decoration:none}
.top{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.05)}
.bar{background:#1f2a2e;color:#e9e2d7;font-size:.78rem;display:flex;justify-content:space-between;padding:.4rem 1.5rem}
.bar a{text-decoration:none;font-weight:600}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:.85rem 1.5rem}
.logo{font-size:1.4rem;text-decoration:none;white-space:nowrap}
.logo em{color:#a0835c;font-style:normal}
.nav ul{display:flex;gap:1.05rem;list-style:none;align-items:center}
.nav ul a{text-decoration:none;font-size:.84rem;white-space:nowrap}
.nav ul a.active{color:#a0835c;font-weight:600}
.menu{display:none;background:none;border:0;font-size:1.6rem}
.btn{display:inline-block;background:#a0835c;color:#fff!important;padding:.75rem 1.3rem;border-radius:2px;text-decoration:none;font-weight:500;border:0;cursor:pointer;transition:.2s;font-size:.9rem}
.btn:hover{background:#86693f}
.btn.small{padding:.5rem .95rem;font-size:.8rem}
.btn.ghost{background:rgba(255,255,255,.6);color:#1f2a2e!important;border:1px solid #1f2a2e}
.btn.ghost-light{background:transparent;border:1px solid #e9e2d7}
.hero{min-height:88vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}
.hero-text{position:relative;color:#1a2326;max-width:540px;padding:1.7rem 1.9rem;margin-left:max(1.5rem,calc((100vw - 1180px)/2));background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.5);border-radius:4px;text-shadow:0 0 14px rgba(255,255,255,.9),0 0 3px rgba(255,255,255,.8)}
.brand{font-size:clamp(1.5rem,2.6vw,2rem)}
.hero-logo{width:76px;height:76px;margin:.5rem 0 .7rem}
.hero-text h1{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.hero-text p{margin:.6rem 0;font-size:.95rem;font-weight:500}
.cta{display:flex;gap:.7rem;flex-wrap:wrap}
.center-cta{justify-content:center}
.hero .btn{text-shadow:none}

/* Signature: Inspire · Design · Create */
.signature{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:.2rem 0 .7rem!important}
.signature span{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:1.45rem;color:#7a5f36;opacity:0;animation:sigLoop 5s cubic-bezier(.2,.7,.2,1) infinite}
.signature i{width:6px;height:6px;border-radius:50%;background:#a0835c;opacity:0;animation:dotLoop 5s ease infinite}
.signature span:nth-of-type(1){animation-delay:.3s}
.signature i:nth-of-type(1){animation-delay:.75s}
.signature span:nth-of-type(2){animation-delay:.9s}
.signature i:nth-of-type(2){animation-delay:1.35s}
.signature span:nth-of-type(3){animation-delay:1.5s}
@keyframes sigLoop{0%{opacity:0;transform:translateY(14px) scale(.96);color:#7a5f36;text-shadow:none}14%{opacity:1;transform:none}30%{color:#b8925a;text-shadow:0 0 18px rgba(255,255,255,1),0 0 6px rgba(160,131,92,.5)}46%{color:#7a5f36;text-shadow:none}74%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes dotLoop{0%{opacity:0;transform:scale(0)}10%,74%{opacity:1;transform:scale(1)}88%,100%{opacity:0;transform:scale(0)}}
/* Footer signature, same 5-second loop as the hero, light gold on dark */
.foot-sig.signature{justify-content:center;margin:.2rem 0 .7rem!important}
.foot-sig.signature span{font-size:1.2rem;color:#e8cea0;animation-name:sigLoopLight}
.foot-sig.signature i{background:#e8cea0}
@keyframes sigLoopLight{0%{opacity:0;transform:translateY(12px) scale(.96);color:#e8cea0;text-shadow:none}14%{opacity:1;transform:none}30%{color:#fff3d6;text-shadow:0 0 14px rgba(232,206,160,.7)}46%{color:#e8cea0;text-shadow:none}74%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.signature span,.signature i{animation:none;opacity:1;transform:none}}

section{padding:4.5rem 0}
.why{background:#fff;padding:3rem 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2.5rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.split img{height:460px;width:100%;object-fit:cover}
.split>img.whole{height:auto;max-height:520px;object-fit:contain;border-radius:3px}
.feature p{color:#444}
.dark p{color:#d6d0c6}
.rev img{order:2}
.alt{background:#f1ece5}
.dark{background:#1f2a2e;color:#e9e2d7}
.ticks{list-style:none;margin:.9rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.3rem;font-size:.88rem}
.ticks.one{grid-template-columns:1fr;margin-bottom:1.3rem}
.ticks li:before{content:"✓ ";color:#a0835c}
.link{color:#a0835c;font-weight:600;text-decoration:none;font-size:.9rem}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.1rem 0 1rem}
.split .thumbs img{height:80px;width:100%;object-fit:cover;border-radius:2px;order:0}
.view-all{margin-top:.3rem}

/* Product & city pages */
.page-hero{min-height:52vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:0}
.page-hero-text{background:rgba(255,255,255,.85);max-width:620px;margin:0 0 2.5rem max(1.5rem,calc((100vw - 1180px)/2));padding:1.5rem 1.9rem;border-radius:4px}
.page-hero-text p{margin-top:.4rem}
.jumps{position:sticky;top:94px;z-index:40;background:#fff;border-bottom:1px solid #eee;display:flex;gap:.5rem;overflow-x:auto;padding:.65rem 1.5rem;justify-content:center;-webkit-overflow-scrolling:touch}
.jumps a{white-space:nowrap;text-decoration:none;font-size:.82rem;padding:.4rem .85rem;border:1px solid #e3dccf;border-radius:999px;color:#1f2a2e}
.jumps a:hover{background:#a0835c;color:#fff;border-color:#a0835c}
.prod{padding:4rem 0;background:#faf8f5}
.prod.alt{background:#f1ece5}
.prod p{color:#444;max-width:700px}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.6rem}
.prod-grid img{width:100%;height:300px;object-fit:cover;border-radius:3px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.cards a{text-decoration:none;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.cards img{height:200px;width:100%;object-fit:cover}
.cards span{display:block;padding:.85rem 1rem;font-weight:600;font-size:.9rem;text-align:center}
.cta-band{background:#1f2a2e;color:#e9e2d7}
.cta-band p{margin-bottom:1.4rem;color:#d6d0c6}
.areas-strip{padding:2rem 0;background:#fff}
.areas-strip a{color:#a0835c;font-weight:600;text-decoration:none}
.area-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:2rem 0 1.2rem}
.area-cards a{display:block;text-align:center;text-decoration:none;background:#fff;border:1px solid #e3dccf;border-radius:3px;padding:1rem .8rem;font-weight:600;font-size:.92rem;transition:.2s}
.area-cards a:hover{background:#a0835c;color:#fff;border-color:#a0835c}
.small-note{color:#666;font-size:.88rem}
.more-read{margin-top:1.4rem;text-align:center}
.more-read a{color:#a0835c;font-weight:600}

/* Story */
.story-teaser{background:#fff}
.story-teaser p{color:#444;margin-bottom:1.2rem}
.story{background:#fff}
.story p{color:#3d3d3d;margin-bottom:1.1rem;font-size:1rem;line-height:1.8}
.story .lead,.article .lead{font-family:'Cormorant Garamond',serif;font-size:1.45rem;line-height:1.45;color:#1f2a2e}
.designer{display:flex;align-items:center;gap:1.2rem;margin-top:2rem;padding:1.4rem;border:1px solid #e3dccf;border-radius:4px;background:#faf8f5}
.monogram{flex:none;width:68px;height:68px;border-radius:50%;background:#1f2a2e;color:#e8cea0;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600}
.designer h3{margin:0}
.designer .role{margin:.2rem 0 0;font-size:.88rem;color:#6b5a43}

/* Blog */
.blog-head{padding:4rem 0 2rem;background:#fff}
.blog-list{padding:2rem 0 4.5rem;background:#fff}
.post-card{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;text-decoration:none;background:#faf8f5;border:1px solid #eee;border-radius:4px;overflow:hidden}
.post-card img{width:100%;height:100%;min-height:280px;object-fit:cover}
.post-card>div{padding:1.6rem 1.6rem 1.6rem 0}
.post-card p{color:#444;margin-bottom:.8rem}
.article{padding:3.5rem 0;background:#fff}
.article h1{margin-bottom:1.2rem}
.article-img{width:100%;border-radius:4px;margin:0 0 1.6rem}
.article h2{margin-top:2rem;font-size:1.45rem}
.article p,.article li{color:#3d3d3d;font-size:1rem;line-height:1.8}
.article p{margin-bottom:1rem}
.article ul{margin:0 0 1rem 1.2rem}
.article a{color:#86693f}
.article-cta{margin-top:2.5rem;padding:1.8rem;background:#f1ece5;border-radius:4px;text-align:center}
.article-cta .btn{margin-top:.6rem}

/* Showroom */
.showroom{background:#f1ece5}
.showroom-text p{color:#444}
.showroom .addr{margin:1rem 0 1.3rem;line-height:1.5}
.showroom .dir{display:inline-block;margin-top:1rem}
.split .reel img{height:100%;order:0}
.showroom-reel{width:100%;align-self:stretch}

/* Video-style slideshow */
.reel-sec{background:#fff}
.reel-intro{color:#555;margin-bottom:2rem}
.reel{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#1f2a2e;box-shadow:0 18px 50px rgba(31,42,46,.18)}
.reel.showroom-reel{aspect-ratio:4/5;min-height:320px}
.reel .slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.2s ease;overflow:hidden}
.reel .slide:before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover no-repeat;filter:blur(22px) brightness(.85);z-index:0}
.reel .slide.on{opacity:1;z-index:1}
.reel .slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform 6s ease-out}
.reel .slide.on img{transform:scale(1.03)}
.reel figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2.6rem 1.2rem 1.2rem;color:#fff;text-align:center;font-family:'Cormorant Garamond',serif;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:600;line-height:1.3;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transform:translateY(10px);transition:all .8s ease .5s}
.reel figcaption:before{content:"SHADE DESIGN GALLERY";display:block;font-family:Inter,sans-serif;font-size:.6rem;letter-spacing:.2em;color:#e8cea0;margin-bottom:.3rem}
.reel .slide.on figcaption{opacity:1;transform:none}
.reel .reel-end{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#1f2a2e;color:#faf8f5;gap:.6rem;padding:1.5rem}
.reel .reel-end:before{display:none}
.reel .reel-end .brand{font-size:clamp(1.5rem,3vw,2.3rem)}
.reel .reel-end p{color:#d6d0c6}
.reel-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);z-index:3}
.reel-bar span{display:block;height:100%;width:0;background:#a0835c}
@media(prefers-reduced-motion:reduce){.reel .slide img,.reel .slide.on img{transform:none;transition:none}}

.process span{display:inline-flex;width:40px;height:40px;border-radius:50%;background:#a0835c;color:#fff;align-items:center;justify-content:center;font-weight:600;margin-bottom:.9rem}
.gallery{background:#fff}
.grid-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}
.grid-g img{height:300px;width:100%;object-fit:cover;transition:.3s}
.grid-g img:hover{transform:scale(1.02)}
.reviews{background:#f1ece5}
.reviews p{margin-bottom:1.4rem}
.faq{background:#faf8f5}
details{border-bottom:1px solid #ddd;padding:.9rem 0}
summary{cursor:pointer;font-weight:600;font-size:.93rem}
details p{margin-top:.5rem}
.contact{background:#1f2a2e;color:#e9e2d7}
.contact .big{font-size:1.6rem;font-family:'Cormorant Garamond',serif;margin:1rem 0}
form{display:grid;gap:.75rem;background:#fff;padding:1.8rem;color:#2b2b2b}
input,select,textarea{padding:.8rem;border:1px solid #ccc;font:inherit;font-size:.92rem}
textarea{min-height:110px}
footer{background:#151d20;color:#bbb;padding:3rem 0;text-align:center;font-size:.85rem}
footer p{margin:.5rem 0;font-size:.85rem}
.foot-sig{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem!important;color:#e8cea0}
.foot-logo{width:72px;height:72px;margin:0 auto 1rem}
.float-call{display:none;position:fixed;bottom:16px;left:16px;right:16px;background:#a0835c;color:#fff;text-align:center;padding:.9rem;font-weight:600;text-decoration:none;border-radius:4px;z-index:60;box-shadow:0 4px 18px rgba(0,0,0,.25)}
@media(max-width:1100px){.nav ul{gap:.75rem}.nav ul a{font-size:.78rem}.logo{font-size:1.25rem}}
@media(max-width:960px){
 html{scroll-padding-top:110px}
 .menu{display:block}
 .nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1.5rem;gap:1.1rem;box-shadow:0 10px 20px rgba(0,0,0,.08)}
 .nav ul a{font-size:.95rem}
 body.open .nav ul{display:flex}
}
@media(max-width:860px){
 body{font-size:14.5px}
 p{font-size:.92rem}
 h1{font-size:1.45rem}
 h2{font-size:1.3rem}
 h3{font-size:1.08rem}
 .grid3,.grid4,.grid2,.split{grid-template-columns:1fr}
 .grid3{gap:1.6rem}
 .split{gap:1.6rem}
 .split img{height:280px}
 .split>img.whole{height:auto;max-height:none}
 .split .reel img{height:100%}
 .rev img{order:0}
 .ticks{grid-template-columns:1fr;font-size:.86rem}
 .thumbs{grid-template-columns:repeat(4,1fr)}
 .split .thumbs img{height:60px}
 .grid-g{grid-template-columns:1fr 1fr}
 .grid-g img{height:170px}
 .hero{min-height:calc(100svh - 96px);padding:0 0 5.5rem;align-items:flex-end}
 .hero-text{margin:0 1rem;padding:1.3rem}
 .hero-text .hero-desc{display:none}
 .hero-text h1{font-size:1.3rem}
 .brand{font-size:1.4rem}
 .signature span{font-size:1.2rem}
 .signature{gap:.5rem}
 .hero .cta .btn{padding:.65rem .95rem;font-size:.85rem}
 .hero-logo{width:50px;height:50px;margin:.3rem 0 .4rem}
 .reel{aspect-ratio:4/5;width:100%}
 .reel figcaption{padding:2.2rem 1rem 1rem;font-size:.95rem}
 .showroom .split{display:flex;flex-direction:column-reverse;align-items:stretch}
 .jumps{top:86px;justify-content:flex-start}
 .page-hero{min-height:44vh}
 .page-hero-text{margin:0 1rem 1.5rem;padding:1.2rem}
 .prod{padding:3rem 0}
 .prod-grid{grid-template-columns:1fr 1fr}
 .prod-grid img{height:160px}
 .cards{grid-template-columns:1fr 1fr}
 .cards img{height:120px}
 .area-cards{grid-template-columns:1fr 1fr}
 .post-card{grid-template-columns:1fr;gap:0}
 .post-card img{min-height:200px;height:200px}
 .post-card>div{padding:1.3rem}
 .story .lead,.article .lead{font-size:1.25rem}
 .float-call{display:block}
 footer{padding-bottom:6rem}
 section{padding:3.2rem 0}
}
/* Consultation form (Wix Forms) */
.lead-form form label{display:grid;gap:.3rem}
.lead-form .lf-label{font-size:.82rem;font-weight:600;color:#1f2a2e}
.lead-form .req{color:#a0835c}
.lead-form .err{color:#b3261e;font-size:.8rem;min-height:0}
.lead-form .err:empty{display:none}
.lead-form .form-err{margin:0}
.lead-form input[aria-invalid="true"],.lead-form select[aria-invalid="true"],.lead-form textarea[aria-invalid="true"]{border-color:#b3261e}
.lead-form button[disabled]{opacity:.7;cursor:wait}
.form-loading{background:#fff;color:#444;padding:1.8rem;border-radius:3px}
.lead-thanks{background:#fff;color:#2b2b2b;padding:2rem 1.8rem;border-radius:3px;border-top:3px solid #a0835c}
.lead-thanks h3{font-size:1.5rem;margin-bottom:.5rem;color:#1f2a2e}
.lead-thanks p{color:#444}
/* Page header that shows the whole photo (no zoom), with a soft blurred fill */
.page-hero.fit{position:relative;overflow:hidden;background:#1f2a2e}
.page-hero.fit:before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover no-repeat;filter:blur(24px) brightness(.8)}
.page-hero.fit:after{content:"";position:absolute;inset:0;background:var(--bg) center/contain no-repeat}
.page-hero.fit .page-hero-text{position:relative;z-index:1}
.page-hero.fit{min-height:68vh}
@media(max-width:860px){.page-hero.fit{min-height:62vh}}
/* Google reviews, moving */
.reviews{padding:4.5rem 0 4rem}
.reviews .rev-sub{color:#555;margin-bottom:0}
.rev-marquee{overflow:hidden;margin:2.2rem 0 2.4rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.rev-track{display:flex;align-items:flex-start;width:max-content;animation:revScroll 80s linear infinite}
.rev-marquee:hover .rev-track,.rev-marquee.paused .rev-track{animation-play-state:paused}
@keyframes revScroll{to{transform:translateX(-50%)}}
.rev-card{flex:none;width:330px;margin-right:1.2rem;background:#fff;border-radius:8px;padding:1.5rem 1.5rem 1.3rem;border-top:3px solid #a0835c;box-shadow:0 8px 28px rgba(31,42,46,.08);text-align:left}
.rev-stars{color:#d4a64a;font-size:1.05rem;letter-spacing:3px}
.rev-card blockquote{margin:.75rem 0 1.1rem;color:#3d3d3d;font-size:.92rem;line-height:1.65}
.rev-card blockquote:before{content:"\201C";display:block;font-family:'Cormorant Garamond',serif;font-size:2.6rem;line-height:.6;color:#c9b08a;margin-bottom:.2rem}
.rev-who{display:flex;align-items:center;gap:.65rem;border-top:1px solid #eee5d8;padding-top:.9rem}
.rev-avatar{flex:none;width:36px;height:36px;border-radius:50%;background:#1f2a2e;color:#e8cea0;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.1rem}
.rev-name{font-weight:600;font-size:.88rem;color:#1f2a2e;line-height:1.2}
.rev-src{font-size:.74rem;color:#8a7a62}
.rev-cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.rev-cta .btn.ghost{background:transparent}
@media(max-width:860px){.rev-card{width:280px;padding:1.3rem}.rev-track{animation-duration:70s}}
@media(prefers-reduced-motion:reduce){.rev-track{animation:none}.rev-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
/* Our Story extras */
.story .story-turn{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:#86693f;margin:1.4rem 0}
.story .story-close{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:#1f2a2e;margin-top:1.6rem}