:root{--ink:#11110f;--paper:#f7f5f0;--soft:#ebe8e0;--gold:#c7a25a;--muted:#77756e;--line:#d7d3ca;--white:#fff;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.preloader{position:fixed;inset:0;background:#111;color:#fff;z-index:100;display:grid;place-content:center;text-align:center;transition:.65s}.preloader.done{opacity:0;pointer-events:none}.loader-logo{font:30px var(--serif);letter-spacing:.18em}.loader-logo span{display:block;font:9px var(--sans);letter-spacing:.45em;margin-top:8px;color:#aaa}.loader-bar{width:180px;height:1px;background:#444;margin:25px auto 0}.loader-bar i{display:block;width:0;height:100%;background:var(--gold);animation:load 1.1s forwards}@keyframes load{to{width:100%}}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;color:#fff;background:rgba(14,13,11,.28);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.09);transition:padding .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1),border-color .4s,box-shadow .4s}.site-header.scrolled{padding:16px 4vw;background:rgba(12,11,10,.92);border-bottom-color:rgba(199,162,90,.22);box-shadow:0 12px 30px -18px rgba(0,0,0,.5)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.13em;transition:.3s}.brand-mark{width:40px;height:40px;border-radius:8px;display:block;transition:.3s;flex-shrink:0}.site-header.scrolled .brand-mark{width:34px;height:34px}.brand strong{display:block;font-size:19px;letter-spacing:.1em;line-height:1.15}.brand small{display:block;font-size:10px;letter-spacing:.3em;margin-top:5px;opacity:.75}.main-nav{display:flex;align-items:center;gap:30px;font-size:15px}.main-nav a{position:relative;opacity:.82;transition:.35s;letter-spacing:.02em}.main-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:var(--gold);transition:right .35s cubic-bezier(.4,0,.2,1)}.main-nav a:not(.nav-cta):hover::after,.main-nav a:not(.nav-cta).active::after{right:0}.main-nav a:hover,.main-nav a.active{opacity:1}.nav-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:13px 22px;border:1px solid rgba(255,255,255,.4);opacity:1!important;letter-spacing:.14em;transition:.3s ease}.nav-cta:hover{background:var(--gold);border-color:var(--gold);color:#111;transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{height:100svh;min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.1s,transform 6s}.hero-slide.active{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.12) 75%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%)}.hero-content{position:relative;padding-top:50px}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.hero .eyebrow,.dark .eyebrow,.big-cta .eyebrow{color:#c4c0b8}.hero h1{font:500 clamp(55px,7.3vw,104px)/1.02 var(--serif);letter-spacing:-.045em;max-width:920px;margin:0}.hero h1 em,h1 em,h2 em{color:var(--gold);font-style:italic}.hero-content>p:not(.eyebrow){max-width:620px;font-size:18px;color:#ddd;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 21px;border:1px solid var(--ink);font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-3px)}.gold{background:var(--gold);border-color:var(--gold);color:#111}.ghost{border-color:#aaa;color:#fff}.hero-counter{position:absolute;right:4vw;bottom:45px;display:flex;align-items:center;gap:12px;font-size:11px}.hero-counter i{width:90px;height:1px;background:#777}.scroll{position:absolute;bottom:32px;left:4vw;font-size:9px;letter-spacing:.2em}.scroll span{font-size:17px;margin-left:8px}.marquee{overflow:hidden;white-space:nowrap;background:#111;color:#eee;padding:13px 0;font-size:11px;letter-spacing:.2em}.marquee div{display:inline-block;animation:marquee 28s linear infinite}.marquee b{color:var(--gold);padding:0 24px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:125px 0}.split,.section-head{display:inline-block;grid-template-columns:1fr 2.2fr;gap:70px}.section-head{margin-bottom:60px}.side-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}h2{font:500 clamp(44px,5.5vw,72px)/1.05 var(--serif);letter-spacing:-.04em;margin:0}h3{line-height:1.1}.lead{font-size:21px;line-height:1.5}.about-home p:not(.eyebrow){max-width:800px}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.image-story{position:relative;margin-top:75px}.story-img{height:650px;background-size:cover;background-position:center}.story-card{position:absolute;right:30px;bottom:30px;background:#111;color:#fff;width:250px;padding:30px}.story-card span,.story-card strong,.story-card em{display:block;font:500 24px/1.05 var(--serif);font-style:normal}.story-card em{color:var(--gold);margin-bottom:25px}.story-card small{font-size:8px;letter-spacing:.16em;color:#999}
.dark{background:#111;color:#fff}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #353531}.service-cards a{padding:32px 24px 20px 0;border-right:1px solid #353531;margin-right:24px;min-height:260px;transition:.3s}.service-cards a:hover{padding-left:12px}.service-cards span,.why-grid span{color:#888;font-size:10px;letter-spacing:.18em}.service-cards h3{font:500 31px var(--serif);margin:40px 0 10px}.service-cards p,.why-grid p{color:#aaa;font-size:13px}.service-cards b{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.masonry{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:270px;gap:18px}.gallery-item{position:relative;background-size:cover;background-position:center;overflow:hidden;transition:.5s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}.gallery-item:hover{transform:scale(.985)}.gallery-item span{position:absolute;z-index:2;bottom:18px;left:18px;color:#fff;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.transformation{background:var(--soft)}.transformation-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.steps{display:grid;grid-template-columns:1fr 1fr}.steps>div{padding:24px;border-top:1px solid var(--line)}.steps span{font-size:10px;color:var(--muted)}.steps h3{font:500 29px var(--serif);margin:28px 0 7px}.steps p{color:var(--muted);font-size:13px}.package-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.package-strip article{background:#fff;padding:35px;border:1px solid var(--line)}.package-strip article.featured{background:#111;color:#fff;transform:translateY(-14px)}.package-strip span{font-size:9px;letter-spacing:.2em}.package-strip h3{font:500 32px var(--serif);margin:25px 0 10px}.package-strip p{font-size:13px;color:var(--muted)}.featured p{color:#aaa}.package-strip a{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.big-cta{min-height:650px;color:#fff;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.big-cta-bg,.big-cta-shade{position:absolute;inset:0}.big-cta-bg{background:url('images/featured-interior.jpg') center/cover}.big-cta-shade{background:rgba(0,0,0,.62)}.big-cta .container{position:relative}.big-cta h2{font-size:clamp(65px,10vw,130px)}.big-cta p:not(.eyebrow){color:#ddd;max-width:550px;margin:18px auto 30px}
.page-hero{position:relative;padding:200px 0 110px;background:var(--soft);overflow:hidden;isolation:isolate}.page-hero:before{content:attr(data-watermark);position:absolute;z-index:0;right:-.03em;top:.32em;font:600 clamp(140px,19vw,300px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(17,17,15,.08);letter-spacing:-.02em;white-space:nowrap;pointer-events:none}.page-hero .container{position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}.breadcrumb a{color:var(--muted);transition:color .2s}.breadcrumb a:hover{color:var(--ink)}.breadcrumb i{width:14px;height:1px;background:var(--line);display:inline-block}.breadcrumb b{color:var(--gold);font-weight:500}.page-hero .eyebrow{position:relative;display:inline-flex;align-items:center;gap:12px}.page-hero .eyebrow:before{content:"";width:32px;height:1px;background:var(--gold)}.page-hero h1{font:500 clamp(55px,7vw,100px)/1.02 var(--serif);letter-spacing:-.04em;max-width:900px}.page-hero p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:18px;margin-top:25px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333}.why-grid article{padding:30px 24px 30px 0;border-right:1px solid #333}.why-grid h3{font:500 26px var(--serif);margin:25px 0 8px}.pills{display:flex;flex-wrap:wrap;gap:10px}.pills span{padding:14px 18px;border:1px solid var(--line);font-size:11px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:45px}.filter-bar button{border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--ink);transition:.25s}.filter-bar button.active,.filter-bar button:hover{background:#111;border-color:#111;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:65px 28px}.portfolio-item{transition:opacity .3s ease}.portfolio-image{height:500px;background-size:cover;background-position:center;position:relative;overflow:hidden}.portfolio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.portfolio-info{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:16px}.portfolio-info .kicker{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.portfolio-info h3{font:500 28px var(--serif);margin:0}.portfolio-info>div:first-child p{font-size:11px;color:var(--muted);margin:6px 0 0}.project-details{text-align:right;font-size:11px;color:var(--muted);flex-shrink:0}.project-details span{display:block;color:var(--ink);font-weight:500;margin-bottom:5px}.project-details small{display:block;max-width:180px}.timeline{max-width:900px}.timeline article{display:grid;grid-template-columns:110px 1fr;gap:40px;padding:45px 0;border-bottom:1px solid var(--line)}.timeline-no,.timeline-number{font:500 22px var(--serif);color:var(--gold);white-space:nowrap}.timeline h2{font-size:46px;margin-bottom:10px}.timeline p:not(.eyebrow){color:var(--muted)}.quote-panel{background:#fff;border:1px solid var(--line);padding:70px}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.contact-grid>div>h2{font-size:65px}.contact-grid>div>p:not(.eyebrow){color:var(--muted)}.contact-links{margin-top:45px;border-top:1px solid var(--line)}.contact-links a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.contact-links span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.contact-form{background:#fff;border:1px solid var(--line);padding:38px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;outline:0}.contact-form textarea{resize:vertical}.alert{padding:12px;margin-bottom:20px;font-size:12px}.success{background:#e3eee2}.error{background:#f2e2df}.hp{position:absolute;left:-9999px}.site-footer{background:#111;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.footer-grid div>a:not(.brand){display:block;color:#aaa;margin:8px 0;font-size:13px}.footer-grid p{color:#777;max-width:330px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #292929;padding-top:20px;margin-top:60px;color:#666;font-size:10px}.animate{opacity:0;transform:translateY(28px);transition:.75s ease}.animate.in{opacity:1;transform:none}.reveal{animation:rise 1s .2s both}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:900px){.main-nav{gap:15px}.service-cards{grid-template-columns:repeat(2,1fr)}.masonry{grid-template-columns:1fr 1fr}.portfolio-grid,.package-strip{grid-template-columns:1fr}.package-strip .featured{transform:none}.transformation-grid,.contact-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.image-story .story-img{height:500px}}@media(max-width:700px){.container{width:calc(100% - 32px)}.site-header{padding:18px 16px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:#111;padding:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.hero{min-height:650px}.hero h1{font-size:54px}.hero-content>p:not(.eyebrow){font-size:16px}.section{padding:80px 0}.split,.section-head,.transformation-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.service-cards,.why-grid,.steps{grid-template-columns:1fr}.service-cards a{border-right:0;border-bottom:1px solid #333;margin:0}.masonry{grid-template-columns:1fr;grid-auto-rows:320px}.gallery-item.tall,.gallery-item.wide{grid-row:span 1;grid-column:span 1}.story-img{height:420px!important}.story-card{right:15px;bottom:15px}.portfolio-grid{grid-template-columns:1fr}.portfolio-image{height:400px}.portfolio-info{flex-direction:column;gap:10px}.project-details{text-align:left}.timeline article{grid-template-columns:55px 1fr;gap:15px}.timeline h2{font-size:35px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:150px 0 70px}.page-hero h1{font-size:44px}.page-hero:before{display:none}.breadcrumb{margin-bottom:20px}.contact-grid>div>h2{font-size:52px}}

/* Interior-page visual storytelling */
.page-visual{padding:0 0 110px;background:var(--soft)}
.page-visual .visual-wide{height:560px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.page-visual .visual-wide:after,.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 55%)}
.visual-caption{position:absolute;z-index:2;left:30px;bottom:28px;color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.visual-duo{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}
.visual-card{height:430px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.visual-card.tall{height:600px}
.visual-card .visual-caption{bottom:22px}
.image-break{margin-top:70px;display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch}
.image-break .image{min-height:470px;background-size:cover;background-position:center}
.image-break .copy{background:#111;color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:center}
.image-break .copy h2{font-size:clamp(42px,5vw,68px)}
.image-break .copy p{color:#aaa;line-height:1.7;max-width:520px}
.service-visual{margin:65px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service-visual .image{height:430px;background-size:cover;background-position:center}
.process-visual{margin-bottom:70px;height:540px;background:url('images/services-image-1.jpg') center/cover;position:relative}
.process-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 70%)}
.process-visual-content{position:absolute;z-index:2;left:55px;bottom:55px;color:#fff;max-width:520px}
.process-visual-content h2{font-size:clamp(45px,6vw,76px)}
.process-visual-content p{color:#ddd}
.contact-visual{height:520px;background:url('images/services-image-2.jpg') center/cover;position:relative;margin-bottom:0}
.contact-visual:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3)}
@media(max-width:700px){.page-visual{padding-bottom:70px}.page-visual .visual-wide{height:360px}.visual-duo,.image-break,.service-visual{grid-template-columns:1fr}.visual-card,.visual-card.tall{height:360px}.image-break .image{min-height:330px}.image-break .copy{padding:35px}.process-visual{height:420px;margin-bottom:50px}.process-visual-content{left:25px;right:25px;bottom:30px}.contact-visual{height:360px}}
.otp-field{display:flex;gap:8px;align-items:center}
.otp-field input{flex:1}
.btn-otp{flex-shrink:0;border:1px solid var(--ink,#111);background:transparent;color:var(--ink,#111);padding:9px 14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s;white-space:nowrap}
.btn-otp:hover:not(:disabled){background:var(--ink,#111);color:#fff}
.btn-otp:disabled{opacity:.5;cursor:not-allowed}
.otp-row{margin-top:-4px}
.otp-status{grid-column:1/-1;font-size:11px;letter-spacing:.02em;text-transform:none;margin-top:-14px}
.otp-status.success{color:#3f7d3a}
.otp-status.error{color:#b3402f}
.contact-form button[type="submit"]:disabled{opacity:.45;cursor:not-allowed}

/* Services page + shared section helpers (classes used in PHP but previously unstyled) */
.section-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:14px}
.dark .section-label{color:#c4c0b8}
.section.soft{background:var(--soft)}

.pill-list{display:flex;flex-wrap:wrap;gap:10px}
.pill-list span{padding:14px 22px;border:1px solid rgba(17,17,15,.2);border-radius:100px;font-size:12px;letter-spacing:.04em;background:transparent;transition:.25s}
.pill-list span:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px)}

.feature-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;border-top:1px solid var(--line)}
.feature-list>div{padding:26px 0 30px;border-bottom:1px solid var(--line);transition:.3s}
.feature-list>div:hover{padding-left:12px}
.feature-list span{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted)}
.feature-list h3{font:500 27px/1.15 var(--serif);letter-spacing:-.02em;margin:22px 0 0}
.feature-list>div:hover h3{color:var(--gold)}
.dark .feature-list{border-top-color:#353531}
.dark .feature-list>div{border-bottom-color:#353531}
.dark .feature-list span{color:#888}
.dark .pill-list span{border-color:#444}

@media(max-width:900px){.feature-list{grid-template-columns:repeat(2,1fr);column-gap:28px}}
@media(max-width:700px){.feature-list{grid-template-columns:1fr}.pill-list span{padding:12px 18px}.section-label{padding-top:0}}

/* Local background images (replaces inline style="background-image:...") */
.img-modern-luxury-residence{background-image:url('images/modern-luxury-residence.jpg')}
.img-kitchen-crafted-detail{background-image:url('images/kitchen-crafted-detail.jpg')}
.img-living-calm-contemporary{background-image:url('images/living-calm-contemporary.jpg')}
.img-office-contemporary{background-image:url('images/office-contemporary.jpg')}
.img-cafe-japandi{background-image:url('images/cafe-japandi.jpg')}
.img-living-modern{background-image:url('images/living-modern.jpg')}
.img-services-1{background-image:url('images/services-image-1.jpg')}
.img-services-2{background-image:url('images/services-image-2.jpg')}
.img-featured-interior{background-image:url('images/featured-interior.jpg')}
.img-serene-residence{background-image:url('images/serene-residence.jpg')}
.img-urban-retreat{background-image:url('images/urban-retreat.jpg')}
.img-monument-showroom{background-image:url('images/monument-showroom.jpg')}


@media screen and (min-width: 768px) {
.site-header img{
    width: 50px;
    height: 50px;
}
}