:root{
  --ink:#11110f;
  --gold:#b99355;
  --gold-soft:#d8bf95;
  --cream:#f7f3eb;
  --cream-deep:#efe6d6;
  --muted:#706d66;
  --dark:#121210;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);margin:0;background:#fff;overflow-x:hidden}
img{max-width:100%}
a{text-decoration:none}
.serif,h1,h2,h3,h4,.display-title,.display-hero{font-family:'Cormorant Garamond',Georgia,serif}
.navbar{background:rgba(12,12,10,.97)!important;backdrop-filter:blur(7px)}
.brand-logo{width:58px;height:58px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.navbar-brand span{font-family:'Cormorant Garamond';letter-spacing:.08em;color:#fff;font-size:1.05rem;line-height:1}
.navbar-brand small{font-size:.9rem;letter-spacing:.26em}
.nav-link{color:#fff!important;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin:0 .36rem}
.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#111;padding:.95rem 1.55rem;border-radius:0;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:600}
.btn-gold:hover{background:#caa468;border-color:#caa468;color:#111}
.btn-outline-light,.btn-outline-dark{border-radius:0;padding:.95rem 1.55rem;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}
.hero{min-height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35) 42%,rgba(0,0,0,.2)),url('../images/hd/bookmatch-living-room.jpg') center/cover;display:flex;align-items:center;color:#fff;padding-top:80px}
.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:.78rem;font-weight:600}
.hero h1{font-size:clamp(3.3rem,8vw,7.6rem);line-height:.86;font-weight:500;max-width:900px}
.hero p{max-width:650px;color:#ebe5da}
.hero-metrics{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}
.hero-metrics .metric{padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.16);min-width:170px;background:rgba(255,255,255,.04)}
.hero-metrics strong{display:block;font-size:1.7rem;font-family:'Cormorant Garamond';font-weight:600}
.section{padding:100px 0}
.section-sm{padding:75px 0}
.section-dark{background:var(--dark);color:white}
.section-cream{background:var(--cream)}
.section-gold-soft{background:linear-gradient(180deg,#fcfaf6, var(--cream-deep))}
.display-title{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95}
.display-sub{font-size:clamp(2rem,4vw,3.4rem);line-height:1}
.lead-copy{color:var(--muted);line-height:1.9}
.section-dark .lead-copy{color:#c8c2b7}
.kicker{color:#8d7d63;text-transform:uppercase;font-size:.74rem;letter-spacing:.14em}
.image-tall{height:650px;object-fit:cover;width:100%}
.image-mid{height:430px;object-fit:cover;width:100%}
.image-short{height:280px;object-fit:cover;width:100%}
.image-card{position:relative;overflow:hidden;background:#ddd;border-radius:2px}
.image-card img{width:100%;height:100%;object-fit:cover;transition:.6s}
.image-card:hover img{transform:scale(1.05)}
.overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 62%)}
.image-label{position:absolute;left:24px;right:24px;bottom:20px;color:white}
.image-label h3{font-size:2rem;margin:0}
.image-label p{margin:.35rem 0 0;font-size:.92rem;color:#e7ddd1}
.mosaic .image-card{height:440px}
.stat-grid .stat{border-top:1px solid #d7d0c4;padding-top:18px}
.stat strong{font-family:'Cormorant Garamond';font-size:2.6rem}
.stat p{margin:0;color:var(--muted)}
.product-card{border:1px solid #ece5d9;background:#fff;height:100%;transition:.25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.06)}
.product-card img{height:330px;width:100%;object-fit:cover}
.product-card .content{padding:18px 18px 22px}
.product-card h3{font-size:1.8rem;margin:0 0 .35rem}
.product-card p{color:#777;min-height:72px}
.feature-line{border-top:1px solid #d9d3c9;padding:24px 0}
.feature-line h3{font-size:1.9rem;margin-bottom:.25rem}
.quote-band{background:#171714;color:white;padding:75px 0}
.whatsapp{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;font-size:30px;z-index:999;box-shadow:0 12px 35px #0004;text-decoration:none}
.page-hero{min-height:58vh;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.25)), url('../images/hd/luxury-marble-lobby.jpg') center/cover;color:white;display:flex;align-items:end;padding:145px 0 70px}
.page-hero h1{font-size:clamp(3.5rem,8vw,7rem);max-width:900px;line-height:.9}
.page-hero.slim{min-height:48vh}
.gallery-grid{columns:3;column-gap:18px}
.gallery-grid .gitem{break-inside:avoid;margin-bottom:18px;position:relative;overflow:hidden}
.gallery-grid img{width:100%;display:block;min-height:240px;object-fit:cover;border-radius:2px}
.contact-box{background:#171714;color:white;padding:45px;height:100%}
.form-control,.form-select{border-radius:0;padding:14px;border-color:#d8d1c6}
.footer{background:#0c0c0b;color:#aaa;padding:65px 0 25px}
.footer h4{color:white}.footer a{color:#bbb;text-decoration:none}
.story-img{height:560px;width:100%;object-fit:cover}
.badge-soft{background:#ece3d3;color:#6e542d;padding:8px 12px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;display:inline-block}
.icon-box{padding:28px;border:1px solid #e7dfd1;height:100%;background:#fff}
.icon-box i{font-size:2rem;color:var(--gold)}
.icon-box h3{font-size:1.65rem;margin:.85rem 0 .45rem}
.dual-image img:first-child{height:540px;object-fit:cover;width:100%}
.dual-image img:last-child{height:320px;object-fit:cover;width:78%;margin:-110px 0 0 auto;display:block;border:14px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.08)}
.collection-tab{padding:14px 18px;border:1px solid #dccdb1;background:#faf7f1;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.space-card{padding:28px;border-top:1px solid #d8cfbe}
.space-card h3{font-size:2rem}
.testimonial{background:#fff;padding:28px;border:1px solid #ece5d7;height:100%}
.testimonial p{color:#6c655a}
.process-step{padding:28px;border:1px solid #e7dfd1;height:100%;background:#fff}
.process-step strong{display:inline-block;width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;background:#efe3d1;color:#7b5d2b;font-family:'Cormorant Garamond';font-size:1.75rem;margin-bottom:1rem}
.info-strip{background:#0f0f0e;color:white;padding:16px 0;font-size:.9rem}
.color-chip{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e9dfd0;background:#fff}
.color-dot{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.12)}
.cta-card{padding:34px;background:#171714;color:#fff;height:100%}
.cta-card p{color:#cdc7bb}
.accordion-button:not(.collapsed){background:#f5efe4;color:#111;box-shadow:none}
.accordion-button:focus{box-shadow:none;border-color:#e3d7c5}
.mini-grid img{height:220px;object-fit:cover;width:100%}
.logo-panel{background:#0d0d0c;padding:25px;display:inline-block}.logo-panel img{max-width:250px}
.top-pad{padding-top:92px}
@media(max-width:991px){
  .section{padding:72px 0}
  .hero{min-height:85vh}
  .image-tall{height:470px}
  .gallery-grid{columns:2}
  .mosaic .image-card{height:360px}
  .dual-image img:first-child{height:420px}
  .dual-image img:last-child{height:240px;width:72%;margin-top:-70px}
}
@media(max-width:576px){
  .navbar-brand span{font-size:.82rem}
  .brand-logo{width:46px;height:46px}
  .hero h1{font-size:3.7rem}
  .hero{min-height:90vh}
  .section{padding:58px 0}
  .gallery-grid{columns:1}
  .product-card img{height:270px}
  .image-mid,.story-img,.image-tall{height:340px}
  .mosaic .image-card,.mini-grid img{height:270px}
  .page-hero{padding-top:130px;min-height:42vh}
  .hero-metrics .metric{min-width:145px}
  .dual-image img:first-child,.dual-image img:last-child{height:300px;width:100%;margin:0 0 14px;border:0;box-shadow:none}
}

/* V6 HD image presentation */
.image-card img,.product-card img,.image-tall,.image-mid,.image-short,.story-img,.mini-grid img,.gallery-grid img{image-rendering:auto;backface-visibility:hidden;}
.hd-gallery .image-card{height:360px}.hd-gallery .image-card.feature{height:520px}.email-note{font-size:.92rem;color:#cfc8bd}.email-note strong{color:#fff}
@media(max-width:991px){.hd-gallery .image-card,.hd-gallery .image-card.feature{height:340px}}
@media(max-width:576px){.hd-gallery .image-card,.hd-gallery .image-card.feature{height:300px}}
