/* ===== Makeup by Dalia — Editorial Luxe design system ===== */
.mbd-editorial-page{
  --ink:#0C0A09; --ink-2:#1C1917; --ink-3:#262220;
  --gold:#CA8A04; --gold-2:#E3B341; --champagne:#D9C5A0;
  --rose:#C97B84; --cream:#FAF7F2;
  --text:#FAFAF9; --muted:#A8A29E; --hair:rgba(217,197,160,.18);
  --serif:'Playfair Display',Georgia,serif;
  --serif-2:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
}
.mbd *{margin:0;padding:0;box-sizing:border-box}
.mbd{background:var(--ink);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
.mbd img{display:block;max-width:100%}
.mbd a{color:inherit;text-decoration:none}
.mbd .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.mbd .eyebrow{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-2)}
.mbd .eyebrow.muted{color:var(--muted)}
.mbd h1,.mbd h2,.mbd h3{font-family:var(--serif);font-weight:500;line-height:1.04;letter-spacing:-.01em}
.mbd .script{font-family:var(--serif-2);font-style:italic;font-weight:500;color:var(--champagne)}
.mbd em{font-family:var(--serif-2);font-style:italic;color:var(--champagne);font-weight:500}
.mbd .gold{color:var(--gold-2)}
.mbd .btn{display:inline-flex;align-items:center;gap:.7em;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:18px 34px;border-radius:2px;cursor:pointer;transition:.45s cubic-bezier(.2,.7,.2,1);border:1px solid transparent}
.mbd .btn-gold{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--ink)}
.mbd .btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px -12px rgba(202,138,4,.55)}
.mbd .btn-ghost{border-color:var(--hair);color:var(--text)}
.mbd .btn-ghost:hover{border-color:var(--champagne);background:rgba(217,197,160,.06)}
.mbd .btn .ar{transition:transform .45s}
.mbd .btn:hover .ar{transform:translateX(5px)}

/* NAV */
.mbd header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:.5s;padding:26px 0}
.mbd header.scrolled{background:rgba(12,10,9,.82);backdrop-filter:blur(14px);padding:14px 0;border-bottom:1px solid var(--hair)}
.mbd .nav{display:flex;align-items:center;justify-content:space-between}
.mbd .nav .logo img{height:46px;width:auto;transition:.5s}
.mbd header.scrolled .nav .logo img{height:36px}
.mbd .nav-links{display:flex;align-items:center;gap:30px}
.mbd .nav-links a{font-size:12.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text);opacity:.82;position:relative;padding:4px 0}
.mbd .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold-2);transition:.4s}
.mbd .nav-links a:hover{opacity:1}
.mbd .nav-links a:hover::after{width:100%}
.mbd .nav-cta{margin-left:6px}
.mbd .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:0;padding:6px}
.mbd .burger span{width:26px;height:1.5px;background:var(--text);transition:.3s}

/* HERO (home) */
.mbd .hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.mbd .hero-bg{position:absolute;inset:0;z-index:0}
.mbd .hero-bg img{width:100%;height:120%;object-fit:cover;object-position:center 28%;will-change:transform}
.mbd .hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,9,.92) 0%,rgba(12,10,9,.6) 42%,rgba(12,10,9,.28) 100%),linear-gradient(0deg,var(--ink) 2%,rgba(12,10,9,0) 38%)}
.mbd #hero-fluid{position:absolute;inset:0;z-index:1;opacity:.55;mix-blend-mode:screen;pointer-events:none}
.mbd .hero-inner{position:relative;z-index:3;padding-top:90px;max-width:880px}
.mbd .hero h1{font-size:clamp(44px,7.4vw,108px);font-weight:500;margin:22px 0}
.mbd .hero h1 .ln{display:block;overflow:hidden}
.mbd .hero p.lede{font-size:clamp(16px,1.5vw,19px);color:#E7E1DA;max-width:540px;margin-bottom:36px;font-weight:300}
.mbd .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.mbd .badge{position:absolute;right:clamp(20px,5vw,64px);bottom:54px;z-index:3;display:flex;align-items:center;gap:14px;text-align:right}
.mbd .badge img{height:78px;width:78px;border-radius:50%;border:1px solid var(--hair)}
.mbd .badge .bx{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mbd .badge .bx b{display:block;font-family:var(--serif);font-size:15px;color:var(--champagne);letter-spacing:0;text-transform:none;font-weight:500;margin-top:3px}
.mbd .scrollcue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.mbd .scrollcue .line{width:1px;height:46px;background:linear-gradient(var(--gold-2),transparent);animation:mbdcue 2.2s infinite}
@keyframes mbdcue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* SUB-HERO (service/location) */
.mbd .subhero{position:relative;min-height:74vh;display:flex;align-items:flex-end;overflow:hidden;padding-bottom:64px}
.mbd .subhero .hero-bg img{object-position:center 30%}
.mbd .subhero-inner{position:relative;z-index:3;max-width:840px;padding-top:120px}
.mbd .subhero h1{font-size:clamp(40px,6vw,88px);margin:18px 0 20px}
.mbd .crumb{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mbd .crumb a:hover{color:var(--gold-2)}

/* MARQUEE */
.mbd .strip{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:22px 0;overflow:hidden;white-space:nowrap;background:var(--ink-2)}
.mbd .strip .track{display:inline-flex;gap:60px;animation:mbdmarq 32s linear infinite}
.mbd .strip span{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--champagne);opacity:.8}
.mbd .strip span::after{content:'\2726';margin-left:60px;color:var(--gold);font-style:normal;font-size:13px;vertical-align:middle}
@keyframes mbdmarq{to{transform:translateX(-50%)}}

/* SECTIONS */
.mbd section{position:relative}
.mbd .pad{padding:clamp(90px,12vw,160px) 0}
.mbd .pad-s{padding:clamp(64px,8vw,110px) 0}
.mbd .sec-head{max-width:680px;margin-bottom:64px}
.mbd .sec-head h2{font-size:clamp(32px,4.6vw,62px);margin:18px 0}
.mbd .sec-head p{color:var(--muted);font-size:17px;max-width:540px}

/* ABOUT */
.mbd .about{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,7vw,96px);align-items:center}
.mbd .about-media{position:relative}
.mbd .about-media .main{aspect-ratio:4/5;width:100%;object-fit:cover;border-radius:3px}
.mbd .about-media .frame{position:absolute;inset:18px;border:1px solid var(--gold-2);border-radius:3px;z-index:-1;transform:translate(20px,20px)}
.mbd .about-media .tag{position:absolute;left:-26px;bottom:38px;background:var(--ink);border:1px solid var(--hair);padding:18px 24px;border-radius:2px}
.mbd .about-media .tag b{font-family:var(--serif);font-size:30px;color:var(--gold-2);display:block;line-height:1}
.mbd .about-media .tag span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.mbd .about-body h2{font-size:clamp(30px,4vw,52px);margin:18px 0 26px}
.mbd .about-body p{color:#D6D0C8;margin-bottom:18px;font-size:16.5px}
.mbd .sig{font-family:var(--serif-2);font-style:italic;font-size:34px;color:var(--champagne);margin-top:18px}
.mbd .sig small{display:block;font-family:var(--sans);font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:6px}

/* SERVICES grid */
.mbd .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--hair)}
.mbd .svc{position:relative;aspect-ratio:3/3.7;overflow:hidden;background:var(--ink-2);cursor:pointer}
.mbd .svc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.62);transition:1.1s cubic-bezier(.2,.7,.2,1)}
.mbd .svc:hover img{filter:grayscale(0) brightness(.8);transform:scale(1.06)}
.mbd .svc-c{position:absolute;inset:0;z-index:2;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(12,10,9,.85),transparent 62%)}
.mbd .svc-c .n{font-size:11px;letter-spacing:.2em;color:var(--gold-2);margin-bottom:10px}
.mbd .svc-c h3{font-size:27px;font-weight:500}
.mbd .svc-c p{color:var(--muted);font-size:14px;margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:.5s}
.mbd .svc:hover .svc-c p{max-height:90px;opacity:1}
.mbd .svc-c .more{margin-top:16px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--champagne);display:flex;align-items:center;gap:8px;opacity:.7}

/* GALLERY */
.mbd .gallery{columns:3;column-gap:14px}
.mbd .gallery figure{break-inside:avoid;margin-bottom:14px;overflow:hidden;border-radius:2px;position:relative}
.mbd .gallery img{width:100%;object-fit:cover;transition:1s cubic-bezier(.2,.7,.2,1);filter:saturate(.92)}
.mbd .gallery figure:hover img{transform:scale(1.05)}

/* VALUES */
.mbd .values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}
.mbd .val{padding:34px 30px;border:1px solid var(--hair);border-radius:3px;background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.mbd .val .num{font-family:var(--serif);font-size:18px;color:var(--gold-2)}
.mbd .val h3{font-size:22px;margin:16px 0 12px}
.mbd .val p{color:var(--muted);font-size:15px}

/* CONTENT two-col (service/location) */
.mbd .duo{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,84px);align-items:center}
.mbd .duo.rev{direction:rtl}.mbd .duo.rev>*{direction:ltr}
.mbd .duo-body h2{font-size:clamp(28px,3.6vw,46px);margin:16px 0 22px}
.mbd .duo-body p{color:#D6D0C8;margin-bottom:16px;font-size:16.5px}
.mbd .duo-media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px}
.mbd .checks{list-style:none;margin-top:24px;display:grid;gap:14px}
.mbd .checks li{display:flex;gap:14px;align-items:flex-start;color:#E7E1DA;font-size:16px}
.mbd .checks li::before{content:'';flex:0 0 18px;height:18px;margin-top:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--gold-2),var(--gold));box-shadow:0 0 0 4px rgba(202,138,4,.12)}

/* TESTIMONIAL */
.mbd .quote{text-align:center;max-width:920px;margin:0 auto}
.mbd .quote .mark{font-family:var(--serif);font-size:90px;color:var(--gold);line-height:.4;opacity:.5}
.mbd .quote blockquote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px,3.4vw,42px);line-height:1.32;color:var(--cream);margin:24px 0 30px}
.mbd .quote .who{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.mbd .proof{display:flex;gap:46px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:70px;opacity:.9}
.mbd .proof .pi{text-align:center}
.mbd .proof .pi b{font-family:var(--serif);font-size:38px;color:var(--gold-2);display:block;line-height:1}
.mbd .proof .pi span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mbd .proof .stars{color:var(--gold-2);letter-spacing:3px;font-size:18px}

/* LOCATIONS chips */
.mbd .locs{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.mbd .locs a{border:1px solid var(--hair);padding:14px 26px;border-radius:40px;font-size:14px;letter-spacing:.04em;color:#D6D0C8;transition:.4s}
.mbd .locs a:hover{border-color:var(--gold-2);color:var(--gold-2);transform:translateY(-2px)}

/* FAQ */
.mbd .faq{max-width:860px;margin:0 auto}
.mbd .faq details{border-bottom:1px solid var(--hair);padding:22px 0}
.mbd .faq summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:21px;color:var(--cream);display:flex;justify-content:space-between;gap:20px;align-items:center}
.mbd .faq summary::-webkit-details-marker{display:none}
.mbd .faq summary::after{content:'+';color:var(--gold-2);font-size:26px;transition:.3s;font-family:var(--sans)}
.mbd .faq details[open] summary::after{transform:rotate(45deg)}
.mbd .faq p{color:var(--muted);margin-top:16px;font-size:16px}

/* CTA band */
.mbd .cta-band{position:relative;padding:clamp(100px,14vw,180px) 0;text-align:center;overflow:hidden}
.mbd .cta-band .bg{position:absolute;inset:0;z-index:0}
.mbd .cta-band .bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.mbd .cta-band .bg::after{content:'';position:absolute;inset:0;background:rgba(12,10,9,.74)}
.mbd .cta-band .inner{position:relative;z-index:2}
.mbd .cta-band h2{font-size:clamp(34px,5.4vw,76px);margin:18px auto 16px;max-width:14ch}
.mbd .cta-band p{color:#D6D0C8;margin-bottom:38px;max-width:480px;margin-left:auto;margin-right:auto}

/* INSTAGRAM */
.mbd .ig-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.mbd .ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.mbd .ig-grid a{aspect-ratio:1;overflow:hidden;position:relative;border-radius:2px}
.mbd .ig-grid img{width:100%;height:100%;object-fit:cover;transition:.6s}
.mbd .ig-grid a:hover img{transform:scale(1.08);filter:brightness(.7)}

/* FOOTER */
.mbd footer{background:var(--ink-2);border-top:1px solid var(--hair);padding:80px 0 36px}
.mbd .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;margin-bottom:54px}
.mbd .foot .logo img{height:54px;margin-bottom:22px}
.mbd .foot p{color:var(--muted);font-size:15px;max-width:300px}
.mbd .foot h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);margin-bottom:20px}
.mbd .foot a{display:block;color:#C9C3BB;font-size:15px;margin-bottom:12px;transition:.3s}
.mbd .foot a:hover{color:var(--gold-2);padding-left:5px}
.mbd .foot-bot{border-top:1px solid var(--hair);padding-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}

.mbd .reveal{opacity:0;transform:translateY(34px)}

@media(max-width:900px){
  .mbd .nav-links{position:fixed;inset:0;background:rgba(12,10,9,.97);flex-direction:column;justify-content:center;gap:30px;transform:translateX(100%);transition:.5s}
  .mbd .nav-links.open{transform:none}
  .mbd .nav-links a{font-size:18px}
  .mbd .burger{display:flex}
  .mbd .about,.mbd .svc-grid,.mbd .values,.mbd .foot,.mbd .duo{grid-template-columns:1fr}
  .mbd .duo.rev{direction:ltr}
  .mbd .gallery{columns:2}
  .mbd .ig-grid{grid-template-columns:repeat(3,1fr)}
  .mbd .badge{display:none}
  .mbd .about-media .tag{left:14px}
}
@media(prefers-reduced-motion:reduce){
  .mbd *{animation:none!important;transition:none!important}
  .mbd .reveal{opacity:1;transform:none}
  .mbd #hero-fluid{display:none}
}