*{box-sizing:border-box}
:root{--bg:#0d0b10;--text:#f5f0e8;--muted:#b5aeb8;--purple:#b88a72;--purple-light:#2a1b20;--line:rgba(232,213,196,.15)}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#141117;color:var(--text);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.section-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));margin:auto;border-bottom:1px solid rgba(232,213,196,.15);position:relative;z-index:5;background:#141117}
.brand{display:flex;align-items:center;gap:12px}.site-logo{width:54px;height:54px;object-fit:contain;display:block;background:#141117;border-radius:8px;flex-shrink:0}
.brand-name{font-size:11px;letter-spacing:1.6px;color:#171017}.brand-name b{color:var(--purple)}
.nav{display:flex;align-items:center;gap:30px;color:#c5b8bc;font-size:12px}.nav a:hover{color:var(--purple)}.nav-cta{padding:12px 18px;border-radius:7px;background:var(--purple);color:#141117!important}
.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:24px;height:2px;background:var(--purple);margin:5px}
.hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:60px;padding-bottom:70px}
.eyebrow,.contact-eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--purple);font-weight:700}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple);margin-right:10px}
.hero-kicker{font-family:"Playfair Display",serif;font-size:20px;color:#b5aeb8;margin:28px 0 8px}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(44px,5.4vw,76px);font-weight:500;line-height:1.07;letter-spacing:-2.5px;margin:0}.title-period{color:var(--purple)}
.role{font-size:13px;color:var(--purple);letter-spacing:1.4px;text-transform:uppercase;margin:17px 0 22px}.hero-description{font-family:"Playfair Display",serif;font-size:23px;line-height:1.45;color:#e4d6d2;max-width:500px;margin:0 0 12px}.hero-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:490px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid #3b2a31;border-radius:7px;padding:13px 16px;font-size:11px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:.25s;background:#141117;color:var(--text)}.btn-primary{background:var(--purple);color:#141117;border-color:var(--purple)}.btn-whatsapp{color:#9ac5a7;border-color:#365b49}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #17101710}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;color:#b5aeb8;font-size:10px;margin-top:30px}.meta-icon{color:var(--purple);font-style:normal;margin-right:7px}
.hero-visual{position:relative;max-width:460px;width:100%;justify-self:center;padding:20px 20px 30px 25px}.portrait-frame{height:450px;position:relative;background:#0d0b10;border:1px solid #4a3036;padding:12px;box-shadow:22px 22px 0 #b88a7210;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait-frame:before{content:"";position:absolute;inset:22px;border:1px solid #6a4547;z-index:2;pointer-events:none}.portrait{width:100%;height:100%;object-fit:cover;display:block}.logo-in-hero{object-fit:contain;background:#141117;padding:35px}.portrait-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#2a1b20;color:var(--purple)}.portrait-placeholder span{font-family:"Playfair Display",serif;font-size:100px}.portrait-placeholder small{font-size:9px;letter-spacing:2px}
.portrait-caption{position:absolute;bottom:30px;left:28px;right:28px;z-index:3;display:flex;gap:13px;align-items:center;background:#141117edff2;padding:16px;box-shadow:0 6px 20px #17101715}.caption-line{height:34px;width:2px;background:var(--purple)}.portrait-caption small,.portrait-caption strong{display:block}.portrait-caption small{font-size:8px;letter-spacing:2px;color:var(--purple);margin-bottom:5px}.portrait-caption strong{font-family:"Playfair Display",serif;font-size:17px;font-weight:500}.floating-stamp{position:absolute;right:-1px;top:42px;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--purple);color:white;padding:15px 12px;font-size:7px;letter-spacing:1.3px;writing-mode:vertical-rl;z-index:3}.floating-stamp b{font-size:17px}.visual-note{position:absolute;right:-4px;bottom:0;display:flex;align-items:center;gap:10px;background:#141117;border:1px solid rgba(232,213,196,.15);padding:14px 18px;font-size:10px;line-height:1.7;color:#b5aeb8;box-shadow:0 12px 30px #1710170b}.visual-note b{color:var(--text)}.note-spark{font-size:25px;color:var(--purple)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:30px;padding:23px 10px;color:#b5aeb8;font-size:9px;letter-spacing:2px}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--purple)}
.section-pad{padding-top:100px;padding-bottom:100px}.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.section-heading h2,.connect-copy h2{font-family:"Playfair Display",serif;font-size:clamp(38px,4.6vw,58px);font-weight:500;line-height:1.12;letter-spacing:-1.5px;margin:20px 0}.section-heading h2 em,.connect-copy h2 em{font-weight:500;color:var(--purple)}.about-content{padding-top:35px}.large-copy{font-family:"Playfair Display",serif;font-size:24px;line-height:1.65;color:#e4d6d2;margin:0}.about-foot{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:10px;color:var(--purple)}.gold-rule{height:1px;width:45px;background:var(--purple)}
.highlights-section{background:#151017;border-top:1px solid rgba(232,213,196,.12);border-bottom:1px solid rgba(232,213,196,.12)}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.heading-side-copy{max-width:300px;font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:10px}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.highlight-card{min-height:260px;background:#141117;border:1px solid rgba(232,213,196,.15);border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,border-color .3s,box-shadow .3s}.highlight-card:hover{transform:translateY(-5px);border-color:#7c4a4c;box-shadow:0 15px 35px #1710170b}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-top>span:first-child{color:var(--purple);font-size:10px;letter-spacing:2px}.card-arrow{font-size:20px;color:#b7a6ab}.highlight-card h3{font-family:"Playfair Display",serif;font-size:23px;font-weight:500;margin:0 0 13px}.highlight-card p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.card-bottom{margin-top:25px;color:#a8959b;font-size:8px;letter-spacing:1.6px}.card-bottom span:first-child{width:35px;height:1px;background:var(--purple)}
.gallery-section{padding-bottom:110px}.gallery-empty{min-height:180px;border:1px dashed #7c4a4c;border-radius:14px;display:flex;align-items:center;gap:22px;padding:35px;background:linear-gradient(120deg,#1a1218,#141117)}.gallery-empty-icon{font-size:42px;color:var(--purple)}.gallery-empty h3{font-family:"Playfair Display",serif;font-size:23px;font-weight:500;margin:0 0 8px}.gallery-empty p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.gallery-empty-number{margin-left:auto;color:#b5aeb8;font-size:10px;letter-spacing:2px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery-item{margin:0;height:260px;overflow:hidden;background:#21171d;border-radius:12px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}
/* Distinct contact section */
.contact-section{background:#0d0b10;color:#171017;padding:90px 24px}.contact-container{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:26px;align-items:stretch}.contact-info{background:#141117;padding:38px;border:1px solid rgba(232,213,196,.15);border-radius:22px;box-shadow:0 15px 45px #17101708}.contact-eyebrow{font-size:10px;letter-spacing:2.2px;color:#b88a72;font-weight:700}.contact-info h2{font-family:"Playfair Display",serif;font-size:clamp(34px,4vw,48px);font-weight:500;margin:12px 0;color:#171017}.contact-info h2 span{color:#b88a72}.contact-subtitle{font-size:13px;color:#b5aeb8;margin-bottom:28px}.contact-detail-list{display:grid}.contact-item{display:flex;align-items:center;gap:14px;padding:18px 0;color:#e4d6d2;text-decoration:none;border-bottom:1px solid rgba(232,213,196,.15);overflow-wrap:anywhere}.contact-item>span:nth-child(2){flex:1;min-width:0}.contact-item small,.contact-item b{display:block}.contact-item small{font-size:9px;letter-spacing:1.5px;color:#b4a0a6;margin-bottom:6px}.contact-item b{font-size:12px;line-height:1.6;font-weight:500}.contact-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:#2a1b20;color:#b88a72;font-size:20px}.detail-arrow{color:#b88a72}.contact-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.social{padding:10px 12px;border-radius:8px;background:#2a1b20;color:#b88a72;font-size:10px;font-weight:600}.contact-form-card{background:#171017;color:#141117;border-radius:22px;padding:38px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 45px #17101718}.form-card-kicker{font-size:9px;letter-spacing:2px;color:#7c4a4c;font-weight:700}.contact-form-card h3{font-family:"Playfair Display",serif;font-size:32px;line-height:1.2; color:#fff;500;margin:15px 0 8px}.contact-form-card p{font-size:12px;line-height:1.9;color:#c9b8bc}.contact-form-card label{font-size:10px;color:#2b2028;margin:13px 0 4px}.contact-form-card input,.contact-form-card select{width:100%;padding:14px;border:1px solid #4c343b;border-radius:9px;background:#141117;color:#171017;font-size:13px}.contact-main-btn,.contact-secondary-btn{padding:14px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:600;margin-top:12px}.contact-main-btn{border:0;background:#8c414c;color:#141117;display:flex;justify-content:space-between}.contact-secondary-btn{border:1px solid #4c343b;background:transparent;color:#141117}.contact-secondary-btn:hover{background:#25171d}.form-note{font-size:10px!important;color:#b6a2a8!important;margin-bottom:0}
.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:10px;color:#b5aeb8}.back-top{font-size:9px;letter-spacing:1.5px;color:var(--purple)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#171017;color:#141117;border-radius:8px;padding:12px 18px;font-size:12px;z-index:20;transition:.25s;box-shadow:0 8px 30px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.floating-logo{animation:heroLogoMove 3s ease-in-out infinite;will-change:transform}@keyframes heroLogoMove{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(max-width:900px){.hero{gap:20px;min-height:580px}.hero h1{font-size:55px}.portrait-frame{height:410px}.about-section{gap:40px}.contact-container{gap:18px}.contact-info,.contact-form-card{padding:28px}}
@media(max-width:760px){.section-wrap{width:min(100% - 34px,560px)}.topbar{width:calc(100% - 34px);height:72px}.menu-toggle{display:block;padding:10px}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px;background:#141117;border:1px solid rgba(232,213,196,.15);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px 8px;border-bottom:1px solid rgba(232,213,196,.15)}.nav .nav-cta{text-align:center;margin-top:10px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:55px;gap:32px}.hero-visual{order:0;max-width:390px;width:92%;padding:12px 12px 24px 14px}.hero-copy{order:1}.portrait-frame{height:380px}.hero h1{font-size:clamp(42px,12vw,62px);letter-spacing:-1.8px}.hero-kicker{margin-top:16px}.hero-description{font-size:21px}.hero-actions{gap:8px}.btn{padding:12px}.hero-meta{gap:12px}.trust-strip{gap:10px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;padding:17px 0}.trust-strip i{margin-inline:3px}.section-pad{padding-top:70px;padding-bottom:70px}.about-section{grid-template-columns:1fr;gap:10px}.about-content{padding-top:0}.large-copy{font-size:21px}.heading-row{display:block;margin-bottom:30px}.heading-side-copy{margin-top:20px}.highlight-grid{grid-template-columns:1fr}.highlight-card{min-height:220px}.gallery-empty{padding:22px;gap:14px;align-items:flex-start}.gallery-empty-icon{font-size:30px}.gallery-empty h3{font-size:20px}.gallery-empty-number{display:none}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-item{height:180px}.contact-section{padding:55px 16px}.contact-container{grid-template-columns:1fr;gap:18px}.contact-info,.contact-form-card{padding:25px 20px}.contact-form-card h3{font-size:29px}.footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.back-top{margin-left:auto}}
@media(max-width:380px){.brand-name{font-size:9px;letter-spacing:1px}.hero-visual{width:95%}.portrait-frame{height:330px}.hero-actions .btn{flex:1;justify-content:center}.hero-meta{flex-direction:column}.gallery-item{height:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Dark Luxury theme — charcoal, champagne and burgundy */
body { background:#0d0b10; color:#f5f0e8; }
.topbar { background:#0d0b10; border-bottom-color:rgba(232,213,196,.15); }
.brand-name { color:#f5f0e8; }
.brand-name b, .eyebrow, .contact-eyebrow, .role { color:#d9b18f; }
.nav { color:#d0c5c5; }
.nav-cta, .btn-primary { background:#8c414c; border-color:#8c414c; color:#fff; }
.nav-cta:hover, .btn-primary:hover { background:#a44e5b; }
.btn, .visual-note { background:#171219; color:#f5f0e8; border-color:rgba(232,213,196,.2); }
.btn-whatsapp { color:#a9d5b4; border-color:#365b49; }
.hero-description, .large-copy { color:#e4d6d2; }
.hero-intro, .hero-meta, .heading-side-copy, .footer p { color:#b5aeb8; }
.portrait-frame { background:linear-gradient(145deg,#2a1b20,#171017 60%,#352127); border-color:rgba(217,177,143,.48); box-shadow:22px 22px 0 rgba(140,65,76,.13); }
.portrait-frame:before { border-color:rgba(217,177,143,.35); }
.portrait-caption { background:rgba(20,15,20,.92); }
.caption-line, .gold-rule, .card-bottom span:first-child { background:#d9b18f; }
.floating-stamp { background:#8c414c; color:#fff; }
.trust-strip { color:#b5aeb8; border-color:rgba(232,213,196,.15); }
.trust-strip i { background:#d9b18f; }
.highlights-section { background:#151017; border-color:rgba(232,213,196,.1); }
.highlight-card { background:linear-gradient(145deg,#21171d,#151017); border-color:rgba(232,213,196,.14); }
.highlight-card h3, .section-heading h2, .connect-copy h2 { color:#f5f0e8; }
.section-heading h2 em, .connect-copy h2 em { color:#d9b18f; }
.gallery-empty { background:linear-gradient(120deg,#1a1218,#141117); border-color:#70434a; }
.gallery-empty h3 { color:#f5f0e8; }
.contact-section { background:radial-gradient(ellipse at 10% 50%,rgba(140,65,76,.18),transparent 42%),#100d12; color:#f5f0e8; }
.contact-info { background:#171219; border-color:rgba(232,213,196,.15); box-shadow:0 15px 45px rgba(0,0,0,.2); }
.contact-info h2 { color:#f5f0e8; }
.contact-subtitle, .contact-item { color:#e4d6d2; }
.contact-item { border-color:rgba(232,213,196,.13); }
.contact-item small { color:#c1aeb3; }
.contact-icon { background:#2a1b20; color:#d9b18f; }
.detail-arrow { color:#d9b18f; }
.contact-socials .social { background:#2a1b20; color:#e6c5b2; }
.contact-form-card { background:linear-gradient(150deg,#2a171e,#171017 72%); border:1px solid rgba(217,177,143,.28); }
.contact-form-card input, .contact-form-card select { background:#f8f2ed; color:#211319; border-color:#5d4148; }
.contact-main-btn { background:#8c414c; color:#fff; }
.contact-main-btn:hover { background:#a44e5b; }
.contact-secondary-btn { border-color:rgba(217,177,143,.35); color:#f5f0e8; }
.contact-secondary-btn:hover { background:#352127; }
.footer { border-top:1px solid rgba(232,213,196,.12); }
.back-top { color:#d9b18f; }
.toast { background:#d9b18f; color:#171017; }
@media (max-width:760px) {
  .nav { background:#171219; border-color:rgba(232,213,196,.15); }
  .nav a { border-color:rgba(232,213,196,.12); }
}
::selection { background:#8c414c; color:#fff; }



/*ABOUT SECTION */


/* =====================================
   ABOUT US - LUXURY RESPONSIVE SECTION
===================================== */



/* ==========================================
   MODERN EDITORIAL LUXURY ABOUT SECTION
========================================== */

.lux-about {
    --lux-gold: #d8b875;
    --lux-maroon: #78263d;
    --lux-bg: #090909;
    --lux-white: #f7f2e9;

    width: 100%;
    padding: 95px 6%;
    box-sizing: border-box;
    background: var(--lux-bg);
    color: var(--lux-white);
    overflow: hidden;
}

.lux-about *,
.lux-about *::before,
.lux-about *::after {
    box-sizing: border-box;
}

.lux-about-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(35px, 6vw, 90px);
    align-items: center;
}

/* LEFT VISUAL */

.lux-about-visual {
    width: 100%;
    min-width: 0;
}

.lux-image-frame {
    position: relative;
    width: 100%;
    height: clamp(440px, 48vw, 650px);
    padding: 9px;
    border: 1px solid rgba(216, 184, 117, 0.7);
    background: #121212;
    overflow: hidden;
}

.lux-image-frame::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 9px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    pointer-events: none;
}

.lux-image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.7s ease;
}

.lux-image-frame:hover img {
    transform: scale(1.035);
}

.lux-image-overlay {
    position: absolute;
    z-index: 2;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 95px 25px 28px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(0, 0, 0, 0.94)
    );
}

.lux-image-label {
    display: inline-block;
    color: var(--lux-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 12px;
}

.lux-image-overlay h3 {
    margin: 0 0 10px;
    color: #fffaf2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(29px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 500;
}

.lux-image-overlay p {
    margin: 0;
    color: #e2d8c9;
    font-size: 13px;
    line-height: 1.7;
}

.lux-image-index {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 19px;
    color: #b7ada0;
    font-size: 10px;
    letter-spacing: 2px;
}

.lux-image-index > span:first-child {
    color: var(--lux-gold);
    font-size: 15px;
}

.lux-index-line {
    width: 42px;
    height: 1px;
    background: var(--lux-maroon);
}

/* RIGHT CONTENT */

.lux-about-content {
    width: 100%;
    min-width: 0;
}

.lux-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 23px;
    color: var(--lux-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
}

.lux-eyebrow-line {
    width: 35px;
    height: 1px;
    background: var(--lux-gold);
}

.lux-about-content h2 {
    margin: 0 0 23px;
    color: var(--lux-white);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.04;
    letter-spacing: -1.5px;
    font-weight: 500;
}

.lux-about-content h2 span {
    color: var(--lux-gold);
    font-style: italic;
}

.lux-intro {
    max-width: 470px;
    margin: 0;
    color: #c9bba7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(17px, 1.7vw, 21px);
    line-height: 1.7;
}

.lux-divider {
    width: 75px;
    height: 3px;
    margin: 27px 0;
    background: var(--lux-maroon);
}

.lux-description {
    max-width: 560px;
    margin: 0 0 17px;
    color: #c8c0b5;
    font-size: 15px;
    line-height: 1.95;
}

.lux-discover-link {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    margin-top: 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--lux-gold);
    color: var(--lux-gold);
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    transition: color 0.3s ease;
}

.lux-arrow {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.lux-discover-link:hover {
    color: #fff;
}

.lux-discover-link:hover .lux-arrow {
    transform: translate(4px, -3px);
}

/* HIGHLIGHTS */

.lux-highlights-section {
    width: 100%;
    max-width: 1320px;
    margin: 105px auto 0;
    padding-top: 45px;
    border-top: 1px solid rgba(216, 184, 117, 0.22);
}

.lux-highlights-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 35px;
}

.lux-small-label {
    color: var(--lux-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.lux-highlights-heading h3 {
    margin: 13px 0 0;
    color: var(--lux-white);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3.5vw, 43px);
    font-weight: 500;
}

.lux-highlights-heading h3 span {
    color: var(--lux-gold);
    font-style: italic;
}

.lux-highlights-heading > p {
    max-width: 330px;
    margin: 0;
    color: #bdb3a6;
    font-size: 14px;
    line-height: 1.8;
}

.lux-highlights-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.lux-highlight-card {
    position: relative;
    min-width: 0;
    min-height: 190px;
    padding: 27px 23px;
    border: 1px solid rgba(216, 184, 117, 0.2);
    background: linear-gradient(145deg, #141211, #0c0c0c);
    transition: border-color 0.3s ease,
                transform 0.3s ease,
                background 0.3s ease;
}

.lux-highlight-card:hover {
    transform: translateY(-5px);
    border-color: var(--lux-gold);
    background: #171311;
}

.lux-card-number {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #75634a;
    font-size: 11px;
    letter-spacing: 1px;
}

.lux-card-icon {
    display: block;
    margin-bottom: 20px;
    color: var(--lux-gold);
    font-size: 25px;
}

.lux-highlight-card h4 {
    margin: 0 0 10px;
    color: #f5ede1;
    font-size: 16px;
    line-height: 1.5;
}

.lux-highlight-card p {
    margin: 0;
    color: #bdb3a6;
    font-size: 13px;
    line-height: 1.8;
}

/* TABLET */

@media (max-width: 900px) {
    .lux-about {
        padding: 70px 5%;
    }

    .lux-about-container {
        gap: 30px;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    }

    .lux-image-frame {
        height: 500px;
    }

    .lux-about-content h2 {
        font-size: clamp(36px, 5vw, 48px);
    }

    .lux-description {
        font-size: 14px;
    }

    .lux-highlights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 650px) {
    .lux-about {
        padding: 55px 20px;
    }

    .lux-about-container {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .lux-image-frame {
        height: 440px;
    }

    .lux-image-overlay h3 {
        font-size: 32px;
    }

    .lux-about-content h2 {
        font-size: clamp(39px, 10vw, 52px);
        line-height: 1.08;
    }

    .lux-intro {
        font-size: 18px;
    }

    .lux-description {
        font-size: 14px;
        line-height: 1.9;
    }

    .lux-highlights-section {
        margin-top: 70px;
        padding-top: 35px;
    }

    .lux-highlights-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .lux-highlights-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .lux-highlight-card {
        min-height: 155px;
        padding: 23px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .lux-about {
        padding: 45px 15px;
    }

    .lux-image-frame {
        height: 370px;
    }

    .lux-image-overlay {
        padding: 70px 17px 20px;
    }

    .lux-about-content h2 {
        font-size: 36px;
    }
}


/*SERVICE CSS */


/* =================================
   LUXURY SERVICES / IMAGE GALLERY
================================= */

.lux-services {
    width: 100%;
    padding: 90px 6%;
    background: #f7f4ef;
    color: #171411;
    box-sizing: border-box;
    overflow: hidden;
}

.lux-services *,
.lux-services *::before,
.lux-services *::after {
    box-sizing: border-box;
}

.lux-services-header {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.lux-services-kicker {
    color: #8b2944;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
}

.lux-services-header h2 {
    margin: 16px 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4.2vw, 52px);
    line-height: 1.2;
    font-weight: 500;
}

.lux-services-header h2 span {
    color: #a78343;
    font-style: italic;
}

.lux-services-header p {
    margin: 0;
    color: #6d655d;
    font-size: 15px;
    line-height: 1.8;
}

.lux-services-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    max-width: 1320px;
    margin: 0 auto;
}

.lux-service-card {
    position: relative;
    min-width: 0;
    height: clamp(280px, 31vw, 410px);
    overflow: hidden;
    background: #171411;
    isolation: isolate;
}

.lux-service-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.82) 0%,
        rgba(0, 0, 0, 0.18) 50%,
        rgba(0, 0, 0, 0.03) 100%
    );
    pointer-events: none;
}

.lux-service-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.7s ease;
}

.lux-service-card:hover img {
    transform: scale(1.06);
}

.lux-service-overlay {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: clamp(20px, 3vw, 35px);
}

.lux-service-number {
    margin-bottom: 12px;
    color: #e3c787;
    font-size: 10px;
    letter-spacing: 2px;
}

.lux-service-overlay h3 {
    max-width: 100%;
    margin: 0 0 20px;
    color: #fffaf2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(24px, 3vw, 37px);
    line-height: 1.2;
    font-weight: 500;
}

.lux-enquiry-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-width: 125px;
    padding: 13px 17px;
    background: #e91e63;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.3s ease, color 0.3s ease;
}

.lux-enquiry-btn span {
    font-size: 18px;
}

.lux-enquiry-btn:hover {
    background: #d7b875;
    color: #171411;
}

/* TABLET */

@media (max-width: 800px) {
    .lux-services {
        padding: 70px 5%;
    }

    .lux-services-grid {
        gap: 18px;
    }

    .lux-service-card {
        height: 320px;
    }

    .lux-service-overlay h3 {
        font-size: 27px;
    }
}

/* MOBILE */

@media (max-width: 560px) {
    .lux-services {
        padding: 55px 18px;
    }

    .lux-services-header {
        margin-bottom: 30px;
    }

    .lux-services-kicker {
        letter-spacing: 2.5px;
    }

    .lux-services-header p {
        font-size: 14px;
    }

    .lux-services-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .lux-service-card {
        height: 270px;
    }

    .lux-service-overlay {
        padding: 22px;
    }

    .lux-service-overlay h3 {
        font-size: 29px;
        margin-bottom: 16px;
    }

    .lux-enquiry-btn {
        min-width: 115px;
        padding: 12px 15px;
    }
}

@media (max-width: 360px) {
    .lux-services {
        padding-right: 14px;
        padding-left: 14px;
    }

    .lux-service-card {
        height: 235px;
    }

    .lux-service-overlay h3 {
        font-size: 25px;
    }
}


/* VEDIO CSS*/

/* ==============================
   LUXURY VIDEO GALLERY
================================= */

.lux-video-section {
    width: 100%;
    padding: 90px 20px;
    background: #0c0c0c;
    color: #fff;
    box-sizing: border-box;
}

.lux-video-container {
    max-width: 1250px;
    margin: 0 auto;
}

.lux-video-heading {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px;
}

.lux-video-subtitle {
    display: inline-block;
    color: #c9a96e;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 4px;
    margin-bottom: 15px;
}

.lux-video-heading h2 {
    color: #fff;
    font-family: Georgia, serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 400;
    margin: 0 0 18px;
}

.lux-video-heading h2 span {
    color: #c9a96e;
    font-style: italic;
}

.lux-video-heading p {
    color: #b7b7b7;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

.lux-video-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 35px 25px;
}

.lux-video-card {
    min-width: 0;
    overflow: hidden;
}

.lux-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #181818;
    overflow: hidden;
    border: 1px solid rgba(201, 169, 110, 0.3);
    border-radius: 5px;
}

.lux-video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.lux-video-card h3 {
    color: #d5bd91;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 16px 0 0;
    text-transform: uppercase;
}

/* Tablet */
@media (max-width: 900px) {
    .lux-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 20px;
    }

    .lux-video-section {
        padding: 70px 20px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .lux-video-section {
        padding: 55px 16px;
    }

    .lux-video-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .lux-video-heading {
        margin-bottom: 35px;
    }

    .lux-video-subtitle {
        letter-spacing: 3px;
    }

    .lux-video-card h3 {
        margin-top: 12px;
    }
}