:root{
  --navy:#051722;
  --navy-2:#082130;
  --navy-3:#0c2a3b;
  --gold:#e7b95f;
  --gold-soft:#f2cf86;
  --cream:#f8f2e7;
  --muted:#b6c0c7;
  --line:rgba(218,229,235,.26);
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
  --shadow:0 28px 90px rgba(0,0,0,.52);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#08141b}
body{margin:0;color:#fff;font-family:var(--sans);background:
radial-gradient(circle at 8% 18%,rgba(229,184,90,.14),transparent 22%),
radial-gradient(circle at 94% 70%,rgba(229,184,90,.13),transparent 20%),
#09151c;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-8vh -5vw;z-index:-2;background:
radial-gradient(circle at 4% 12%,rgba(255,199,107,.7) 0 4px,transparent 6px),
radial-gradient(circle at 95% 9%,rgba(255,199,107,.75) 0 6px,transparent 9px),
radial-gradient(circle at 98% 25%,rgba(255,219,146,.6) 0 7px,transparent 11px),
radial-gradient(circle at 3% 74%,rgba(255,214,132,.55) 0 9px,transparent 13px),
radial-gradient(circle at 94% 93%,rgba(255,193,83,.7) 0 8px,transparent 13px);filter:blur(8px);opacity:.9}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:#fff;color:#000;padding:.7rem 1rem}
.site-shell{width:min(92vw,1180px);margin:68px auto;background:rgba(4,20,30,.96);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}
.site-header{height:78px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;padding:0 24px 0 0;background:#061a27;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:40}
.brand{display:flex;align-items:center;min-width:max-content}.brand-mark{width:86px;height:78px;display:grid;place-items:center;font-family:var(--serif);font-size:47px;background:#0870b9;color:#fff;line-height:1}.brand-name{margin-left:18px;font-family:var(--serif);font-size:17px;letter-spacing:.12em;line-height:1.18}.brand-name em{font-style:normal;letter-spacing:.25em;font-size:13px}
.desktop-nav{display:flex;justify-content:center;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.desktop-nav a,.site-footer nav a{opacity:.9}.desktop-nav a:hover,.site-footer nav a:hover{color:var(--gold)}
.header-location{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.4;white-space:nowrap}.header-location small{color:#cfd9df}.pin{font-size:20px;color:#fff}
.menu-button{width:38px;height:38px;border:0;background:transparent;padding:5px;display:grid;align-content:center;gap:6px;cursor:pointer}.menu-button span{height:2px;background:#fff;display:block}.mobile-menu{position:absolute;right:0;top:78px;width:250px;background:#071c29;border:1px solid rgba(255,255,255,.12);padding:14px}.mobile-menu a{display:block;padding:14px 10px;text-transform:uppercase;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.hero{min-height:388px;position:relative;display:grid;grid-template-columns:54% 46%;overflow:hidden;background:#071823}.hero-copy{z-index:4;padding:50px 34px 40px;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.33em;color:var(--gold-soft);font-size:12px;font-weight:700;margin:0 0 16px}.hero h1,.booking-heading h2,.salon-copy h2,.team-anchor h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.hero h1{font-size:clamp(40px,5vw,59px);line-height:.98;margin:0;max-width:650px}.gold-rule{width:76px;height:2px;background:var(--gold);margin:22px 0}.hero-detail{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#eef3f5;margin-bottom:28px}.hero-detail span{color:#768792;margin:0 7px}.button{min-height:48px;padding:0 24px;border:1px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:30px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:12px;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}.button-outline{background:rgba(3,13,20,.45);color:var(--gold-soft)}.button-gold{background:linear-gradient(90deg,#efc77f,#e8b55f);color:#09151d;border-color:#eec67e}.button-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.hero-image{position:absolute;inset:0 0 0 40%;background-image:linear-gradient(90deg,#071823 0%,rgba(7,24,35,.85) 13%,rgba(7,24,35,.24) 36%,rgba(7,24,35,.02) 66%),url('hero.jpg');background-size:cover;background-position:center 34%;z-index:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#061924 100%);z-index:2;pointer-events:none}.hero-quote{position:absolute;right:20px;top:150px;z-index:5;text-align:center;color:var(--gold);font:italic 20px/1.15 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:0}.hero-quote:after{content:"";display:block;width:42px;height:1px;background:var(--gold);margin:17px auto 0}
.booking-panel{position:relative;z-index:10;margin:-2px -42px 0;background:linear-gradient(120deg,#061a27 0%,#082331 58%,#061925 100%);border:1px solid #365162;box-shadow:0 18px 45px rgba(0,0,0,.45)}.booking-heading{display:grid;grid-template-columns:260px 1fr 180px;gap:24px;align-items:start;padding:34px 34px 18px}.booking-heading h2{font-size:37px;line-height:.95;margin:0}.booking-intro{margin:13px 0 0;text-align:center;color:#edf2f3;font-size:14px}.script-mark{text-align:center;font:italic 34px var(--serif);color:var(--gold);transform:rotate(-3deg);margin-top:0}.script-mark span{display:block;font:9px var(--sans);color:#d9e0e4;letter-spacing:.05em;margin-top:8px;transform:rotate(3deg)}
.steps{display:flex;justify-content:center;align-items:center;gap:13px;list-style:none;margin:0;padding:0 32px 22px;font-size:9px;color:#d9e2e7}.steps li{display:flex;align-items:center;gap:8px;white-space:nowrap}.steps li:not(:last-child):after{content:"";width:26px;height:1px;background:#83929b;margin-left:8px}.steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#344857;color:#fff;font-size:14px}.steps .active{color:var(--gold-soft)}.steps .active span{background:var(--gold-soft);color:#051722;box-shadow:0 0 0 3px rgba(237,194,112,.1)}
.booking-stage{border-top:1px solid rgba(255,255,255,.08);padding:0 28px 14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 0 16px}.service-card{padding:0;text-align:left;background:#071b28;border:1px solid #587080;cursor:pointer;overflow:hidden;min-width:0}.service-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.service-card img{width:100%;aspect-ratio:1.65/1;object-fit:cover}.service-content{display:block;padding:11px 12px 12px}.service-content strong{font:20px var(--serif);display:block;margin-bottom:4px}.service-content small{display:block;color:#e5eaed;font-size:11px;line-height:1.35;min-height:45px}.service-content b{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:13px}.service-content i{color:var(--gold);font-style:normal;font-size:22px;font-weight:400}
.booking-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 0 8px}.stage-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1);padding:24px;margin:0 0 16px}.stage-view h3{font:34px var(--serif);margin:0 0 18px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{background:#071824;border:1px solid #385364;padding:20px;text-align:left;cursor:pointer;font:20px var(--serif)}.choice span{display:block;font:11px var(--sans);color:#bfcbd2;margin-top:6px}.choice.active{border-color:var(--gold);color:var(--gold-soft)}.date-time-grid,.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.details-grid .wide{grid-column:1/-1}.stage-panel label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-soft)}.stage-panel input,.stage-panel select{width:100%;height:48px;margin-top:8px;background:#04141f;border:1px solid #526a79;color:#fff;padding:0 12px}.confirmation dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px}.confirmation dt{color:#aebbc2}.confirmation dd{margin:0;font-weight:600}.fine-print{font-size:11px;color:#aebcc5;margin-top:20px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);padding:15px 22px}.benefits span{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;color:var(--gold);font-size:25px}.benefits span:not(:last-child){border-right:1px solid #6a7982}.benefits b{font-size:9px;color:#fff;text-transform:uppercase;letter-spacing:.2em;font-weight:500}
.salon-section{display:grid;grid-template-columns:32% 68%;min-height:335px;background:#071722}.salon-copy{padding:38px 34px;position:relative;z-index:2;background:linear-gradient(90deg,#071722 75%,rgba(7,23,34,.72) 100%)}.salon-copy h2{font-size:38px;line-height:.95;margin:0}.salon-copy p:not(.eyebrow){color:#d7e0e5;font-size:12px;line-height:1.55;margin:0 0 20px}.salon-image{background:url('salon.jpg') center/cover no-repeat;min-height:335px}
.brand-strip{padding:28px 34px 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#061925}.brand-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.brand-row span{text-align:center;font-size:23px;font-weight:300;letter-spacing:-.03em;padding:8px 12px;border-right:1px solid #65737c}.brand-row span:last-child{border-right:0}.brand-row small{display:block;font-size:7px;letter-spacing:.17em;margin-top:3px}
.team-anchor{padding:70px 34px;background:linear-gradient(110deg,#071824,#0a2634);text-align:center;border-bottom:1px solid rgba(255,255,255,.12)}.team-anchor h2{font-size:42px;line-height:1;margin:0}.team-anchor>p:not(.eyebrow){max-width:620px;margin:20px auto 28px;color:#d5dfe4;line-height:1.6}
.site-footer{padding:34px;background:#061925}.footer-top{display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:24px}.footer-brand{margin-left:0}.footer-w{font:54px var(--serif)}.footer-top nav{display:flex;justify-content:center;gap:32px;text-transform:uppercase;font-size:10px}.socials{display:flex;gap:20px;font-size:23px}.footer-middle{display:flex;align-items:center;justify-content:space-between;padding:28px 0 17px;border-bottom:1px solid var(--gold);font:15px var(--serif)}.footer-middle nav{display:flex;gap:30px;text-transform:uppercase;font:8px var(--sans);letter-spacing:.18em}.footer-bottom{text-align:right;padding-top:22px;color:var(--gold);font-size:9px;letter-spacing:.22em}
@media (max-width:980px){
  .site-shell{width:100%;margin:0;border:0}.site-header{grid-template-columns:auto 1fr auto;padding-right:16px}.desktop-nav,.header-location{display:none}.menu-button{justify-self:end}.brand-name{font-size:15px}.hero{grid-template-columns:1fr;min-height:560px}.hero-copy{padding:60px 28px 260px}.hero-image{inset:165px 0 0 20%;background-image:linear-gradient(180deg,#071823 0%,rgba(7,24,35,.35) 30%,transparent 65%),url('hero.jpg');background-position:center}.hero-quote{top:auto;bottom:40px}.booking-panel{margin:0}.booking-heading{grid-template-columns:1fr 1fr}.script-mark{display:none}.steps{overflow-x:auto;justify-content:flex-start;padding-left:22px}.service-grid{grid-template-columns:repeat(2,1fr)}.salon-section{grid-template-columns:1fr}.salon-copy{background:#071722}.salon-image{min-height:420px}.brand-row{grid-template-columns:repeat(3,1fr);row-gap:18px}.brand-row span:nth-child(3){border-right:0}.footer-top{grid-template-columns:1fr auto}.footer-top nav{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.footer-middle{align-items:flex-start;gap:20px}
}
@media (max-width:640px){
  .site-header{height:68px}.brand-mark{width:68px;height:68px;font-size:40px}.brand-name{font-size:13px;margin-left:12px}.mobile-menu{top:68px;width:100%}.hero{min-height:580px}.hero-copy{padding:44px 22px 275px}.hero h1{font-size:44px}.hero-detail{font-size:9px;line-height:1.8}.hero-image{inset:210px 0 0 0;background-position:55% center}.hero-quote{display:none}.booking-heading{grid-template-columns:1fr;padding:26px 20px 18px}.booking-intro{text-align:left;margin-top:0}.steps{padding:0 20px 18px;gap:8px}.steps li{font-size:0}.steps li span{font-size:12px}.steps li.active{font-size:9px}.steps li:not(:last-child):after{width:14px}.booking-stage{padding:0 14px 14px}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:38% 1fr}.service-card img{height:100%;aspect-ratio:auto}.service-content small{min-height:unset}.stage-panel{padding:18px}.choice-grid,.date-time-grid,.details-grid{grid-template-columns:1fr}.details-grid .wide{grid-column:auto}.booking-actions{justify-content:stretch}.booking-actions .button{flex:1}.benefits{grid-template-columns:repeat(2,1fr);gap:8px}.benefits span{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13);padding:8px}.salon-copy{padding:34px 22px}.salon-image{min-height:300px}.brand-strip{padding:28px 20px}.brand-row{grid-template-columns:repeat(2,1fr)}.brand-row span{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:18px 6px}.team-anchor{padding:58px 22px}.team-anchor h2{font-size:36px}.site-footer{padding:30px 22px}.footer-top{grid-template-columns:1fr}.footer-top nav{gap:16px;line-height:1.8}.socials{justify-self:start}.footer-middle{display:block}.footer-middle nav{margin-top:18px}.footer-bottom{text-align:left}
}
