@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600&display=swap');
:root{
 --cream:#f8f2e7; --paper:#fffaf1; --gold:#b8872e; --gold2:#d7aa55;
 --brown:#5d3d22; --ink:#40362d; --line:#d9cbb5; --dark:#4c301c;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.7}
h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--brown);line-height:1.08;margin:0}
h1{font-size:clamp(48px,7vw,86px)} h2{font-size:clamp(38px,5vw,58px)} h3{font-size:30px}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,90%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(250,245,235,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(130,95,50,.12)}
.mobile-menu{display:none !important}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-family:"Cormorant Garamond";font-size:34px;letter-spacing:3px;color:#9c6d25;line-height:.8}
.logo small{display:block;font:600 9px Montserrat;letter-spacing:3px;text-align:center;margin-top:6px;color:#75634e}
nav{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.7px}
nav a{position:relative;padding:28px 0} nav a.active,nav a:hover{color:#9c6d25}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gold);padding:12px 20px;border-radius:3px;background:var(--gold);color:white;font-size:11px;letter-spacing:.5px}
.btn.outline{background:transparent;color:var(--brown)}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;padding:75px 0}
.eyebrow{font-size:10px;letter-spacing:3px;color:#9a763e;text-transform:uppercase;margin-bottom:20px}
.hero p{max-width:540px;color:#776b5d;margin:25px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.image-slot{min-height:500px;border:1px solid #bcae98;background:linear-gradient(135deg,#eee2cf,#faf5ec);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.image-slot:before{content:"IMAGE PLACEHOLDER";letter-spacing:3px;font:500 10px Montserrat;color:#aa9b86}
.image-slot.tall{min-height:560px;border-radius:150px 150px 8px 8px}
.section{padding:95px 0}.section.alt{background:#f2eadc}
.center{text-align:center}.center p{max-width:650px;margin:18px auto 45px;color:#786d60}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:rgba(255,252,246,.65);border:1px solid var(--line);padding:18px}
.card .image-slot{min-height:250px}.card h3{font-size:27px;margin:22px 0 8px}.card p{color:#7b7064;font-size:13px}
.card ul{padding-left:18px;color:#766b5e;font-size:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.quote{padding:32px;background:#fffaf1;border:1px solid var(--line);font-family:"Cormorant Garamond";font-size:24px}
.price-wrap{background:#fffaf1;border:1px solid var(--line);padding:28px}
.price-row{display:flex;justify-content:space-between;border-bottom:1px solid #e6dac8;padding:15px 0;font-family:"Cormorant Garamond";font-size:20px}
.price-row span:last-child{font-family:Montserrat;font-size:12px;color:#9a7437}
.cta{background:var(--dark);color:white;text-align:center;padding:90px 20px}.cta h2{color:white}.cta p{color:#ddcfbd;max-width:620px;margin:20px auto 30px}
footer{background:#3e291b;color:#d9cbb8;padding:60px 0 25px}
.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footergrid h3{color:#f2dfbd;font-size:24px;margin-bottom:15px}.footergrid p,.footergrid a{font-size:12px;color:#cbbca8;display:block;margin:6px 0}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:18px;font-size:10px}
.pagehero{padding:90px 0 70px;text-align:center;background:#f3eadb}.pagehero p{max-width:650px;margin:20px auto;color:#756a5d}
.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:45px}.info{background:#fffaf1;border:1px solid var(--line);padding:30px}.info h3{margin-bottom:20px}.infoitem{padding:15px 0;border-bottom:1px solid #e7dbc9}.infoitem b{display:block;font-size:11px;letter-spacing:1px;color:#9a763e}
form{background:#fffaf1;border:1px solid var(--line);padding:30px;display:grid;gap:16px}label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8b7962}input,textarea,select{width:100%;padding:13px;border:1px solid #d7c9b4;background:#fffdf9;font:13px Montserrat;color:var(--ink)}textarea{min-height:140px;resize:vertical}
.mobile-toggle{display:none;border:0;background:none;font-size:25px;color:var(--brown)}
@media(max-width:800px){
 nav,.nav>.btn{display:none}.mobile-toggle{display:block}.nav{height:70px}
 .hero,.split,.contactgrid{grid-template-columns:1fr}.hero{padding:55px 0}.image-slot.tall{min-height:430px}
 .grid3{grid-template-columns:1fr}.section{padding:65px 0}.footergrid{grid-template-columns:1fr}
 .mobile-menu{display:none !important;position:absolute;left:0;right:0;top:70px;background:#fbf5ea;border-bottom:1px solid var(--line);padding:15px 5%}
 .mobile-menu.open{display:block !important}.mobile-menu a{display:block;padding:10px}
}


/* =========================================
   FEATURED BEAUTY DISCIPLINES
   Replaces only the original 3 service cards
========================================= */
.beauty-disciplines-section{
  background:#f8f2e7;
}
.beauty-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:48px;
  text-align:left;
}
.beauty-card{
  display:block;
  background:#fffaf1;
  border:1px solid var(--line);
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
}
.beauty-card:hover{
  transform:translateY(-7px);
  box-shadow:0 18px 40px rgba(70,48,28,.12);
}
.beauty-card-image{
  height:430px;
  overflow:hidden;
  background:#eadfce;
  border-radius:0;
}
.beauty-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .55s ease;
}
.beauty-card:hover .beauty-card-image img{
  transform:scale(1.045);
}
.beauty-card-content{
  padding:25px 25px 28px;
}
.beauty-card-content h3{
  font-size:29px;
  margin:0 0 9px;
}
.beauty-card-content p{
  margin:0;
  color:#7b7064;
  font-size:13px;
  line-height:1.75;
}
@media(max-width:800px){
  .beauty-cards{grid-template-columns:1fr;gap:20px;}
  .beauty-card-image{height:380px;}
}
@media(min-width:801px) and (max-width:1050px){
  .beauty-cards{gap:16px;}
  .beauty-card-image{height:360px;}
}

/* Language switcher */
.language-switcher{display:flex;align-items:center;gap:4px;border:1px solid #d9cbb5;border-radius:999px;padding:3px 8px;background:rgba(255,250,241,.7);white-space:nowrap}
.language-switcher button{border:0;background:transparent;color:#75634e;font:600 10px Montserrat,Arial,sans-serif;letter-spacing:.7px;padding:5px 3px;cursor:pointer}
.language-switcher button.active{color:#9c6d25;font-weight:700}
.language-switcher span{color:#c5b49c;font-size:10px}
@media(max-width:800px){.language-switcher{margin-left:auto;margin-right:4px}.nav{gap:10px}.language-switcher button{padding:4px 2px}}

/* =========================================
   SERVICES — editorial menu layout
   Only the Services page uses these classes.
========================================= */
.services-hero{padding:92px 0 78px}
.services-hero .eyebrow{display:inline-block;border:1px solid #bca27c;border-radius:30px;padding:7px 15px;margin-bottom:18px;background:rgba(255,250,241,.35)}
.services-hero p{max-width:720px;font-size:15px}
.lash-pricing-section{background:#f3e4bd;padding-top:72px;padding-bottom:105px}
.pricing-art-card{position:relative;overflow:hidden;max-width:1060px;margin:0 auto;padding:52px 62px 70px;background:#fffaf1;border-radius:240px 240px 0 0;box-shadow:0 22px 55px rgba(93,61,34,.08)}
.pricing-brand{text-align:center;font:500 74px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:9px;color:var(--brown);margin-bottom:52px}
.pricing-brand span{display:block;font:600 13px/1.2 Montserrat,sans-serif;letter-spacing:2px;margin-top:12px}
.pricing-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.pricing-columns.refills{margin-top:55px}
.pricing-column h2{font-size:34px;margin-bottom:16px}
.service-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(93,61,34,.6);padding:18px 0;font:600 25px/1.2 "Cormorant Garamond",Georgia,serif;color:var(--brown)}
.service-row strong{font:600 17px Montserrat,sans-serif;white-space:nowrap}
.service-row-spacer{visibility:hidden}
.service-feature{display:grid;grid-template-columns:1fr 1fr;min-height:980px;background:#f2e2b8}
.service-feature-image{min-height:100%;overflow:hidden}
.service-feature-image img{width:100%;height:100%;display:block;object-fit:cover}
.service-feature-menu{padding:76px 7vw 70px;background:#f3e4bd;color:var(--brown)}
.service-feature-menu h2{font-size:58px;letter-spacing:2px;margin-bottom:48px}
.menu-group{margin-bottom:28px}
.menu-group h3{font-size:31px;letter-spacing:1px;margin-bottom:6px}
.menu-row{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(122,91,62,.55);padding:18px 4px;font:600 21px/1.25 "Cormorant Garamond",Georgia,serif}
.menu-row strong{font:600 14px Montserrat,sans-serif;white-space:nowrap}
.service-feature-right{grid-template-columns:1fr 1fr}
.service-feature-right .service-feature-menu{position:relative;padding:0;background:#f3e4bd;overflow:hidden}
.brow-heading{display:inline-flex;background:#7a5b3e;color:#f4e4b8;padding:30px 55px 25px;border-radius:0 0 22px 0;font:600 48px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:1px}
.brow-menu-inner{padding:150px 52px 50px}
.brow-menu-inner h3{font-size:34px;margin-bottom:15px}
.brow-menu-inner .menu-row{font-size:26px;padding:23px 4px}
.brow-brand{position:absolute;left:0;bottom:0;width:78%;padding:32px 45px;background:#7a5b3e;color:#f4e4b8;border-radius:0 24px 0 0;text-align:center;font:600 53px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:2px}
.brow-brand small{display:block;font:600 15px Montserrat,sans-serif;letter-spacing:2px;margin-top:10px}
@media(max-width:900px){
 .pricing-art-card{padding:42px 34px 55px;border-radius:150px 150px 0 0}
 .pricing-columns{gap:35px}
 .pricing-brand{font-size:58px}
 .service-feature,.service-feature-right{grid-template-columns:1fr;min-height:auto}
 .service-feature-image{height:600px}
 .service-feature-right .service-feature-image{order:-1}
 .service-feature-menu{padding:60px 7%}
 .brow-menu-inner{padding:80px 7% 170px}
 .brow-brand{width:70%}
}
@media(max-width:620px){
 .services-hero{padding:68px 0 55px}
 .services-hero h1{font-size:49px}
 .lash-pricing-section{padding:50px 0 70px}
 .pricing-art-card{width:100%;padding:34px 22px 48px;border-radius:90px 90px 0 0}
 .pricing-brand{font-size:45px;letter-spacing:5px;margin-bottom:34px}
 .pricing-brand span{font-size:10px}
 .pricing-columns,.pricing-columns.refills{grid-template-columns:1fr;gap:12px;margin-top:0}
 .pricing-columns.refills{margin-top:35px}
 .pricing-columns>.pricing-column:nth-child(2){display:none}
 .pricing-column h2{font-size:30px}
 .service-row{font-size:21px;padding:14px 0}
 .service-feature-image{height:430px}
 .service-feature-menu{padding:48px 7%}
 .service-feature-menu h2{font-size:43px;margin-bottom:32px}
 .menu-group h3{font-size:26px}
 .menu-row{font-size:19px;padding:15px 2px}
 .brow-heading{font-size:35px;padding:24px 28px 20px}
 .brow-menu-inner{padding:65px 7% 150px}
 .brow-menu-inner .menu-row{font-size:21px}
 .brow-brand{width:78%;padding:25px 20px;font-size:42px}
 .brow-brand small{font-size:11px}
}

/* Precise two-column pricing table for the Services page */
.pricing-table-block{max-width:900px;margin:0 auto}
.pricing-table-head,.pricing-table-row{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}
.pricing-table-head{align-items:end;margin-bottom:10px}
.pricing-table-head h2{font-size:34px}
.pricing-table-row{border-bottom:1px solid rgba(93,61,34,.7);padding:19px 4px;font:600 25px/1.2 "Cormorant Garamond",Georgia,serif;color:var(--brown)}
.pricing-table-row strong{font:600 17px Montserrat,sans-serif;justify-self:start}
.refills-block{margin-top:54px}
@media(max-width:620px){.pricing-table-head,.pricing-table-row{grid-template-columns:1fr auto;column-gap:20px}.pricing-table-head h2{font-size:29px}.pricing-table-row{font-size:21px;padding:15px 2px}.pricing-table-row strong{justify-self:end}}

/* KIM gold logo image */
.logo.logo-image{display:flex;align-items:center;width:112px;height:62px;line-height:1;flex:0 0 auto;}
.logo.logo-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.footergrid .logo.logo-image{width:150px;height:92px;align-items:flex-start;}
@media(max-width:800px){
  .logo.logo-image{width:92px;height:58px;}
  .footergrid .logo.logo-image{width:135px;height:82px;}
}

/* Footer logo image */
.footergrid .footer-logo{width:150px;height:92px;display:flex;align-items:flex-start;}
.footergrid .footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
@media(max-width:820px){.footergrid .footer-logo{width:135px;height:82px;}}

/* Home hero image */
.image-slot:has(img)::before{display:none;}
.image-slot img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;}


/* KIM Beauty — Experience gallery: all three images use identical display dimensions */
.experience-grid .experience-image{min-height:0;height:250px;padding:0;border:0;background:none;}
.experience-grid .experience-image:before{display:none}
.experience-grid .experience-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media (max-width:800px){.experience-grid .experience-image{height:260px}}

/* Artwork image in About section */
.split .image-slot:has(img)::before{display:none}
.split .image-slot img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

/* Precise image fitting for the two featured split-section images */
.philosophy-image,
.artistry-image{
  height:500px;
  min-height:500px;
}
.philosophy-image{
  height:560px;
  min-height:560px;
}
.philosophy-image img,
.artistry-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:800px){
  .philosophy-image{height:430px;min-height:430px;}
  .artistry-image{height:430px;min-height:430px;}
}

/* Contact image */
.contact-image img{width:100%;height:100%;min-height:230px;display:block;object-fit:cover;object-position:center;}
.contact-image{padding:0;}
.contact-image::before{display:none!important;}

/* Booking page image */
.booking-image{min-height:540px;}
.booking-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.booking-image:before{display:none;}