/** Shopify CDN: Minification failed

Line 946:44 Unexpected "\\n"
Line 946:872 Unexpected "@media"
Line 946:970 Unexpected "@media"
Line 946:1221 Unexpected "@media"

**/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f4f0e8;font-family:"DM Sans",sans-serif;font-weight:300}.announcement{height:30px;background:#070707;border-bottom:1px solid #2a241b;color:#b9995b;text-align:center;font-size:10px;letter-spacing:.22em;padding:8px}.announcement a{color:inherit}.site-header{height:86px;background:rgba(7,7,7,.96);border-bottom:1px solid #332a1d;display:flex;align-items:center;padding:0 5vw;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;line-height:.85;min-width:190px;color:inherit;text-decoration:none}.brand-script{font-family:"Great Vibes",cursive;font-size:38px;color:#c9a45d}.brand-sub{font-size:9px;letter-spacing:.42em;color:#c9a45d;margin-left:36px;margin-top:8px}.nav{display:flex;gap:31px;align-items:center;margin:auto;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.nav a{padding:8px 0;color:#ddd;text-decoration:none}.nav-book{border:1px solid #a88449;padding:12px 17px!important;color:#d8b76f!important}.bag{font-size:20px;color:#c9a45d;margin-left:20px;text-decoration:none}.menu-toggle{display:none;background:none;border:0;color:#d3b16c;font-size:25px}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#090909 url('microneedling-hero.png') right center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,#090909 25%,rgba(9,9,9,.86) 45%,rgba(9,9,9,.20) 72%,rgba(9,9,9,.04) 100%);z-index:1}.hero-copy{position:relative;z-index:2;width:min(650px,90%);margin-left:8vw}.eyebrow{color:#c39a50;letter-spacing:.25em;font-size:11px;font-weight:500;margin:0 0 18px;text-transform:uppercase}.hero h1{font:600 78px/.82 "Cormorant Garamond",serif;margin:0;color:#f5f1e9}.hero h1 em,h2 em{font-family:"Great Vibes",cursive;font-weight:400;color:#caa45e;font-style:normal}.gold-line{height:1px;width:58px;background:#c39a50;margin:29px 0}.hero-text{max-width:470px;line-height:1.8;color:#c9c4bb;font-size:14px}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:28px}.gold-btn{display:inline-flex;align-items:center;gap:20px;background:linear-gradient(135deg,#d6b16b,#a87e39);color:#090909;font-weight:600;text-transform:uppercase;letter-spacing:.13em;font-size:10px;padding:16px 20px;border:0;cursor:pointer;text-decoration:none}.gold-btn span{font-size:17px}.ghost-btn{border:1px solid #5e4b31;padding:15px 20px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#d5c9b7;text-decoration:none}.hero-note{position:absolute;right:5vw;bottom:35px;z-index:3;font-size:9px;letter-spacing:.2em;color:#8e7956}.hero-note span{color:#caa45e;margin-right:12px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4b3a22;border-bottom:1px solid #4b3a22;background:#0c0c0b}.trust-strip>div{display:flex;align-items:center;gap:14px;padding:24px 30px;border-right:1px solid #342a1c}.trust-strip strong{font-size:26px;color:#c9a45d}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.trust-strip small{font-size:10px;color:#8e8980;margin-top:5px}.section{padding:100px 7vw}.intro{text-align:center;max-width:900px;margin:auto}.intro h2,.section-head h2,.about h2,.contact h2,.booking h2{font:500 54px/1 "Cormorant Garamond",serif;margin:0 0 25px}.intro-copy{max-width:700px;margin:auto;line-height:1.9;color:#aaa39a;font-size:14px}.services{background:#0b0b0a;border-top:1px solid #1c1813}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;color:#a8a198;border:1px solid #30281d;padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.filter.active,.filter:hover{color:#d0a95e;border-color:#9c783e}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{background:#11110f;border:1px solid #29231b;min-height:345px;display:flex;flex-direction:column;transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-5px);border-color:#8d6b36}.service-img{height:190px;background-size:cover;background-position:center;position:relative}.service-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,7,.8),transparent 60%)}.service-body{padding:19px}.service-body h3{font:500 22px/1.05 "Cormorant Garamond",serif;margin:0 0 12px}.meta{display:flex;justify-content:space-between;color:#9b9489;font-size:10px;border-top:1px solid #282219;padding-top:12px}.price{color:#caa45e}.service-book{margin-top:auto;padding:0 19px 18px;color:#caa45e;text-transform:uppercase;font-size:9px;letter-spacing:.16em;text-decoration:none}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;background:#080807}.about-image{height:500px;position:relative;overflow:hidden;border:1px solid #3a2c1b;background:#0b0b0a}.about-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.9) contrast(.96)}.about-image-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,0) 35%,#080807 100%),linear-gradient(0deg,rgba(8,8,7,.65) 0%,rgba(8,8,7,0) 35%,rgba(8,8,7,.08) 100%)}.about-copy p:not(.eyebrow){color:#aaa39a;line-height:1.9;font-size:14px;max-width:560px;margin:0 0 28px}.gallery{background:#0b0b0a}.centered{text-align:center;display:block}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;gap:12px}.gallery-grid div{background-size:cover;background-position:center;border:1px solid #2e271e}.gallery-grid div:first-child{grid-row:span 2}.quote{text-align:center;background:#0a0908;border-top:1px solid #332718;border-bottom:1px solid #332718}.quote blockquote{font:400 43px/1.1 "Cormorant Garamond",serif;max-width:850px;margin:20px auto;color:#ddd6cb}.quote span{font-size:9px;letter-spacing:.2em;color:#a5834c}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#0d0d0c}.contact-details{border-left:1px solid #3c2e1c;padding-left:45px;line-height:1.8;color:#aaa39a}.contact-details a:not(.gold-btn){color:#c9a45d}.booking{display:none!important}.footer-logo-link{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-logo{width:min(210px,100%);height:auto;display:block}footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:55px 7vw;border-top:1px solid #30271b;background:#070706;color:#9d968d}footer>div{display:flex;flex-direction:column;gap:9px;font-size:10px}footer b{font-size:9px;letter-spacing:.2em;color:#c9a45d;margin-bottom:8px}footer a{color:inherit;text-decoration:none}.footer-brand .brand-script{font-size:46px}.copyright{text-align:center;padding:16px;background:#050505;color:#665e54;font-size:9px;letter-spacing:.1em}@media(max-width:1000px){.nav{gap:16px}.service-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:68px}}@media(max-width:760px){.site-header{height:72px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#090909;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #3a2c1b}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.bag{display:none}.brand{min-width:0}.brand-script{font-size:31px}.brand-sub{font-size:7px;margin-left:25px}.hero{min-height:650px}.hero-copy{margin-left:7vw}.hero h1{font-size:60px}.hero-note{display:none}.trust-strip{grid-template-columns:1fr 1fr}.section{padding:75px 6vw}.section-head{display:block}.filters{margin-top:25px}.service-grid{grid-template-columns:1fr 1fr}.about,.contact{grid-template-columns:1fr}.about-image{height:350px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery-grid div:first-child{grid-column:span 2;grid-row:span 1}footer{grid-template-columns:1fr 1fr}}@media(max-width:480px){.service-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.hero h1{font-size:52px}.hero-actions{flex-direction:column;align-items:flex-start}.intro h2,.section-head h2,.about h2,.contact h2,.booking h2{font-size:44px}footer{grid-template-columns:1fr}}
/* Blissful Beauty by Tee logo */
.logo-brand{display:flex;align-items:center;justify-content:flex-start}
.site-logo{display:block;width:auto;max-width:220px;max-height:68px;object-fit:contain}
@media(max-width:760px){.logo-brand{max-width:165px}.site-logo{max-width:165px;max-height:52px}}

/* Visible champagne-gold Blissful Beauty logo */
.logo-brand{display:flex;align-items:center;flex-shrink:0}
.site-logo{display:block;width:190px;height:auto;max-height:70px;object-fit:contain}
@media(max-width:760px){.site-logo{width:150px;max-height:55px}}

@media(max-width:760px){
.hero{background-position:68% center}
.hero-overlay{background:linear-gradient(90deg,rgba(9,9,9,.96) 0%,rgba(9,9,9,.82) 58%,rgba(9,9,9,.42) 100%)}
}

/* About section: owner portrait with luxury fade */
.about-image{background:#080807;border:0;min-height:500px}
.about-portrait{object-position:center 20%;transform:scale(1.01)}
.about-image-fade{background:linear-gradient(90deg,rgba(8,8,7,0) 20%,rgba(8,8,7,.12) 42%,rgba(8,8,7,.92) 82%,#080807 100%),linear-gradient(0deg,rgba(8,8,7,.35) 0%,rgba(8,8,7,0) 45%,rgba(8,8,7,.05) 100%)}
@media(max-width:760px){.about-image{min-height:380px;height:380px}.about-image-fade{background:linear-gradient(90deg,rgba(8,8,7,0) 20%,rgba(8,8,7,.15) 55%,rgba(8,8,7,.72) 100%),linear-gradient(0deg,rgba(8,8,7,.45),rgba(8,8,7,0) 45%)}}

/* Owner portrait refinement: zoomed out, softened edges, no hard photo rectangle */
.about-image{
  width:min(100%,520px);
  height:620px;
  min-height:620px;
  justify-self:center;
  border:0;
  background:#080807;
  overflow:hidden;
  isolation:isolate;
}
.about-portrait{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none;
  filter:saturate(.96) contrast(1.02) brightness(.98);
  -webkit-mask-image:radial-gradient(ellipse 72% 82% at 44% 50%,#000 54%,rgba(0,0,0,.92) 66%,rgba(0,0,0,.55) 78%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 82% at 44% 50%,#000 54%,rgba(0,0,0,.92) 66%,rgba(0,0,0,.55) 78%,transparent 100%);
}
.about-image-fade{
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 66% 76% at 43% 50%,rgba(8,8,7,0) 48%,rgba(8,8,7,.08) 64%,rgba(8,8,7,.58) 82%,#080807 100%),
    linear-gradient(90deg,rgba(8,8,7,.18) 0%,rgba(8,8,7,0) 24%,rgba(8,8,7,0) 55%,rgba(8,8,7,.78) 92%,#080807 100%),
    linear-gradient(0deg,rgba(8,8,7,.38) 0%,rgba(8,8,7,0) 24%,rgba(8,8,7,0) 78%,rgba(8,8,7,.22) 100%);
}
@media(max-width:760px){
  .about-image{width:100%;height:475px;min-height:475px;justify-self:stretch}
  .about-portrait{-webkit-mask-image:radial-gradient(ellipse 76% 82% at 44% 50%,#000 52%,rgba(0,0,0,.9) 68%,rgba(0,0,0,.48) 84%,transparent 100%);mask-image:radial-gradient(ellipse 76% 82% at 44% 50%,#000 52%,rgba(0,0,0,.9) 68%,rgba(0,0,0,.48) 84%,transparent 100%)}
}

/* =========================================================
   BLISSFUL BEAUTY — MOBILE REFINEMENT
   Desktop layout is intentionally left unchanged.
   ========================================================= */
@media (max-width: 760px){
  html,body{overflow-x:hidden}

  .announcement{
    height:28px;
    padding:7px 10px;
    font-size:8px;
    letter-spacing:.16em;
    white-space:nowrap;
  }

  .site-header{
    height:68px;
    padding:0 5vw;
  }
  .site-logo{width:132px;max-height:50px}
  .logo-brand{max-width:132px}
  .menu-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    font-size:23px;
    line-height:1;
  }
  .nav{
    display:none;
    position:absolute;
    top:68px;
    left:0;
    right:0;
    padding:20px 6vw 24px;
    gap:0;
    flex-direction:column;
    align-items:stretch;
    background:#090909;
    box-shadow:0 12px 24px rgba(0,0,0,.28);
  }
  .nav.open{display:flex;}
  .nav a{
    padding:13px 0;
    border-bottom:1px solid #211b14;
    font-size:10px;
  }
  .nav a:last-child{border-bottom:0}
  .nav-book{
    margin-top:10px;
    text-align:center;
    padding:13px 16px!important;
  }

  .hero{
    min-height:600px;
    background-position:67% center;
  }
  .hero-overlay{
    background:linear-gradient(90deg,rgba(9,9,9,.97) 0%,rgba(9,9,9,.88) 48%,rgba(9,9,9,.52) 100%);
  }
  .hero-copy{
    width:88%;
    margin-left:6vw;
    padding:48px 0 58px;
  }
  .eyebrow{
    font-size:9px;
    letter-spacing:.19em;
    margin-bottom:14px;
  }
  .hero h1{
    font-size:48px;
    line-height:.9;
    max-width:360px;
  }
  .gold-line{margin:22px 0;width:48px}
  .hero-text{
    max-width:330px;
    font-size:13px;
    line-height:1.7;
  }
  .hero-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    margin-top:23px;
  }
  .gold-btn,.ghost-btn{
    width:auto;
    max-width:100%;
    padding:14px 17px;
    font-size:9px;
  }

  .trust-strip{
    grid-template-columns:1fr 1fr;
  }
  .trust-strip>div{
    min-width:0;
    padding:17px 12px;
    gap:9px;
  }
  .trust-strip>div:nth-child(2){border-right:0}
  .trust-strip>div:nth-child(3),
  .trust-strip>div:nth-child(4){border-top:1px solid #342a1c}
  .trust-strip strong{font-size:20px}
  .trust-strip b{font-size:8px;letter-spacing:.08em}
  .trust-strip small{font-size:8px;line-height:1.35}

  .section{padding:64px 6vw}
  .intro h2,.section-head h2,.about h2,.contact h2,.booking h2{
    font-size:42px;
    line-height:.98;
    margin-bottom:20px;
  }
  .intro-copy,.about-copy p:not(.eyebrow){
    font-size:13px;
    line-height:1.8;
  }

  .section-head{
    margin-bottom:28px;
  }
  .section-head h2{margin-bottom:0}
  .filters{
    margin-top:20px;
    gap:7px;
  }
  .filter{
    padding:8px 10px;
    font-size:8px;
  }

  .service-grid{
    grid-template-columns:1fr;
    gap:13px;
  }
  .service-card{
    min-height:0;
  }
  .service-img{height:190px}
  .service-body{padding:17px}
  .service-body h3{font-size:23px}
  .meta{font-size:9px}
  .service-card:hover{transform:none}

  /* About: portrait is deliberately given more breathing room on phones. */
  .about{
    grid-template-columns:1fr;
    gap:38px;
    padding-top:68px;
    padding-bottom:70px;
  }
  .about-image{
    width:100%;
    height:390px;
    min-height:390px;
    justify-self:stretch;
    overflow:hidden;
    background:#080807;
  }
  .about-portrait{
    width:92%;
    height:92%;
    left:4%;
    top:4%;
    right:auto;
    bottom:auto;
    object-fit:contain;
    object-position:center center;
    transform:none;
    -webkit-mask-image:radial-gradient(ellipse 74% 80% at 48% 50%,#000 48%,rgba(0,0,0,.9) 65%,rgba(0,0,0,.48) 82%,transparent 100%);
    mask-image:radial-gradient(ellipse 74% 80% at 48% 50%,#000 48%,rgba(0,0,0,.9) 65%,rgba(0,0,0,.48) 82%,transparent 100%);
  }
  .about-image-fade{
    background:
      radial-gradient(ellipse 72% 78% at 48% 50%,rgba(8,8,7,0) 43%,rgba(8,8,7,.08) 60%,rgba(8,8,7,.55) 80%,#080807 100%),
      linear-gradient(90deg,rgba(8,8,7,.12),rgba(8,8,7,0) 26%,rgba(8,8,7,0) 62%,rgba(8,8,7,.58) 100%),
      linear-gradient(0deg,rgba(8,8,7,.32),rgba(8,8,7,0) 25%,rgba(8,8,7,0) 78%,rgba(8,8,7,.18));
  }
  .about-copy .eyebrow{margin-bottom:13px}
  .about-copy h2{font-size:43px}
  .about-copy .gold-btn{margin-top:2px}

  .gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-auto-rows:150px;
    gap:9px;
  }
  .gallery-grid div:first-child{
    grid-column:span 2;
    grid-row:span 1;
  }

  .quote{padding-top:60px;padding-bottom:60px}
  .quote blockquote{
    font-size:33px;
    line-height:1.12;
    margin:17px auto;
  }

  .contact{
    grid-template-columns:1fr;
    gap:28px;
  }
  .contact-details{
    border-left:0;
    border-top:1px solid #3c2e1c;
    padding:25px 0 0;
  }
  .contact-details .gold-btn{margin-top:5px}

  footer{
    grid-template-columns:1fr;
    gap:30px;
    padding:46px 6vw 38px;
  }
  footer>div{
    font-size:10px;
  }
  .footer-logo-link{align-items:flex-start}
  .footer-logo{width:175px}
  .copyright{
    padding:14px 6vw;
    font-size:8px;
    line-height:1.5;
  }
}

@media (max-width:480px){
  .announcement{font-size:7.5px;letter-spacing:.13em}
  .site-logo{width:126px}
  .hero{min-height:570px;background-position:66% center}
  .hero-copy{padding-top:40px;padding-bottom:48px}
  .hero h1{font-size:45px;max-width:330px}
  .hero-text{font-size:12.5px;max-width:310px}
  .gold-btn,.ghost-btn{width:100%;justify-content:center}
  .trust-strip>div{padding:15px 10px}
  .section{padding:58px 6vw}
  .service-img{height:180px}
  .about{gap:30px;padding-top:58px}
  .about-image{height:350px;min-height:350px}
  .about-copy h2{font-size:39px}
  .gallery-grid{grid-auto-rows:135px}
  .quote blockquote{font-size:30px}
}

/* Mobile header clarity fix: keep navigation crisp and above hero overlays. */
@media (max-width: 760px){
  .site-header{
    position:relative;
    z-index:100;
    background:#090909;
    opacity:1;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .site-header .nav{
    z-index:101;
    background:#090909;
    opacity:1;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .site-header .nav a{
    color:#f1eee7;
    opacity:1;
    text-shadow:none;
  }
  .site-header .nav-book{
    color:#d8b76f !important;
    opacity:1;
  }
  .site-header .menu-toggle{
    color:#d3b16c;
    opacity:1;
  }
}

/* Final mobile polish */
@media (max-width:760px){
  .site-header{
    position:relative;
    min-height:68px;
    justify-content:center;
  }
  .logo-brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:132px;
    max-width:132px;
    margin:0;
  }
  .site-logo{
    width:132px;
    max-width:132px;
    max-height:48px;
    object-fit:contain;
  }
  .menu-toggle{
    position:absolute;
    right:5vw;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    z-index:102;
  }
  .nav{
    display:none;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
  }
  .nav.open{display:flex;}
  .filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:6px;
    scrollbar-width:none;
  }
  .filters::-webkit-scrollbar{display:none}
  .filter{flex:0 0 auto;white-space:nowrap}
  .hero-copy{
    padding-top:42px;
    padding-bottom:50px;
  }
  .hero-actions{width:100%;max-width:350px}
  .hero-actions .gold-btn,.hero-actions .ghost-btn{width:100%;justify-content:center}
}
@media (max-width:480px){
  .logo-brand,.site-logo{width:120px;max-width:120px}
  .site-header{height:64px;min-height:64px}
  .nav{top:64px}
  .menu-toggle{right:4vw}
  .hero{min-height:555px}
  .hero-copy{padding-top:36px;padding-bottom:42px}
  .hero h1{font-size:44px;line-height:.92}
  .hero-text{font-size:12.5px;line-height:1.72}
  .trust-strip>div{min-height:70px}
  .service-card{min-height:0}
  .service-body{padding:17px}
  .service-body h3{font-size:21px}
  .about-image{height:330px;min-height:330px}
}


/* FINAL MOBILE NAV VISIBILITY FIX */
@media (max-width: 760px){
  .site-header > .nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  .site-header > .nav.open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}


/* HARD MOBILE NAV VISIBILITY: hidden until hamburger is opened */
@media (max-width:760px){
  .site-header .nav[hidden]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
  .site-header .nav:not([hidden]){display:flex !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important;}
}

/* MOBILE MENU: full-width booking button and no clipping */
@media (max-width:760px){
  .site-header > .nav.open{
    left:0;
    right:0;
    width:100%;
    margin:0;
    padding:24px 6vw 28px;
    box-sizing:border-box;
    overflow-x:hidden;
    align-items:stretch;
  }
  .site-header > .nav.open a{
    display:block;
    width:100%;
    box-sizing:border-box;
  }
  .site-header > .nav.open .nav-book{
    width:100%;
    margin-top:8px;
    padding:14px 16px !important;
    text-align:center;
    white-space:nowrap;
  }
}

/* MOBILE MENU BOOKING BOX — FINAL ALIGNMENT */
@media (max-width:760px){
  .site-header{overflow:visible;}
  .site-header > .nav.open{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100vh - 94px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:22px 6vw 28px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    align-items:stretch !important;
  }
  .site-header > .nav.open .nav-book{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    margin:10px 0 0 !important;
    padding:14px 12px !important;
    box-sizing:border-box !important;
    border:1px solid #a88449 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
}

/* MOBILE FINAL POLISH — solid header/nav + centered hero actions */
@media (max-width:760px){
  .announcement,
  .site-header,
  .site-header .nav,
  .site-header .nav.open{
    background:#070707 !important;
    background-image:none !important;
  }

  /* Keep the navigation area completely opaque so the hero never shows through it. */
  .site-header .nav{
    box-shadow:0 10px 22px rgba(0,0,0,.35);
    border-top:1px solid #17130f;
    border-bottom:1px solid #3a2c1b;
  }

  .site-header .nav a{
    background:#070707 !important;
  }

  .hero-copy{
    width:min(350px,86vw);
    margin-left:auto;
    margin-right:auto;
  }

  .hero-actions{
    margin-left:auto;
    margin-right:auto;
    align-items:center;
    gap:10px;
  }

  .hero-actions .gold-btn,
  .hero-actions .ghost-btn{
    width:100%;
    max-width:350px;
    justify-content:center;
    text-align:center;
  }

  .hero-actions .ghost-btn{
    padding-top:14px;
    padding-bottom:14px;
  }

  .hero-text{
    max-width:340px;
  }

  .eyebrow{
    font-size:9px;
    letter-spacing:.20em;
  }

  .trust-strip>div{
    gap:10px;
  }
}

/* Before & After / Real Results */
.results { padding-top: 110px; padding-bottom: 110px; }
.results-intro { max-width: 680px; margin: 18px auto 0; color: rgba(255,255,255,.68); line-height: 1.8; }
.results-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:52px; }
.result-card { min-width:0; }
.result-image { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; overflow:hidden; aspect-ratio:1/1; }
.result-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .5s ease, opacity .35s ease; }
.result-image:hover img { transform:scale(1.025); }
.results-note { margin:28px 0 0; text-align:center; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.42); }

.results-lightbox { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(0,0,0,.92); opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease; }
.results-lightbox.is-open { opacity:1; visibility:visible; }
.results-lightbox img { max-width:min(92vw,1100px); max-height:88vh; width:auto; height:auto; object-fit:contain; box-shadow:0 18px 60px rgba(0,0,0,.45); }
.results-lightbox-close { position:absolute; top:20px; right:24px; width:42px; height:42px; border:1px solid rgba(255,255,255,.28); background:rgba(0,0,0,.35); color:#fff; font-size:24px; cursor:pointer; }

@media (max-width: 991px) {
  .results-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
}
@media (max-width: 767px) {
  .results { padding-top:72px; padding-bottom:72px; }
  .results-intro { font-size:14px; line-height:1.7; padding:0 8px; }
  .results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:32px; }
  .results-note { font-size:9px; line-height:1.5; }
  .results-lightbox { padding:16px; }
  .results-lightbox img { max-width:96vw; max-height:82vh; }
  .results-lightbox-close { top:12px; right:12px; }
}

/* SERVICES: compact presentation with pricing reserved for booking page */
.service-card{min-height:285px}
.service-img{height:150px}
.service-body{padding:15px}
.service-body h3{font-size:19px;line-height:1.08;margin-bottom:10px}
.meta{font-size:9px;padding-top:9px}
.meta .price{display:none!important}
.meta{justify-content:flex-end}

@media(max-width:1000px){
  .service-img{height:145px}
  .service-card{min-height:275px}
}

@media(max-width:760px){
  .service-grid{grid-template-columns:1fr 1fr;gap:12px}
  .service-card{min-height:0}
  .service-img{height:145px}
  .service-body{padding:13px}
  .service-body h3{font-size:18px}
  .meta{font-size:8px}
}

@media(max-width:480px){
  .service-grid{grid-template-columns:1fr 1fr;gap:10px}
  .service-img{height:125px}
  .service-body{padding:11px}
  .service-body h3{font-size:17px;line-height:1.05}
  .meta{font-size:8px;padding-top:8px}
}

/* Results navigation anchor */
#results{scroll-margin-top:110px;}
@media(max-width:760px){#results{scroll-margin-top:80px;}}

/* FINAL REFINEMENT: softer Real Results presentation */
.result-image{
  position:relative;
  border-radius:2px;
  -webkit-mask-image:radial-gradient(ellipse at center, #000 58%, rgba(0,0,0,.92) 72%, transparent 100%);
  mask-image:radial-gradient(ellipse at center, #000 58%, rgba(0,0,0,.92) 72%, transparent 100%);
}
.result-image img{border-radius:2px;}

/* FINAL REFINEMENT: smaller, cleaner Services cards */
.service-grid{gap:14px}
.service-card{min-height:245px}
.service-img{height:125px}
.service-body{padding:13px}
.service-body h3{font-size:18px;line-height:1.06;margin-bottom:8px}
.meta{font-size:8px;padding-top:8px}

@media(max-width:1000px){
  .service-img{height:120px}
  .service-card{min-height:230px}
}
@media(max-width:760px){
  .service-grid{grid-template-columns:1fr 1fr;gap:10px}
  .service-card{min-height:0}
  .service-img{height:112px}
  .service-body{padding:11px}
  .service-body h3{font-size:16px;line-height:1.05}
  .meta{font-size:8px;padding-top:7px}
}
@media(max-width:480px){
  .service-grid{gap:8px}
  .service-img{height:100px}
  .service-body{padding:10px}
  .service-body h3{font-size:15px;line-height:1.04}
}

/* MODERN LUXURY UI TYPOGRAPHY */
:root{--ui-font:"Montserrat","DM Sans",sans-serif}
.nav,.nav a,.nav-book,.menu-toggle,.eyebrow,.filter,.gold-btn,.ghost-btn,.hero-note,.trust-strip b,.service-book,.results-note,footer b,.copyright{font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.14em}
.nav a,.nav-book{font-weight:500}
.gold-btn,.ghost-btn,.filter,.nav-book{font-weight:600}
.service-body h3{font-family:var(--ui-font);font-size:15px;font-weight:600;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}
.results-intro,.about-copy p:not(.eyebrow),.hero-text,.intro-copy,.trust-strip small,.contact-details,footer>div{font-family:"DM Sans",sans-serif}

/* Glimpse of Bliss placeholders */
.gallery-coming-soon div{
  background:#11110f !important;
  border:1px solid #2e271e;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.gallery-coming-soon div:after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(201,164,93,.18);
  pointer-events:none;
}
.gallery-coming-soon span{
  position:relative;
  z-index:1;
  color:#c9a45d;
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-align:center;
}
@media(max-width:760px){
  .gallery-coming-soon span{font-size:8px;letter-spacing:.16em}
}

/* MOBILE HEADER — FORCE CLOSED NAV AREA TO BE COMPLETELY BLACK / INVISIBLE */
@media (max-width: 760px){
  .site-header{background:#070707 !important; background-image:none !important;}
  .site-header > .nav:not(.open){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    max-height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    pointer-events:none !important;
  }
  .site-header > .nav.open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:calc(100vh - 94px) !important;
    overflow-y:auto !important;
    background:#070707 !important;
    background-image:none !important;
  }
}


/* STRUCTURAL MOBILE NAV FIX — separate desktop and mobile navigation markup */
.desktop-nav{display:flex;gap:31px;align-items:center;margin:auto;font-size:11px;text-transform:uppercase;letter-spacing:.13em}
.desktop-nav a{padding:8px 0;color:#ddd;text-decoration:none}
.desktop-nav .nav-book{border:1px solid #a88449;padding:12px 17px!important;color:#d8b76f!important}
.mobile-nav{display:none}
@media(max-width:1000px){.desktop-nav{gap:16px}}
@media(max-width:760px){
  .desktop-nav{display:none !important;visibility:hidden !important;opacity:0 !important;width:0 !important;height:0 !important;overflow:hidden !important;pointer-events:none !important;margin:0 !important;padding:0 !important;border:0 !important;}
  .mobile-nav{display:none !important;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;padding:22px 6vw 28px;box-sizing:border-box;flex-direction:column;align-items:stretch;background:#070707 !important;background-image:none !important;border-top:1px solid #17130f;border-bottom:1px solid #3a2c1b;box-shadow:0 10px 22px rgba(0,0,0,.35);z-index:1000;max-height:calc(100vh - 94px);overflow-y:auto;overflow-x:hidden;}
  .mobile-nav.open{display:flex !important;visibility:visible !important;opacity:1 !important;}
  .mobile-nav a{display:block;width:100%;box-sizing:border-box;padding:13px 0;border-bottom:1px solid #211b14;color:#f1eee7 !important;text-decoration:none;font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.14em;font-size:10px;}
  .mobile-nav a:last-child{border-bottom:0;}
  .mobile-nav .nav-book{display:flex !important;align-items:center;justify-content:center;width:100%;min-height:44px;margin:10px 0 0;padding:14px 12px !important;border:1px solid #a88449 !important;color:#d8b76f !important;text-align:center;white-space:nowrap;}
  .site-header{overflow:visible !important;}
}

/* === MOBILE NAV RESET 2026-08-27 ===
   Mobile-first: desktop links are hidden by default and only enabled above 760px.
   This prevents ghost/washed-out desktop navigation from ever rendering on phones,
   even if older responsive rules are cached or overridden. */
.desktop-nav{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.mobile-nav{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
@media (max-width:760px){
  .site-header{
    background:#070707 !important;
    background-image:none !important;
    min-height:64px !important;
    height:64px !important;
    overflow:visible !important;
  }
  .site-header .desktop-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    position:absolute !important;
    left:-99999px !important;
    top:-99999px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    pointer-events:none !important;
  }
  .site-header .mobile-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  .site-header .mobile-nav.open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    background:#070707 !important;
    background-image:none !important;
    padding:22px 6vw 28px !important;
    margin:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    z-index:5000 !important;
  }
  .site-header .menu-toggle{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:5001 !important;
  }
}
@media (min-width:761px){
  .site-header .desktop-nav{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .site-header .mobile-nav,
  .site-header .mobile-nav.open{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  .site-header .menu-toggle{display:none !important;}
}

/* === BLISSFUL BEAUTY WELCOME PROMO === */
.welcome-promo{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.welcome-promo.is-open{opacity:1;visibility:visible;pointer-events:auto}
.welcome-promo__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.welcome-promo__card{position:relative;width:min(520px,100%);box-sizing:border-box;padding:54px 48px 38px;text-align:center;background:linear-gradient(145deg,#0d0c0a 0%,#050505 70%);border:1px solid rgba(193,154,88,.65);box-shadow:0 28px 80px rgba(0,0,0,.58);overflow:hidden}
.welcome-promo__card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(193,154,88,.16);pointer-events:none}
.welcome-promo__close{position:absolute;top:13px;right:16px;z-index:2;width:36px;height:36px;padding:0;border:0;background:transparent;color:#d8b76f;font:300 30px/1 Arial,sans-serif;cursor:pointer;transition:transform .2s ease,color .2s ease}
.welcome-promo__close:hover{transform:rotate(90deg);color:#fff}
.welcome-promo__eyebrow{margin:0 0 15px;color:#c9a566;font-family:var(--ui-font,Montserrat,sans-serif);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.welcome-promo h2{margin:0;color:#f5f0e7;font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:500;line-height:.98;letter-spacing:-.02em}
.welcome-promo h2 em{color:#d2ae6d;font-weight:400}
.welcome-promo__offer{display:flex;flex-direction:column;align-items:center;margin:29px auto 20px;padding:19px 18px 17px;border-top:1px solid rgba(193,154,88,.35);border-bottom:1px solid rgba(193,154,88,.35)}
.welcome-promo__offer span{color:#e1bf7a;font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:600;line-height:.9;letter-spacing:.02em}
.welcome-promo__offer small{margin-top:9px;color:#f2eee7;font-family:var(--ui-font,Montserrat,sans-serif);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.welcome-promo__copy{max-width:390px;margin:0 auto 24px;color:#beb7aa;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:300;line-height:1.7}
.welcome-promo__cta{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:50px;box-sizing:border-box;padding:14px 20px;background:#b8904f;color:#090909;text-decoration:none;font-family:var(--ui-font,Montserrat,sans-serif);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:background .2s ease,transform .2s ease}
.welcome-promo__cta:hover{background:#d3b16f;transform:translateY(-1px)}
.welcome-promo__cta span{font-size:16px}
.welcome-promo__terms{max-width:400px;margin:17px auto 0;color:#777167;font-family:'DM Sans',sans-serif;font-size:9px;line-height:1.55}
body.promo-open{overflow:hidden}
@media(max-width:600px){
  .welcome-promo{padding:18px}
  .welcome-promo__card{padding:48px 24px 30px}
  .welcome-promo h2{font-size:34px}
  .welcome-promo__offer{margin-top:24px}
  .welcome-promo__offer span{font-size:42px}
  .welcome-promo__copy{font-size:12px}
  .welcome-promo__cta{font-size:9px;letter-spacing:.14em}
}

/* MOBILE HEADER ALIGNMENT — keep hamburger pinned right, logo centered */
@media (max-width:760px){
  .site-header{position:sticky !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 16px !important;}
  .site-header .logo-brand{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important;width:auto !important;max-width:170px !important;z-index:2 !important;}
  .site-header .site-logo{display:block !important;width:auto !important;max-width:150px !important;max-height:52px !important;object-fit:contain !important;}
  .site-header .menu-toggle{position:absolute !important;right:16px !important;left:auto !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;width:42px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;}
}

/* === REAL CLIENT VIDEO STORY === */
.client-story{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:clamp(42px,7vw,96px);
  align-items:center;
  background:#080808;
  border-top:1px solid rgba(193,154,88,.28);
  border-bottom:1px solid rgba(193,154,88,.28);
  overflow:hidden;
}
.client-story__media{display:flex;justify-content:center;min-width:0}
.client-story__video-frame{
  position:relative;
  width:min(100%,360px);
  aspect-ratio:9/16;
  padding:8px;
  box-sizing:border-box;
  border:1px solid rgba(202,164,94,.72);
  background:linear-gradient(145deg,#15120d,#050505 62%);
  box-shadow:0 28px 70px rgba(0,0,0,.4);
}
.client-story__video-frame:after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(202,164,94,.12);
  pointer-events:none;
}
.client-story__video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#000;
}
.client-story__copy{max-width:560px}
.client-story__copy h2{margin:10px 0 18px}
.client-story__copy > p:not(.eyebrow):not(.client-story__label){max-width:470px;color:#bdb7ad;line-height:1.8}
.client-story__label{
  margin-top:28px;
  color:#cfaa62;
  font-family:var(--ui-font,Montserrat,sans-serif);
  font-size:10px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}
@media(max-width:760px){
  .client-story{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:52px !important;
    padding-bottom:52px !important;
    text-align:center;
  }
  .client-story__video-frame{width:min(82vw,330px)}
  .client-story__copy{max-width:430px;margin:0 auto}
  .client-story__copy .gold-line{margin-left:auto;margin-right:auto}
  .client-story__copy > p:not(.eyebrow):not(.client-story__label){margin-left:auto;margin-right:auto}
  .client-story__label{margin-top:22px}
}

/* Short service descriptions */
.service-desc{margin:0 0 10px;color:#9f988f;font-size:11px;line-height:1.55;font-weight:300;letter-spacing:.01em;text-transform:none}
@media(max-width:760px){.service-desc{font-size:10.5px;line-height:1.5;margin-bottom:9px}}
@media(max-width:480px){.service-desc{font-size:10px;line-height:1.45;margin-bottom:8px}}
\n\n/* Services — clean text-only cards */\n#services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}\n#services .service-card{min-height:0!important;background:linear-gradient(145deg,#11110f,#0c0c0b);border:1px solid #30271c;overflow:hidden}\n#services .service-body{padding:22px 20px 18px;display:flex;flex-direction:column;height:100%}\n#services .service-body h3{font-family:"Montserrat",sans-serif;font-size:13px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#d3ad62;margin:0 0 10px}\n#services .service-desc{font-size:11px;line-height:1.65;color:#aaa39a;margin:0 0 16px}\n#services .meta{margin-top:auto;justify-content:flex-end;border-top:1px solid #282219;padding-top:11px}\n#services .meta .price{display:none!important}\n#services .meta span:last-child{color:#b9a071;letter-spacing:.08em;text-transform:uppercase}\n@media(max-width:1000px){#services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media(max-width:760px){#services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#services .service-body{padding:17px 14px 15px}#services .service-body h3{font-size:11px}#services .service-desc{font-size:10px;line-height:1.55}}\n@media(max-width:430px){#services .service-grid{grid-template-columns:1fr 1fr}}\n
/* FINAL SERVICES FIX — no image/empty media area */
#services .service-card{
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  padding:0 !important;
}
#services .service-card .service-img,
#services .service-card .service-image,
#services .service-card .service-media,
#services .service-card > picture,
#services .service-card > img{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#services .service-body{
  height:auto !important;
  min-height:0 !important;
  padding:20px 18px 17px !important;
}
#services .service-body h3{margin-top:0 !important;}
#services .price{display:none !important;}
@media(max-width:760px){
  #services .service-card{min-height:0 !important;height:auto !important;}
  #services .service-body{padding:16px 13px 14px !important;height:auto !important;}
}

/* SERVICES CARD HEIGHT — hug content through service time */
#services .service-grid{
  align-items:start !important;
}
#services .service-card{
  height:max-content !important;
  min-height:0 !important;
  align-self:start !important;
}
#services .service-body{
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  padding:18px 18px 12px !important;
}
#services .service-desc{
  margin-bottom:10px !important;
}
#services .meta{
  margin-top:0 !important;
  padding-top:9px !important;
  padding-bottom:0 !important;
}
@media(max-width:760px){
  #services .service-body{padding:14px 13px 10px !important;}
  #services .service-desc{margin-bottom:8px !important;}
  #services .meta{padding-top:8px !important;}
}


/* Before & After authenticity note */
.results-authenticity{
  margin:14px auto 0;
  text-align:center;
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold,#c9a24f);
}
@media(max-width:767px){
  .results-authenticity{font-size:8px;letter-spacing:.12em;line-height:1.5;padding:0 12px;}
}
