:root{--black:#030303;--rose:#e4aaa4;--rose2:#efc5c0;--cream:#fbf6f3;--ink:#1a1010}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--ink);font-family:Montserrat,Arial,sans-serif}a{text-decoration:none;color:inherit}
.approved-home{position:relative;background:#000}.approved-home>img{display:block;width:100%;height:auto}.hotspots{position:absolute;inset:0}.hs{position:absolute;display:block}
.top-shop{left:75.7%;top:.6%;width:19.5%;height:3.1%}
.nav-home{left:16.6%;top:31.5%;width:5.4%;height:4.5%}.nav-book{left:23.7%;top:31.5%;width:7.8%;height:4.5%}.nav-shop{left:33.0%;top:31.5%;width:4.3%;height:4.5%}.nav-services{left:39.1%;top:31.5%;width:7.1%;height:4.5%}.nav-portfolio{left:48.2%;top:31.5%;width:8%;height:4.5%}.nav-classes{left:58.3%;top:31.5%;width:6.8%;height:4.5%}.nav-about{left:66.8%;top:31.5%;width:5.8%;height:4.5%}.nav-contact{left:74.5%;top:31.5%;width:7.1%;height:4.5%}
.hero-book{left:5.2%;top:64.3%;width:18.8%;height:6.1%}.hero-shop{left:24.8%;top:64.3%;width:18.6%;height:6.1%}
.banner-signature{left:4.0%;top:83.3%;width:22%;height:8.5%}.banner-bridal{left:26%;top:83.3%;width:23%;height:8.5%}.banner-classes{left:49%;top:83.3%;width:22%;height:8.5%}.banner-vv{left:71%;top:83.3%;width:25%;height:8.5%}
.section{padding:90px 7vw;background:#fff}.cream{background:var(--cream)}.kicker{font-size:11px;letter-spacing:.3em;color:#a96f68}.kicker.rose{color:#e4aaa4}.section h2,.contact h2{font-family:"Cormorant Garamond",serif;font-size:58px;margin:8px 0 18px}.intro{max-width:760px;margin:0 auto 42px;color:#6b5c58;line-height:1.8}.services{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.service-grid article{background:#fff;border:1px solid #e4ceca;padding:30px;min-height:220px}.service-grid article span{font-size:10px;letter-spacing:.18em;color:#b67d76}.service-grid h3{font-family:"Cormorant Garamond",serif;font-size:29px;margin:13px 0}.service-grid p{line-height:1.7;color:#655956}.service-grid strong{font-size:10px;letter-spacing:.11em;color:#a66c65}.btn{display:inline-block;margin-top:28px;padding:15px 26px;font-size:10px;font-weight:600;letter-spacing:.15em}.dark{background:#050505;color:#fff}.blush{background:var(--rose2);color:#211313}.outline{border:1px solid #e2aaa4;color:#fff}
.portfolio{background:#050505;color:#fff;text-align:center}.darktext{color:#b9aaa6}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery figure{margin:0;position:relative;overflow:hidden}.gallery img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{position:absolute;left:20px;bottom:18px;font-family:"Cormorant Garamond",serif;font-size:25px}
.classes-visual{position:relative;background:#090706}.classes-visual img{display:block;width:100%;height:auto}.classes-cta{position:absolute;left:43.4%;top:62%;width:13.3%;height:18%}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.split p{line-height:1.8;color:#675a56}.quote-card{background:#050505;color:#fff;padding:55px;text-align:center;box-shadow:20px 20px 0 #e8beb8}.quote-card span{font-size:36px;color:#e4aaa4}.quote-card h3{font-family:Allura,cursive;font-size:46px;margin:18px 0 5px}.quote-card p{color:#d7c5c1}
.vv-section{background:#050505;color:#fff}.vv-lockup{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}.vvmark{font-family:"Cormorant Garamond",serif;font-size:160px;color:#dfa69f;text-align:center;border:1px solid rgba(228,170,164,.3);padding:40px}.vv-lockup p{color:#c8b4b0;line-height:1.8}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;background:#f8f2ef}.about-card p{line-height:1.8;color:#685b57}.ig{color:#a66d66;font-weight:600}.about-accent{display:grid;grid-template-columns:1fr 1fr;gap:8px}.about-accent div{background:#090707;color:#e5aaa4;padding:46px 25px;text-align:center;font-family:"Cormorant Garamond",serif;font-size:29px;letter-spacing:.08em}
.contact{text-align:center;background:#050505;color:#fff;padding:90px 7vw}.contact-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
footer{background:#000;color:#d8aaa4;text-align:center;padding:35px;display:grid;gap:10px}.footer-name{font-family:"Cormorant Garamond",serif;font-size:28px;letter-spacing:.12em}.footer-tag{font-size:9px;letter-spacing:.4em}footer small{color:#8d7e7a}
@media(max-width:900px){.service-grid,.gallery{grid-template-columns:1fr 1fr}.split,.vv-lockup,.about{grid-template-columns:1fr}.vvmark{font-size:110px}.classes-cta{left:40%;width:20%}}
@media(max-width:620px){.section{padding:65px 6vw}.section h2,.contact h2{font-size:45px}.service-grid,.gallery{grid-template-columns:1fr}.approved-home{overflow:hidden}.approved-home>img{width:165%;max-width:none;transform:translateX(-19.5%)}.hotspots{display:none}.classes-visual{overflow:hidden}.classes-visual img{width:185%;max-width:none;transform:translateX(-23%)}.classes-cta{display:none}.about-accent{grid-template-columns:1fr 1fr}.contact-buttons{flex-direction:column}.footer-tag{letter-spacing:.18em}}

.portfolio-dropdown-wrap{position:absolute;left:48%;top:31.2%;z-index:20}
.portfolio-menu-button{border:0;background:transparent;color:transparent;width:140px;height:44px;cursor:pointer}
.portfolio-menu{position:absolute;top:42px;left:0;min-width:270px;background:rgba(8,8,8,.98);border:1px solid rgba(228,170,164,.45);box-shadow:0 16px 40px rgba(0,0,0,.35);padding:8px 0;display:none;text-align:left}
.portfolio-dropdown-wrap:hover .portfolio-menu,.portfolio-dropdown-wrap.open .portfolio-menu{display:block}
.portfolio-menu a{display:block;padding:13px 18px;color:#f4dedb;font-size:12px;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.06)}
.portfolio-menu a:hover{background:#e8bbb5;color:#1c1111}
.portfolio-controls{max-width:440px;margin:0 auto 44px;text-align:left}
.portfolio-controls label{display:block;color:#e4aaa4;font-size:10px;letter-spacing:.22em;margin-bottom:10px}
.portfolio-controls select{width:100%;padding:15px;border:1px solid rgba(228,170,164,.55);background:#0c0909;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:13px}
.portfolio-panel{display:none}.portfolio-panel.active{display:block}
.portfolio-panel h3{font-family:"Cormorant Garamond",serif;font-size:38px;color:#fff;margin:0 0 22px}
.placeholder-box{aspect-ratio:4/3;display:flex;align-items:flex-end;padding:24px;background:linear-gradient(145deg,#231716,#5a3b37);border:1px solid rgba(228,170,164,.25);color:#fff;font-family:"Cormorant Garamond",serif;font-size:26px}
.portfolio-placeholder{margin:0}.portfolio-placeholder figcaption{position:static;padding-top:10px;color:#a9918d;font-size:11px;font-family:Montserrat,Arial,sans-serif}
@media(max-width:620px){.portfolio-dropdown-wrap{display:none}.portfolio-controls{max-width:none}}

/* Real portfolio photo galleries */
.category-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.portfolio-photo{
  margin:0;
  background:#171010;
  overflow:hidden;
  border:1px solid rgba(228,170,164,.24);
  aspect-ratio:4/5;
}
.portfolio-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transition:transform .35s ease;
}
.portfolio-photo:hover img{transform:scale(1.025)}
@media(max-width:900px){.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.category-gallery{grid-template-columns:1fr;gap:14px}}

/* Five active social icons in approved top banner */






/* Keep the social row contained above the Beauty | Confidence | Self-Love header line */
@media(max-width:700px){
  .social-jewel-bar{
    left:2.1%;
    top:.12%;
    width:26%;
    height:3.45%;
    gap:2.5%;
  }
  .social-jewel-bar a{width:17%}
}

/* Clickable hotspots for baked-in social banner */






/* Corrected five social-media hotspots: aligned to the final smaller jeweled icons */






/* FINAL clickable social icon areas — aligned to the visible jeweled icons */
.hotspots{position:absolute;inset:0;z-index:20}
.hs{position:absolute;display:block;z-index:21}






/* Keep visual layout unchanged; only expand reliable click/tap targets */
.social-instagram,.social-tiktok,.social-facebook,.social-youtube,

/* FINAL verified social hotspots matched to the current 1536px homepage artwork */
.social-instagram{left:13.95%;top:.55%;width:3.45%;height:5.55%}
.social-tiktok{left:18.85%;top:.55%;width:3.45%;height:5.55%}
.social-facebook{left:23.70%;top:.55%;width:3.45%;height:5.55%}
.social-youtube{left:28.50%;top:.55%;width:3.45%;height:5.55%}
.social-pinterest{left:33.40%;top:.55%;width:3.45%;height:5.55%}

/* Real Makeup Classes photos */
.class-photo-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:18px 5vw 34px;
  background:#0a0707;
}
.class-photo-strip figure{margin:0;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(230,176,168,.35)}
.class-photo-strip img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.class-photo-strip{grid-template-columns:1fr;padding:14px 6vw 26px}}