@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Italianno&family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#0a0e10;--panel:#101518;--pink:#dfbe72;--gold:#cfb58a;--cream:#f3eee5;--muted:#a5a4a2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}header{height:112px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-family:Italianno,'Brush Script MT',cursive;font-size:55px;line-height:.8;color:var(--gold);display:block;text-align:center}.logo span{display:block;font:10px Manrope,Arial,sans-serif;letter-spacing:5px;margin:14px 0 0 6px}nav{display:flex;gap:37px;font-size:14px}nav a:hover,footer a:hover{color:var(--pink)}.button{background:var(--pink);color:#221b0d;display:inline-flex;align-items:center;justify-content:center;gap:40px;font-size:14px;font-weight:600;line-height:1.3;padding:20px 26px;border:1px solid var(--pink);transition:background .2s,transform .2s}.button:hover{background:#ffe4a1;transform:translateY(-2px)}.button span{font-size:20px}.button.small{background:transparent;color:var(--pink);padding:14px 20px;gap:24px}.ribbon{text-align:center;background:linear-gradient(90deg,#71501d,#f4db91 50%,#9d7228);color:#241a08;font-size:11px;letter-spacing:3.5px;padding:10px 16px}.hero{position:relative;min-height:700px;height:min(750px,68vw);max-height:850px;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 25%),linear-gradient(90deg,transparent 35%,#0a0e1022 55%,#0a0e1055)}.hero-copy{position:relative;margin-left:54%;padding-top:125px;width:42%;max-width:640px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:500;margin:0 0 20px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.05;margin:0}h1{font-size:clamp(56px,5.6vw,88px);letter-spacing:-2.5px}em{font-weight:400;color:var(--pink)}.hero-copy>p:not(.eyebrow){font-size:16px;color:#d2c8bd;margin:28px 0 31px}.signature{font-family:Italianno,cursive;font-size:30px;color:var(--gold);margin-top:27px}.scroll{position:absolute;bottom:40px;left:6%;font-size:11px;letter-spacing:2px;display:flex;gap:30px;align-items:center}.scroll span{font-size:23px;color:var(--pink)}.section{max-width:1440px;margin:auto;padding:90px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}h2{font-size:clamp(42px,4vw,62px);letter-spacing:-1px}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-grid article{padding:0 28px;border-right:1px solid #cfb58a30}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0;padding-right:0}.number{font-size:11px;letter-spacing:2px;color:var(--gold)}h3{font-size:30px;margin:23px 0 18px}.service-grid p,.care-grid p{color:var(--muted);font-size:14px;line-height:1.85}.service-grid a{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--pink);margin-top:28px}.service-grid a span{font-size:21px}.experience{background:var(--panel);display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:80px;margin-top:30px;padding-top:80px;padding-bottom:80px}.experience-mark{font-family:'Cormorant Garamond',Georgia,serif;font-size:230px;line-height:1;text-align:center;color:#cfb58a33;position:relative}.experience-mark span{position:absolute;top:48%;left:0;width:100%;font-family:Italianno,cursive;font-size:77px;line-height:1;color:var(--gold)}.experience p:not(.eyebrow){color:var(--muted);max-width:540px;margin:25px 0}.text-link{font-size:14px;color:var(--pink);border-bottom:1px solid #dfbe7250;padding-bottom:8px}.text-link span{margin-left:32px}.care{padding-top:100px}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.care-grid article{padding:30px;background:linear-gradient(135deg,#1a1d20,#101518);border-top:1px solid #cfb58a66}.care-grid article>span{color:var(--pink);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px}.care-grid h3{margin-top:20px}.appointment{text-align:center;padding:85px 6% 105px;border-top:1px solid #cfb58a30}.appointment>p:not(.eyebrow){color:var(--muted);margin:25px 0 30px}footer{padding:50px 6% 28px;border-top:1px solid #cfb58a30;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p{font-size:14px;color:var(--muted)}footer>a:not(.logo){font-size:13px;color:var(--gold)}footer small{width:100%;text-align:center;color:#858583;font-size:11px;margin-top:28px}dialog{background:var(--panel);color:var(--cream);border:1px solid var(--gold);max-width:540px;width:calc(100% - 36px);padding:48px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:45px}#close-dialog{position:absolute;right:16px;top:10px;background:none;border:0;color:var(--pink);font-size:30px}.template-note{font-size:14px;color:var(--muted)}dialog .button{margin-top:15px}
@media(min-width:1700px){.hero-copy{padding-top:150px}}@media(max-width:1000px){header{padding:0 5%}nav{gap:20px}.hero{min-height:620px}.hero-copy{padding-top:110px;margin-left:50%;width:47%}h1{font-size:60px}.service-grid{grid-template-columns:repeat(2,1fr);gap:45px 0}.service-grid article:nth-child(2){border:0;padding-right:0}.service-grid article:nth-child(3){padding-left:0}.experience{gap:30px}.section{padding-left:5%;padding-right:5%}.care-grid article{padding:25px}.section-heading>p{max-width:260px}}
@media(max-width:680px){header{height:95px;gap:15px}.logo{font-size:47px}.logo span{font-size:9px;letter-spacing:4px}nav{display:none}.button.small{padding:12px 14px;font-size:12px;gap:15px}.ribbon{font-size:9px;letter-spacing:2px}.hero{height:880px;min-height:0;max-height:none}.hero>img{height:550px;object-position:28% center;object-fit:cover}.hero-shade{background:linear-gradient(0deg,var(--bg) 29%,transparent 65%)}.hero-copy{padding-top:440px;margin-left:0;width:100%;text-align:center;padding-left:18px;padding-right:18px}h1{font-size:53px;letter-spacing:-1.5px}.hero-copy .eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:18px}.hero-copy>p:not(.eyebrow){margin:22px 0}.signature{font-size:29px;margin-top:22px}.scroll{display:none}.section{padding:65px 24px}.section-heading{display:block;margin-bottom:37px}.section-heading>p{max-width:none;margin-top:25px}.section-heading>p br{display:none}h2{font-size:43px}.eyebrow{font-size:10px;letter-spacing:2.3px}.service-grid{gap:35px 0}.service-grid article{padding:0 18px}.service-grid h3{font-size:27px}.number{font-size:10px;letter-spacing:1.2px}.service-grid p{font-size:14px}.service-grid a{font-size:11px;gap:7px}.experience{grid-template-columns:1fr;gap:30px;margin-top:0}.experience-mark{font-size:150px}.experience-mark span{font-size:65px}.experience h2{font-size:45px}.care-grid{grid-template-columns:1fr;gap:18px}.care-grid article{padding:27px}.care-grid h3{margin:10px 0}.appointment{padding-top:65px;padding-bottom:70px}footer{padding:40px 24px;justify-content:center;text-align:center}footer p{width:100%;margin:10px 0}footer small{margin-top:15px}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Reflective gold finish */
:root{--gold:#d9b96f;--pink:#dfbe72;--metal:linear-gradient(115deg,#98712d 0%,#dfbb65 20%,#fff0b7 36%,#bd8d35 49%,#f5d98c 64%,#fff4c8 76%,#af8030 100%)}
.logo,em,.signature{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}.logo span{color:var(--gold)}
.button,.button.small{background:var(--metal);color:#201805;border-color:#ebce88;box-shadow:inset 0 1px 0 #fff5d3b3,0 5px 20px #0003}.button:hover,.button.small:hover{background:linear-gradient(115deg,#c19746,#fff1b8 35%,#d3a84e 60%,#ffeaa0);color:#201805}
.ribbon{background:var(--metal);color:#211a0a}.text-link{border-bottom-color:#d9b96f70}

/* Slow, warm illumination across the gold details. */
@keyframes gold-letter-glow{
  0%,100%{filter:drop-shadow(0 0 1px rgba(229,185,81,.12))}
  50%{filter:drop-shadow(0 0 6px rgba(246,204,108,.55)) drop-shadow(0 0 15px rgba(205,151,42,.2))}
}
@keyframes gold-surface-glow{
  0%,100%{box-shadow:inset 0 1px 0 #fff5d3b3,0 0 5px rgba(223,180,78,.1),0 0 12px rgba(205,151,42,.04)}
  50%{box-shadow:inset 0 1px 0 #fff8dce6,0 0 15px rgba(240,196,93,.38),0 0 32px rgba(205,151,42,.16)}
}
.logo,em,.signature,.eyebrow,.text-link,.number{animation:gold-letter-glow 7s ease-in-out infinite}
.button,.button.small,.ribbon{animation:gold-surface-glow 7s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){
  .logo,em,.signature,.eyebrow,.text-link,.number,.button,.button.small,.ribbon{animation:none}
}

/* Compact navigation and crown-safe portrait framing. */
header{height:92px;position:relative;z-index:2}
.hero>img{object-position:center top}
@media(max-width:680px){header{height:82px}.hero>img{object-position:28% top}}

/* Salon photograph beside the experience copy. */
.experience{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.experience-photo{display:block;width:100%;height:auto;border:1px solid #d9b96f55;box-shadow:0 14px 40px #0004}
@media(max-width:680px){.experience{grid-template-columns:1fr;gap:36px}}

/* Full salon logo, contained within the navigation bar. */
header{height:120px;background:#000;max-width:none;padding-top:8px;padding-bottom:8px}
.header-brand{display:flex;align-items:center;justify-content:center;flex:0 0 100px;align-self:stretch}
.header-brand img{display:block;width:100%;height:100%;max-height:104px;object-fit:contain}
@media(max-width:680px){header{height:104px;padding-top:6px;padding-bottom:6px}.header-brand{flex-basis:80px}.header-brand img{max-height:92px}}

/* Gold dust gently illuminates behind the service section. */
.services{position:relative;isolation:isolate;overflow:hidden;background:#080909}
.services::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/gold-dust.jpg') center 65%/cover no-repeat;opacity:.55;animation:gold-dust-pulse 7s ease-in-out infinite;pointer-events:none}
.services::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,8,10,.72) 0%,rgba(5,8,10,.65) 48%,rgba(5,8,10,.7) 100%);pointer-events:none}
.services .section-heading>p,.services .service-grid p{color:#d9d6cf}
@keyframes gold-dust-pulse{0%,100%{opacity:.5;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.4)}}
@media(prefers-reduced-motion:reduce){.services::before{animation:none;opacity:.75;filter:none}}

/* Ornamental gold background for the Illusions Experience. */
.experience{background:linear-gradient(90deg,rgba(5,7,8,.48),rgba(5,7,8,.76)),url('assets/gold-botanical.jpg') center/474px 474px repeat}
.experience>div{background:rgba(7,10,12,.8);padding:32px;border:1px solid rgba(217,185,111,.22)}
.experience p:not(.eyebrow){color:#d9d6cf}
@media(max-width:680px){.experience>div{padding:25px 20px}.experience{background-size:auto,380px 380px}}

/* Nail salon: matching editorial photo and complete service menu. */
.nails{background:#101518;border-top:1px solid #d9b96f33}
.nail-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.nail-intro>img{display:block;width:100%;height:auto;border:1px solid #d9b96f55}
.nail-intro>div>p:not(.eyebrow){color:#c7c4bd;line-height:1.85;margin:25px 0 30px}
.nail-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:65px}
.nail-menu article{border-top:1px solid #d9b96f66;padding-top:25px}
.nail-menu h3{font-size:30px}.nail-menu p,.nail-menu li{font-size:14px;color:#c7c4bd;line-height:1.85}
.nail-menu ul{list-style:none;padding:0;margin:22px 0 0}.nail-menu li{padding:8px 0;border-bottom:1px solid #d9b96f20}
@media(max-width:1000px){.nail-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.nail-intro{gap:30px}nav{gap:20px}}
@media(max-width:680px){.nail-intro{grid-template-columns:1fr;gap:32px}.nail-menu{grid-template-columns:1fr;margin-top:42px;gap:30px}}

/* Black silk and gold florals behind the nail salon. */
.nails{background:linear-gradient(180deg,rgba(4,6,8,.38),rgba(4,6,8,.68)),url('assets/nails-gold-silk.jpg') center/cover no-repeat}
.nail-intro>div{background:rgba(5,8,10,.8);padding:30px;border:1px solid #d9b96f33}
.nail-menu article{background:rgba(5,8,10,.82);padding:25px 20px 20px}
@media(max-width:680px){.nail-intro>div{padding:25px 20px}.nails{background-position:center,65% center}}

/* White and gold marble for The Beauty Continues. */
.care{background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),url('assets/white-gold-marble.jpg') center/cover no-repeat;color:#191919}
.care .section-heading{background:rgba(255,255,255,.9);padding:30px;border:1px solid #b68a3e66}
.care .eyebrow{color:#715019;animation:none}
.care h2 em{background:linear-gradient(115deg,#644312,#9c7128 40%,#654210 75%,#8a6120);background-clip:text;-webkit-background-clip:text;color:transparent;animation:none}
.care .section-heading>p{color:#41403c}
.care-grid article{background:rgba(255,255,255,.94);border-top:2px solid #a67b30;box-shadow:0 8px 24px #231a1014}
.care-grid article>span{color:#795519}.care-grid h3{color:#191919}.care-grid p{color:#41403c}
@media(max-width:680px){.care .section-heading{padding:25px 20px}}

/* Complete hair service menu on marble. */
.hair-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hair-services article>span{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:12px;letter-spacing:2px}
.hair-services h3{font-size:34px;line-height:1.12}
.hair-services ul{list-style:none;padding:0;margin:22px 0 0}
.hair-services li{font-size:14px;line-height:1.7;color:#34312c;padding:8px 0;border-bottom:1px solid #a67b3033}
.hair-consult{margin:36px 0 24px;padding:25px 28px;background:rgba(255,255,255,.94);color:#34312c;max-width:800px;border-left:2px solid #a67b30}
@media(max-width:680px){.hair-services{grid-template-columns:1fr}.hair-services h3{font-size:30px}.hair-consult{padding:22px}}

/* Featured best-selling keratin treatment. */
.keratin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(32px,5vw,72px);align-items:center;background:#060708;border-top:1px solid #d9b96f44;border-bottom:1px solid #d9b96f44;padding-top:85px;padding-bottom:85px}
.keratin-visual{position:relative;min-width:0;border:1px solid #d9b96f55;box-shadow:0 20px 55px #0008}
.keratin-visual img{display:block;width:100%;height:auto}
.keratin-caption{display:block;padding:17px 14px;text-align:center;font-size:11px;letter-spacing:2px;color:#d9b96f;background:#080a0c}
.keratin-copy .eyebrow{font-weight:600;letter-spacing:3px}
.keratin-name{display:block;font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(48px,5.8vw,84px);line-height:1.12;letter-spacing:-2px;background:var(--metal);background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-letter-glow 7s ease-in-out infinite}
.keratin-subtitle{display:block;margin-top:12px;font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.6;letter-spacing:3.3px;color:#d9b96f}
.keratin-promise{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,3vw,46px);line-height:1.12;margin:29px 0 23px;color:#f3eee5}
.keratin-description{font-size:16px;line-height:1.85;color:#ccc7bd}
.keratin-benefits{display:flex;flex-wrap:wrap;gap:10px 20px;padding:20px 0;margin:22px 0;border-top:1px solid #d9b96f33;border-bottom:1px solid #d9b96f33;font-size:13px;color:#e3c986}
.keratin-consult{font-size:14px;line-height:1.85;color:#bcb8af;margin:0 0 25px}
.keratin-copy .button{gap:24px;max-width:100%}.keratin-note{font-size:12px;color:#aaa69e;line-height:1.6;margin:18px 0 0}
@media(max-width:1000px){.keratin{gap:32px}.keratin-name{font-size:clamp(45px,6vw,66px)}}
@media(max-width:680px){.keratin{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:38px}.keratin-name{font-size:clamp(43px,12vw,68px)}.keratin-subtitle{font-size:11px;letter-spacing:2px}.keratin-caption{font-size:10px}.keratin-promise{font-size:40px}}
@media(prefers-reduced-motion:reduce){.keratin-name{animation:none}}

/* Glowing black and gold hair-services backdrop. */
.care{background:linear-gradient(rgba(3,5,7,.5),rgba(3,5,7,.63)),url('assets/hair-gold-lights.jpg') center top/100% auto repeat-y;color:#f3eee5}
.care .section-heading{background:rgba(5,8,10,.86);border-color:#d9b96f55}
.care .eyebrow{color:#d9b96f;animation:gold-letter-glow 7s ease-in-out infinite}
.care h2 em{background:var(--metal);background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-letter-glow 7s ease-in-out infinite}
.care .section-heading>p,.care-grid p,.hair-services li{color:#d2cec5}
.care-grid article{background:rgba(5,8,10,.88);border-top-color:#d9b96f;box-shadow:0 8px 24px #0003}
.care-grid article>span{color:#d9b96f}.care-grid h3{color:#f3eee5}
.hair-services li{border-bottom-color:#d9b96f33}
.hair-consult{background:rgba(5,8,10,.9);color:#d2cec5;border-left-color:#d9b96f}
@media(prefers-reduced-motion:reduce){.care .eyebrow,.care h2 em{animation:none}}

/* Black satin backdrop for the featured keratin service. */
.keratin{background:linear-gradient(90deg,rgba(3,5,7,.24),rgba(3,5,7,.66)),url('assets/keratin-black-satin.png') center/cover no-repeat}
.keratin-copy{background:rgba(4,6,8,.66);padding:30px;border:1px solid #d9b96f33}
@media(max-width:680px){.keratin-copy{padding:25px 20px}}

/* Gold dryer and chrome shears cursor for mouse users. */
@media(hover:hover) and (pointer:fine){
  html,body,body *{cursor:url('assets/salon-gold-cursor.png') 13 2,auto}
  a,button,[role="button"],a *,button *{cursor:url('assets/salon-gold-cursor.png') 13 2,pointer}
  input,textarea,[contenteditable="true"]{cursor:text}
}

/* A coordinated, gentle gold pulse across the entire salon. */
:root{--gold-pulse-duration:8s}
.logo,em,.signature,.eyebrow,.text-link,.number,.keratin-name,.keratin-subtitle,.keratin-caption,.keratin-benefits span,.care-grid article>span,.service-grid a,.scroll span,footer>a:not(.logo){animation:gold-letter-glow var(--gold-pulse-duration) ease-in-out infinite}
.care .eyebrow,.care h2 em{animation:gold-letter-glow var(--gold-pulse-duration) ease-in-out infinite}
.button,.button.small,.ribbon{animation:gold-surface-glow var(--gold-pulse-duration) ease-in-out infinite}
@keyframes gold-frame-pulse{0%,100%{border-color:rgba(217,185,111,.25);box-shadow:0 0 3px rgba(217,185,111,.04)}50%{border-color:rgba(242,209,137,.78);box-shadow:0 0 17px rgba(217,185,111,.17)}}
.experience-photo,.experience>div,.care-grid article,.care .section-heading,.nail-intro>img,.nail-intro>div,.nail-menu article,.keratin-visual,.keratin-copy{animation:gold-frame-pulse var(--gold-pulse-duration) ease-in-out infinite}
@keyframes logo-gold-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2) drop-shadow(0 0 5px rgba(217,185,111,.25))}}
.header-brand img{animation:logo-gold-pulse var(--gold-pulse-duration) ease-in-out infinite}
.experience,.care,.nails,.keratin{position:relative;isolation:isolate}
.experience::before,.care::before,.nails::before,.keratin::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:inherit;animation:gold-background-pulse var(--gold-pulse-duration) ease-in-out infinite}
@keyframes gold-background-pulse{0%,100%{opacity:0;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.35)}}
.services::before{animation-duration:var(--gold-pulse-duration)}
@media(prefers-reduced-motion:reduce){
 .logo,em,.signature,.eyebrow,.text-link,.number,.keratin-name,.keratin-subtitle,.keratin-caption,.keratin-benefits span,.care-grid article>span,.service-grid a,.scroll span,footer>a:not(.logo),.care .eyebrow,.care h2 em,.button,.button.small,.ribbon,.experience-photo,.experience>div,.care-grid article,.care .section-heading,.nail-intro>img,.nail-intro>div,.nail-menu article,.keratin-visual,.keratin-copy,.header-brand img,.experience::before,.care::before,.nails::before,.keratin::before,.services::before{animation:none}
 .experience::before,.care::before,.nails::before,.keratin::before{opacity:0}
}

/* Visible illumination on the image backgrounds, below the content. */
.experience,.care,.nails,.keratin{background:none;isolation:isolate;position:relative}
.experience::before,.care::before,.nails::before,.keratin::before{opacity:1;z-index:-1;background-blend-mode:normal;animation:background-illumination 8s ease-in-out infinite}
.experience::before{background:linear-gradient(90deg,rgba(5,7,8,.26),rgba(5,7,8,.46)),url('assets/gold-botanical.jpg') center/474px 474px repeat}
.care::before{background:linear-gradient(rgba(3,5,7,.22),rgba(3,5,7,.38)),url('assets/hair-gold-lights.jpg') center top/100% auto repeat-y}
.nails::before{background:linear-gradient(rgba(4,6,8,.15),rgba(4,6,8,.4)),url('assets/nails-gold-silk.jpg') center/cover no-repeat}
.keratin::before{background:linear-gradient(90deg,rgba(3,5,7,.12),rgba(3,5,7,.35)),url('assets/keratin-black-satin.png') center/cover no-repeat}
@keyframes background-illumination{0%,100%{filter:brightness(.8) saturate(1);opacity:1}50%{filter:brightness(1.65) saturate(1.12);opacity:1}}
.services::before{animation:background-illumination 8s ease-in-out infinite;opacity:1}
.services::after{background:linear-gradient(180deg,rgba(5,8,10,.7),rgba(5,8,10,.5))}
@keyframes hero-illumination{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.16)}}
.hero>img{animation:hero-illumination 8s ease-in-out infinite}
@media(max-width:680px){.experience::before{background-size:auto,380px 380px}.nails::before{background-position:center,65% center}}
@media(prefers-reduced-motion:reduce){.experience::before,.care::before,.nails::before,.keratin::before,.services::before,.hero>img{animation:none;filter:none;opacity:1}}

/* Legible gold-script menu wordmark. */
header{height:104px;gap:24px}
.header-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 218px;padding:6px 4px;line-height:1;white-space:nowrap;font-family:Italianno,'Brush Script MT',cursive;font-weight:400;text-align:center;animation:gold-letter-glow 8s ease-in-out infinite}
.header-wordmark span{display:block;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:58px;line-height:.95;padding:0 8px}
.header-wordmark span+span{font-size:34px;line-height:1.05;margin-top:1px}
@media(max-width:1000px){header{gap:18px;padding-left:4%;padding-right:4%}.header-wordmark{flex-basis:180px}.header-wordmark span{font-size:52px}.header-wordmark span+span{font-size:31px}header nav{gap:15px;font-size:13px}header .button.small{gap:12px;padding:13px 15px}}
@media(max-width:760px){header nav{display:none}}
@media(max-width:680px){header{height:96px;gap:12px}.header-wordmark{flex-basis:155px}.header-wordmark span{font-size:48px}.header-wordmark span+span{font-size:29px}header .button.small{padding:12px 10px;font-size:12px;gap:9px}}
@media(prefers-reduced-motion:reduce){.header-wordmark{animation:none}}

/* Reference-style gold calligraphy menu artwork. */
.header-art-wordmark{display:flex;align-items:center;justify-content:center;flex:0 0 245px;min-width:0;align-self:stretch}
.header-art-wordmark img{display:block;width:100%;height:88px;object-fit:contain;animation:logo-gold-pulse 8s ease-in-out infinite}
@media(max-width:1000px){.header-art-wordmark{flex-basis:200px}.header-art-wordmark img{height:84px}}
@media(max-width:680px){.header-art-wordmark{flex-basis:175px}.header-art-wordmark img{height:78px}}
@media(prefers-reduced-motion:reduce){.header-art-wordmark img{animation:none}}

/* Concourse Village location. */
.location{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,65px);align-items:center;background:#0a0e10;border-top:1px solid #d9b96f44}
.location-photo{border:1px solid #d9b96f66;animation:gold-frame-pulse 8s ease-in-out infinite}.location-photo img{width:100%;height:auto;display:block}
.location-copy>p:not(.eyebrow){color:#d2cec5;line-height:1.85;margin:25px 0}
.location address{font-style:normal;color:#d2cec5;line-height:1.85;margin:0 0 28px;font-size:16px}.location address strong{color:#e3c986;font-weight:600}
@media(max-width:1100px){header nav{gap:12px;font-size:12px}.header-art-wordmark{flex-basis:200px}}
@media(max-width:900px){header nav{display:none}}
@media(max-width:680px){.location{grid-template-columns:1fr;gap:34px}}
@media(prefers-reduced-motion:reduce){.location-photo{animation:none}}

/* Guest stories, with complete reviews available without JavaScript. */
.reviews{background:radial-gradient(ellipse at top,#75603726,transparent 65%),#080b0d;border-top:1px solid #d9b96f44}
.reviews-heading{max-width:860px;margin:0 auto 52px;text-align:center}
.reviews-heading h2{font-size:clamp(36px,5.5vw,76px);font-weight:700;line-height:1.12;letter-spacing:.025em;background:var(--metal);background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-letter-glow 8s ease-in-out infinite}
.reviews-heading>p:last-child{max-width:620px;margin:24px auto 0;color:#d2cec5;line-height:1.8}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.review-card{min-width:0;padding:28px;background:#0b1015eb;border:1px solid #d9b96f55;animation:gold-frame-pulse 8s ease-in-out infinite}
.review-source{color:#d9b96f;font-size:10px;letter-spacing:.19em;margin:0 0 14px}
.review-card h3{font-size:19px;line-height:1.4;color:#f3e5c5;margin:0 0 18px;overflow-wrap:anywhere}
.review-card summary{list-style:none;cursor:pointer}.review-card summary::-webkit-details-marker{display:none}
.review-excerpt,.review-card blockquote{font-size:14px;line-height:1.85;color:#d2cec5;overflow-wrap:anywhere}
.review-excerpt{display:block;min-height:104px}.review-card blockquote{margin:18px 0 0;white-space:pre-line}
.review-expand,.review-collapse{color:#e5c77f;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;min-height:44px}
.review-collapse{display:none}.review-card details[open] .review-collapse{display:flex}.review-card details[open] .review-expand,.review-card details[open] .review-excerpt{display:none}
.review-original{display:inline-flex;gap:12px;align-items:center;color:#c5baa1;font-size:11px;min-height:44px;margin-top:12px;border-top:1px solid #d9b96f33;width:100%}
.review-card summary:focus-visible,.review-original:focus-visible{outline:2px solid #e5c77f;outline-offset:5px}
@media(max-width:1000px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:24px}.review-excerpt{min-height:0}.reviews-heading{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.reviews-heading h2,.review-card{animation:none}}

/* Stylists: a personal introduction in the salon's black and gold palette. */
.stylists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center;background:radial-gradient(ellipse at top left,#8b6b3029,transparent 65%),#080b0d;border-top:1px solid #d9b96f44}
.stylists-intro>p:last-child,.stylist-approach>p:not(.eyebrow){color:#d2cec5;line-height:1.85;max-width:560px;margin:24px 0}
.stylist-approach{min-width:0;padding:clamp(25px,4vw,52px);background:linear-gradient(145deg,#191711,#0a0e10);border:1px solid #d9b96f66}
.stylist-signature{font-family:Italianno,'Brush Script MT',cursive;font-size:clamp(42px,4vw,62px);line-height:1.2;color:#e3c986;margin-bottom:30px}
.stylist-approach .eyebrow{font-size:10px;line-height:1.8}.stylist-approach h3{font-size:clamp(30px,3vw,42px);line-height:1.15;margin:18px 0}
.stylist-details{display:flex;flex-wrap:wrap;gap:10px 20px;border-top:1px solid #d9b96f33;padding-top:20px;margin:0 0 28px;color:#e3c986;font-size:12px;line-height:1.7}
.stylist-approach .button{max-width:100%;gap:20px}.stylists a:focus-visible{outline:2px solid #e5c77f;outline-offset:5px}
@media(min-width:901px) and (max-width:1200px){header{gap:14px}header nav{gap:10px;font-size:11px}.header-art-wordmark{flex-basis:180px}header .button.small{padding:12px;gap:10px}}
@media(max-width:680px){.stylists{grid-template-columns:1fr;gap:32px}.stylist-approach{padding:28px 22px}}

/* Jasmine's featured stylist profile and illustrative lookbook. */
.stylists{display:block}.stylists-intro{max-width:760px;margin-bottom:48px}.jasmine-profile{padding:clamp(24px,4vw,55px);border:1px solid #d9b96f66;background:linear-gradient(145deg,#1c1810,#090d10 58%)}
.jasmine-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.jasmine-heading h3{font-family:Italianno,'Brush Script MT',cursive;font-weight:400;font-size:clamp(68px,8vw,106px);line-height:1.05;color:#e3c986;margin:15px 0}.jasmine-tagline{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,3vw,34px);line-height:1.35;margin:12px 0;color:#f3eee5}.jasmine-experience{text-align:center;flex-shrink:0;padding:28px;border:1px solid #d9b96f55}.jasmine-experience strong{display:block;font-family:Georgia,serif;font-size:64px;line-height:1.1;color:#e3c986;font-weight:400}.jasmine-experience span{display:block;font-size:10px;letter-spacing:2px;margin-top:15px;color:#d9b96f}
.jasmine-bio{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0 36px}.jasmine-bio p,.jasmine-specialties p{font-size:15px;line-height:1.85;color:#d2cec5;margin:0}.jasmine-specialties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:1px solid #d9b96f55;padding-top:28px}.jasmine-specialties h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.2;font-weight:400;margin:17px 0 12px}.jasmine-gallery-heading{margin:48px 0 24px}.jasmine-gallery-heading h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:400;margin:12px 0}.jasmine-gallery-heading>p:last-child{font-size:13px;line-height:1.7;color:#bfb7a7;max-width:650px}.jasmine-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jasmine-gallery figure{margin:0;border:1px solid #d9b96f55;min-width:0;background:#080b0d}.jasmine-gallery img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.jasmine-gallery figcaption{padding:20px 16px;font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.3}.jasmine-gallery figcaption span{display:block;font-family:Manrope,Arial,sans-serif;font-size:9px;letter-spacing:1.5px;color:#d9b96f;margin-bottom:10px}.jasmine-book{margin-top:30px}
@media(max-width:680px){.jasmine-heading{display:block}.jasmine-experience{display:inline-block;padding:18px 24px;margin-top:20px}.jasmine-experience strong{font-size:46px}.jasmine-bio,.jasmine-specialties,.jasmine-gallery{grid-template-columns:1fr;gap:24px}.jasmine-specialties article+article{border-top:1px solid #d9b96f33;padding-top:24px}.jasmine-gallery-heading h4{font-size:28px}}

/* Space between featured stylists. */
.ruby-profile{margin-top:48px}

.selina-profile{margin-top:48px}

/* Front desk welcome and additional stylist availability. */
.salon-welcome{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:48px}.salon-welcome article{padding:clamp(26px,4vw,48px);border:1px solid #d9b96f55;background:linear-gradient(145deg,#1b1710,#090d10)}.salon-welcome h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,4vw,48px);line-height:1.15;margin:18px 0}.salon-welcome p:not(.eyebrow):not(.welcome-role){color:#d2cec5;line-height:1.85;margin:22px 0 28px}.welcome-role{font-size:11px;letter-spacing:2px;color:#e3c986}.salon-welcome .button{max-width:100%;gap:18px}@media(max-width:680px){.salon-welcome{grid-template-columns:1fr}}

/* Two-model hero: clear headline space and balanced mobile framing. */
.hero>img{object-position:center top;animation:none}.hero-copy{margin-left:5%;width:39%;max-width:580px;padding-top:110px}.hero h1{font-size:clamp(48px,5vw,78px)}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 18%),linear-gradient(90deg,#080b0d88,transparent 53%)}
@media(max-width:900px){.hero{height:auto;min-height:0;max-height:none;padding-bottom:45px}.hero>img{height:clamp(300px,70vw,580px);object-fit:cover;object-position:right top}.hero-shade{height:clamp(300px,70vw,580px);background:linear-gradient(0deg,var(--bg),transparent 22%)}.hero-copy{margin-left:0;width:100%;max-width:none;padding:calc(clamp(300px,70vw,580px) + 14px) 24px 0;text-align:center}.hero h1{font-size:clamp(44px,7vw,65px)}.hero-copy .eyebrow{font-size:10px}.hero-copy>p:not(.eyebrow){margin:22px 0}.hero .scroll{display:none}}

/* Uploaded gold-light backdrop for guest reviews. */
.reviews{background:linear-gradient(180deg,rgba(4,6,8,.62),rgba(4,6,8,.72)),url('assets/reviews-gold-lights.jpg') center/cover no-repeat}.reviews-heading{padding:28px 24px;background:rgba(5,8,10,.78);border:1px solid #d9b96f44}.reviews .review-card{background:rgba(8,12,16,.94)}

.salon-contact{margin:0 0 28px;display:grid;gap:10px}.salon-contact>a{color:#e3c986;overflow-wrap:anywhere}.salon-contact .contact-phone{font-size:26px}.salon-hours{margin-top:10px;border-top:1px solid #d9b96f44}.salon-hours h3{font-size:28px;color:#e3c986}.salon-hours dl{margin:0}.salon-hours dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:#d2cec5;font-size:14px}.salon-hours dd{margin:0;white-space:nowrap}.footer-contact>a{color:#e3c986;font-size:20px}.footer-contact p{margin:10px 0}.appointment p a{color:#e3c986}

.walk-ins{color:#e3c986;font-size:15px;margin:0 0 15px}

/* Click-to-call stays visible in the top menu on every screen. */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-actions .header-call{gap:9px;white-space:nowrap}.header-call .header-call-number{font-size:13px}.header-actions .header-visit{display:none}@media(min-width:1500px){.header-actions .header-visit{display:inline-flex}}@media(max-width:1100px){header nav{display:none}}@media(max-width:480px){.header-call .header-call-number{display:none}.header-actions .header-call{padding:14px 20px;font-size:14px}.header-actions{gap:0}}

/* Careers invitation and direct email application. */
.header-careers{color:#e3c986;font-size:13px;line-height:1.3;text-align:center;padding:12px 8px;white-space:nowrap}.header-careers:hover{color:#fff0b7}.careers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;border-top:1px solid #d9b96f44;background:radial-gradient(ellipse at top left,#8b6b3029,transparent 70%),#080b0d}.careers>div>p:not(.eyebrow){color:#d2cec5;line-height:1.85;margin:25px 0}.careers-apply{padding:clamp(25px,4vw,45px);background:#0c1014;border:1px solid #d9b96f66}.careers-apply h3{font-size:40px}.careers-apply .careers-note{font-size:12px;color:#bfb7a7}.careers-note a{color:#e3c986}@media(max-width:1250px){header nav{display:none}}@media(max-width:680px){.careers{grid-template-columns:1fr}.header-art-wordmark{flex-basis:140px}.header-actions{gap:5px}.header-careers{font-size:11px;white-space:normal;max-width:70px;padding:10px 4px}header .header-actions .header-call{padding:12px 14px}}@media(max-width:360px){.header-art-wordmark{flex-basis:115px}header{gap:6px}}

.service-areas{border-top:1px solid #d9b96f44;background:#101518}.service-areas>p:not(.eyebrow){max-width:760px;color:#d2cec5}.seo-home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.seo-home-links a{padding:20px;border:1px solid #d9b96f44;color:#e3c986;font-size:14px}.seo-home-links a:hover{background:#1c1b14}@media(max-width:680px){.seo-home-links{grid-template-columns:1fr}}