:root{--dark:#111c1c;--deep:#091111;--gold:#f4d152;--soft:#e8e3d7;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:#fff;font:16px/1.6 var(--sans)}
body.lock{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--gold);color:#111;padding:12px}
.skip:focus{top:20px}
.side-header{position:fixed;left:0;top:0;height:118px;z-index:25;display:flex;align-items:center;gap:30px;padding:18px 42px;background:linear-gradient(90deg,rgba(8,15,15,.9),rgba(8,15,15,0))}
.mark img{width:310px;height:82px;object-fit:contain;object-position:left center;display:block}
.menu-toggle{background:none;border:0;cursor:pointer;padding:10px}
.menu-toggle span{display:block;width:34px;height:2px;background:#fff;margin:7px}
.menu-toggle b{position:absolute;clip:rect(0 0 0 0)}
main,footer{margin-left:0}
.side-menu{position:fixed;inset:0;z-index:40;background:var(--deep);display:grid;grid-template-columns:1.1fr .9fr;transform:translateX(-120%);transition:.45s cubic-bezier(.7,0,.2,1)}
.side-menu.open{transform:none}
.menu-image{background:url('threading.webp') center/cover}
.side-menu nav{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw}
.side-menu nav a{font:600 clamp(34px,4vw,64px)/1.25 var(--serif);text-decoration:none}
.side-menu nav button,.gold-btn{margin-top:30px;background:var(--gold);border:0;padding:15px 24px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}
.menu-close{position:absolute;right:35px;top:25px;background:none;border:0;color:#fff;font-size:44px}
.home-panel{height:100vh;min-height:680px;position:relative;background:center/cover fixed;display:flex;align-items:center}
.panel-one{background-image:url('hero-brows.webp')}
.panel-two{background-image:url('threading.webp')}
.panel-three{background-image:url('brow-detail.webp')}
.panel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,12,.91),rgba(6,14,14,.26) 72%)}
.panel-two .panel-overlay{background:linear-gradient(270deg,rgba(5,12,12,.92),rgba(6,14,14,.18) 70%)}
.panel-copy{position:relative;z-index:2;margin-left:9vw;max-width:760px}
.panel-copy.right{margin-left:auto;margin-right:8vw;text-align:left}
.panel-copy p,.label{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.panel-copy h1,.panel-copy h2{font:600 clamp(60px,7.3vw,112px)/.94 var(--serif);letter-spacing:-.04em;margin:18px 0}
.panel-copy span{display:block;font-size:20px;color:#d8dfdc}
.outline-btn{display:inline-block;background:transparent;color:#fff;border:2px solid #fff;padding:13px 24px;margin-top:32px;text-decoration:none;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.13em}
.outline-btn:hover{background:#fff;color:var(--dark)}
.next-panel{position:absolute;z-index:2;right:5vw;bottom:38px;text-decoration:none;font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:12px}
.next-panel i{width:54px;height:1px;background:var(--gold)}
.about{padding:120px 8vw;background:var(--dark)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:start}
.about h2,.locations h2,.contact h2,.booking-call h2{font:600 clamp(40px,4.3vw,68px)/1.08 var(--serif);margin:18px 0}
.about h2 em{color:var(--gold);font-weight:400}
.about>div+div>p{font-size:17px;color:#bdc7c2;margin:0 0 28px}
.service-cards{padding:0 8vw 120px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;background:var(--dark)}
.service-cards article{position:relative;background:#202828;padding:55px 30px 36px;min-height:330px;transition:.35s}
.service-cards article:hover{background:var(--gold);color:var(--dark);transform:translateY(-8px)}
.service-cards b{position:absolute;right:22px;top:17px;font-size:11px}
.service-icon{font:50px var(--serif);color:var(--gold)}
.service-cards article:hover .service-icon{color:var(--dark)}
.service-cards h3{font:600 26px var(--serif);margin:35px 0 14px}
.service-cards p{font-size:14px;color:#b7c0bc}
.service-cards article:hover p{color:#25302d}
.parallax-band{min-height:600px;background:linear-gradient(rgba(7,14,14,.46),rgba(7,14,14,.75)),url('threading.webp') center/cover fixed;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 22px}
.parallax-band p{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:12px}
.parallax-band h2{font:600 clamp(38px,5vw,76px)/1.05 var(--serif);margin:20px 0}
.process ol{margin:0;padding:0;list-style:none}
.process li{display:grid;grid-template-columns:60px 1fr;border-top:1px solid #3d4844;padding:22px 0}
.process li b{color:var(--gold);font-size:12px}
.process h3{font:500 24px var(--serif);margin:0}
.process li p{margin:5px 0;color:#aab5b0}
.stats{padding:75px 8vw 110px;background:var(--dark);display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stats div{border-right:1px solid #3b4642}
.stats div:last-child{border:0}
.stats strong{display:block;font:600 48px var(--serif);color:var(--gold)}
.stats span{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.locations{display:grid;grid-template-columns:1.35fr .65fr;background:#202828}
.locations-photo img{width:100%;height:100%;object-fit:cover;display:block}
.locations-copy{padding:90px 6vw}
.locations-copy article{display:grid;grid-template-columns:55px 1fr;border-top:1px solid #4a5652;padding:22px 0}
.locations-copy article b{color:var(--gold)}
.locations-copy h3{font:500 25px var(--serif);margin:0}
.locations-copy article p{margin:2px 0;color:#b5c0bc}
.booking-call{min-height:500px;background:linear-gradient(rgba(8,15,15,.7),rgba(8,15,15,.72)),url('brow-detail.webp') center/cover fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px}
.booking-call>p{letter-spacing:.17em;text-transform:uppercase;color:var(--gold);font-size:12px}
.contact{padding:120px 8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:#0b1313}
.contact>div{display:flex;flex-direction:column}
.contact a{text-decoration:none;font-size:18px;margin-top:14px}
.contact small{color:#89958f}
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#c2cbc7}
input,select,textarea{width:100%;display:block;margin-top:8px;min-height:56px;padding:14px;background:#152221;border:1px solid #46534e;color:#fff}
.wide{grid-column:1/-1}
.consent{display:flex;text-transform:none;letter-spacing:0}
.consent input{width:18px;min-height:auto;margin:3px 10px 0 0}
footer{padding:50px 6vw;background:#070c0c;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}
footer img{width:220px}
footer>div{display:flex;gap:20px;font-size:12px}
footer button{background:none;border:0;color:#fff}
footer p{grid-column:1/-1;color:#7f8985;font-size:12px}
.assistant-launch{position:fixed;right:20px;bottom:22px;z-index:30;border:0;border-radius:28px;background:var(--gold);padding:14px 18px;box-shadow:0 8px 35px #0008}
.assistant-launch b{margin-left:8px;font-size:10px;letter-spacing:.1em}
.assistant{position:fixed;right:20px;bottom:82px;width:min(440px,calc(100vw - 30px));max-height:min(650px,calc(100vh - 115px));overflow:auto;z-index:35;background:#f5f1e7;color:var(--dark);opacity:0;visibility:hidden;transform:translateY(15px);transition:.25s}
.assistant.open{opacity:1;visibility:visible;transform:none}
.assistant-head,.modal-head{display:flex;justify-content:space-between;align-items:center;background:var(--dark);color:#fff;padding:17px 20px}
.assistant-head span{display:block;font:22px var(--serif)}
.assistant-head small{color:#aeb7b3}
.assistant-head button,.modal-head button{border:0;background:none;color:#fff;font-size:30px}
.assistant-body{padding:20px}.assistant-trail{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#7a7468;margin-bottom:9px}.bot{white-space:pre-line;margin:0 0 14px}.choices button{cursor:pointer;text-align:left;font-size:13px}.choices button:hover{border-color:var(--gold);background:#fff9df}.choices .wide-choice{grid-column:1/-1;background:var(--gold);border-color:var(--gold);font-weight:700}.assistant-home{margin-top:14px;border:0;background:none;padding:4px 0;text-decoration:underline;cursor:pointer;color:#5d5a51}
.bot{background:#e5e0d4;padding:14px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.choices button{padding:12px;border:1px solid #c8c3b8;background:#fff}
.modal{display:none;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;padding:18px}
.modal.open{display:flex}
.modal-backdrop{position:absolute;inset:0;background:#020808e8}
.booking-panel{position:relative;width:min(1000px,100%);height:min(880px,94vh);background:#fff;color:var(--dark);display:flex;flex-direction:column}
.modal-head p,.modal-head h2{margin:0}
.booking-panel iframe{width:100%;border:0;flex:1}
.booking-panel>p{text-align:center;font-size:12px}
.cookie{position:fixed;left:20px;right:20px;bottom:18px;z-index:70;max-width:850px;margin:auto;background:#fff;color:var(--dark);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 15px 50px #0008}
.cookie.hide{display:none}
.cookie p{font-size:13px;margin:4px 0}
.cookie>div:last-child{display:flex;gap:8px}
.cookie button{padding:12px;border:1px solid #aaa;background:#fff}
.cookie .gold-btn{background:var(--gold);border:0;margin:0}
.back-top{position:fixed;left:20px;bottom:18px;width:42px;height:42px;background:var(--dark);color:#fff;border:1px solid #64706b;opacity:0;pointer-events:none}
.back-top.show{opacity:1;pointer-events:auto}
@media(max-width:900px){.side-header{width:100%;height:86px;flex-direction:row;padding:8px 18px;gap:18px;background:#081111f2}
.mark img{width:220px;height:70px}
.menu-toggle{order:0}
.side-menu{inset:0;grid-template-columns:1fr}
.menu-image{display:none}
.side-menu nav{padding:60px 12vw}
.menu-close{right:20px}
main,footer{margin-left:0}
.home-panel{background-attachment:scroll}
.panel-copy,.panel-copy.right{margin:0 24px;max-width:85%;align-self:flex-end;padding-bottom:100px}
.panel-copy h1,.panel-copy h2{font-size:55px}
.panel-two .panel-overlay{background:linear-gradient(0deg,#071010ef,transparent 75%)}
.panel-overlay{background:linear-gradient(0deg,#071010ef,transparent 75%)}
.split,.locations,.contact{grid-template-columns:1fr}
.service-cards{grid-template-columns:1fr 1fr}
.locations-photo{height:520px}
.stats{grid-template-columns:1fr 1fr;gap:35px}
.stats div:nth-child(2){border:0}
.cookie{left:12px;right:12px}
.back-top{left:18px}
.parallax-band,.booking-call{background-attachment:scroll}
}
@media(max-width:560px){.home-panel{min-height:720px}
.panel-copy h1,.panel-copy h2{font-size:47px}
.panel-copy span{font-size:15px}
.about{padding:80px 22px}
.service-cards{grid-template-columns:1fr;padding:0 22px 80px}
.service-cards article{min-height:260px}
.parallax-band{min-height:520px}
.stats{padding:65px 22px}
.locations-photo{height:380px}
.locations-copy,.contact{padding:75px 22px}
.contact form{grid-template-columns:1fr}
.wide{grid-column:auto}
.cookie{flex-direction:column;align-items:stretch}
.cookie>div:last-child{flex-direction:column}
.assistant-launch b{display:none}
.assistant-launch{width:52px;height:52px;border-radius:50%;padding:0}
footer{grid-template-columns:1fr}
footer>div{flex-direction:column}
.side-menu nav a{font-size:39px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}
