:root{--paper:#f8f5ef;--cream:#eee8dc;--white:#fffdf8;--green:#354439;--deep:#26392e;--ink:#303d33;--muted:#74776c;--line:#ded8c9;--gold:#aa8a53;--rose:#eddad5;--serif:Georgia,'Times New Roman',serif;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);font:14px/1.6 Arial,Helvetica,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-1.8px}h2{font-size:clamp(32px,3.1vw,46px);line-height:1.15;letter-spacing:-1px}h3{font-size:25px;line-height:1.2;margin-bottom:12px}em{font-weight:400}small{font-size:11px;line-height:1.5}img{display:block;max-width:100%;object-fit:cover}svg.icon{display:inline-block;width:21px;height:21px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;z-index:100;left:10px;top:-70px;background:white;padding:15px}.skip:focus{top:10px}.eyebrow{font:10px/1.6 Arial,sans-serif;font-weight:600;letter-spacing:2.6px;color:var(--gold);display:block;margin-bottom:18px}.eyebrow.light{color:#d4bf94}.muted,.subnote{color:var(--muted)}.muted{font-size:14px}.subnote{font-size:11px;line-height:1.65;margin:18px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 25px;min-height:48px;background:var(--green);border:1px solid var(--green);border-radius:6px;color:white;font-size:12px;font-weight:500;transition:background .2s,transform .2s;line-height:1.4}.button:hover{background:#495d4d;transform:translateY(-1px)}.button.cream{background:var(--paper);border-color:var(--paper);color:var(--green)}.button.outline{background:transparent;color:var(--green);border-color:#aaa995}.button.small{font-size:11px;padding:11px 17px;min-height:42px;gap:13px}.button.full{width:100%}.button .icon{width:18px}.roundBtn,.iconBtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent}.roundBtn:hover,.iconBtn:hover{background:var(--cream)}.roundBtn .icon{width:18px}.textButton,.quietButton{background:none;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px}.textButton{border-bottom:1px solid #b6a57e;padding:4px 0}.textButton .icon{width:17px}.quietButton{color:var(--muted)}.smallLink{font-size:12px}.tag{display:inline-block;font:9px/1.4 Arial,sans-serif;letter-spacing:.65px;font-weight:600;padding:7px 9px;background:#ebe6da;color:#6e715f;border-radius:4px}.tag.request{background:#f4e7ca;color:#8b6c27}.tag.confirmed{background:#e2e9ef;color:#47657d}.tag.waiting{background:#ece4f0;color:#796083}.tag.progress{background:#e2e8d9;color:#56653d}.tag.complete{background:#dfeade;color:#43694a}.tag.cancelled{background:#f0dfdc;color:#8d5d55}.price{font-family:var(--serif);font-size:24px;white-space:nowrap}.price small{font-family:Arial;font-size:9px;letter-spacing:.5px}.previewbar{background:#eae3d6;padding:7px 4%;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:37px;font-size:9px;letter-spacing:1px;color:#686c5d}.previewbar>span{display:flex;align-items:center;gap:8px}.previewbar i{width:5px;height:5px;border-radius:50%;background:#86947b}.previewbar button{background:none;font-size:10px;padding:4px;letter-spacing:.15px}.previewbar button span{padding-left:12px}.brand{display:inline-block;color:var(--green);width:max-content}.brand>span{font:32px/1 var(--serif);letter-spacing:5px;display:block}.brand .brandStar{font-size:19px;display:inline-block;vertical-align:top;letter-spacing:0;margin-left:2px;color:var(--gold)}.brand>small{font:7px Arial;letter-spacing:4.1px;display:block;margin-top:9px}.siteHeader{max-width:1600px;margin:auto;height:102px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.siteHeader nav{display:flex;gap:28px}.siteHeader nav button{background:none;font-size:12px;padding:10px 0}.headerActions{display:flex;gap:25px;align-items:center}.hero{max-width:1600px;margin:auto;min-height:650px;display:grid;grid-template-columns:48% 52%;background:var(--deep);position:relative;color:var(--paper);overflow:hidden}.heroContent{padding:82px 12% 35px 12%;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(60px,6vw,88px);line-height:1.02;letter-spacing:-3px;margin:12px 0 28px}.hero h1 em{color:#ddcba9}.hero p{font-size:15px;line-height:1.85;color:#d2d5c9;margin-bottom:32px}.heroLink{background:none;border-bottom:1px solid #b3b7a4;color:#e2e4d5;padding:8px 0;font-size:11px;margin-top:14px;min-height:40px}.heroImage{position:relative;min-width:0}.heroImage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#26392e22,transparent 25%)}.heroImage img{width:100%;height:100%;object-position:73% center}.imageNote{position:absolute;bottom:12px;left:15px;font-size:7px;letter-spacing:1.1px;color:white;background:#283c3280;z-index:1;padding:4px 8px}.heroBottom{margin-top:auto;padding-top:55px;font-size:8px;letter-spacing:1.4px;display:flex;justify-content:space-between;width:100%;color:#b4bea8;gap:15px}.heroSeal{position:absolute;left:calc(48% - 46px);bottom:62px;width:102px;height:102px;border-radius:50%;border:1px solid #d4c29b;background:#d9c9a8;color:#4f5b45;text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:8px;line-height:1.6;letter-spacing:1px;z-index:2;transform:rotate(-12deg)}.heroSeal em{font:23px var(--serif);letter-spacing:0}.infoStrip{max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:21px 6%;font-size:11px}.infoStrip span,.infoStrip a{display:flex;align-items:center;gap:10px}.infoStrip .icon{color:var(--gold);width:17px}.section{padding:95px max(6%,calc((100vw - 1350px)/2));}.sectionTitle{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:35px}.sectionTitle h2,.sectionTitle h1{margin-bottom:0}.sectionTitle>p{color:var(--muted);font-size:13px;margin-bottom:6px}.chips{display:flex;gap:8px;overflow-x:auto;padding:5px 3px 15px;scrollbar-width:thin;margin-bottom:10px}.chip{padding:10px 17px;min-height:42px;border:1px solid var(--line);border-radius:30px;background:none;white-space:nowrap;font-size:11px}.chip.active{background:var(--green);border-color:var(--green);color:white}.chip:hover{border-color:var(--green)}.serviceList{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.serviceRow{display:flex;align-items:center;gap:16px;padding:25px 0;border-bottom:1px solid var(--line);min-width:0}.serviceSymbol{width:45px;height:48px;background:#e8e8dc;border-radius:22px 22px 5px 5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#6c785d}.serviceSymbol.nails{background:#efded9;color:#956f6b}.serviceSymbol.eyes{background:#e5dfeb;color:#7c718b}.serviceSymbol.face{background:#efe3cd;color:#9a8253}.serviceSymbol.wax{background:#e4e9df}.serviceWords{flex:1;min-width:0}.serviceWords h3{font-size:23px;margin:0 0 5px}.serviceWords p{font-size:11px;color:var(--muted);margin:0 0 4px}.serviceWords small{font-size:9px;color:#848578}.serviceEnd{display:flex;align-items:center;gap:18px}.serviceEnd .price{font-size:22px}.serviceEnd .roundBtn{width:35px;height:35px}.inspiration{background:#ede8de}.lookGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lookGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lookCard{min-width:0}.lookVisual{position:relative;height:335px;overflow:hidden;background:#ddd4c2;border-radius:140px 140px 8px 8px}.lookVisual img{width:100%;height:100%;transition:transform .6s}.lookCard:hover img{transform:scale(1.035)}.lookVisual.hair img{object-position:77% center}.favorite{position:absolute;right:15px;top:18px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff90;background:#fffcf1cf;border-radius:50%;color:var(--green)}.favorite .icon{width:19px}.favorite.selected{background:#fff5ef;color:#9e575a}.favorite.selected svg{fill:#c2858233}.lookCaption{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:15px}.lookCaption small{font-size:8px;letter-spacing:1.7px;color:var(--gold)}.lookCaption h3{font-size:24px;margin:7px 0 0}.lookCaption .roundBtn{border-color:#bdb49f}.art{height:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:13px;position:relative}.art.bordeaux{background:radial-gradient(ellipse at top right,#d2a69f,#ad7979 45%,#7b4c5a);transform:rotate(0deg)}.art.bordeaux:after{content:'V';position:absolute;font:260px var(--serif);color:#ffffff13;top:0;left:10px}.art.bordeaux i{height:43%;width:17%;border-radius:70px 70px 20px 20px;background:linear-gradient(110deg,#772c44,#511d31 60%,#9e4b5d);box-shadow:9px 16px 25px #4a22334a;transform:rotate(-15deg)}.art.bordeaux i:nth-child(2){transform:translateY(-20px) rotate(-15deg)}.art.regard{background:radial-gradient(circle at 40% 30%,#f1e6db,#c6b7a2)}.art.regard .icon{width:145px;height:145px;stroke-width:.6;color:#715d48}.ritual{display:grid;grid-template-columns:.5fr 1.4fr 1fr;gap:60px;align-items:center;border-bottom:1px solid var(--line)}.ritualNumber{position:relative;font:150px var(--serif);color:#9c8b60;text-align:center}.ritualNumber span{font-size:34px;position:absolute;top:0;right:0}.ritual p{font-size:13px;color:var(--muted);max-width:360px}.ritualSteps p{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;margin:0}.ritualSteps b{font:27px var(--serif);font-weight:normal;color:var(--gold)}.salonSection{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.photoPlaceholder{background:#e3ddcf;padding:35px;height:430px;display:flex;align-items:center;justify-content:center}.archFrame{height:100%;width:80%;border:1px solid #b6a786;border-radius:160px 160px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:#99815a}.archFrame>.icon{width:50px;height:50px;stroke-width:.7}.archFrame>span{font:40px var(--serif);letter-spacing:8px}.archFrame small{font-size:8px;letter-spacing:2px}.salonSection>div>p{font-size:14px;color:var(--muted)}.contactRows{margin:28px 0}.contactRows p,.contactRows a{display:flex;align-items:center;gap:16px;font-size:12px;margin:18px 0}.contactRows small{display:block;color:var(--muted)}.contactRows .icon{color:var(--gold);width:19px}.teamSection{padding-top:0}.teamGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.portrait{height:240px;position:relative;background:#e3e4d7;display:flex;align-items:center;justify-content:center;border-radius:100px 100px 4px 4px}.teamGrid article:nth-child(2) .portrait{background:#eadcd5}.teamGrid article:nth-child(3) .portrait{background:#e4dfd0}.portrait span{font:90px var(--serif);color:#9b9c82}.portrait small{position:absolute;bottom:15px;font-size:8px;letter-spacing:2px;color:#727862}.teamGrid article>h3{margin:20px 0 5px}.teamGrid article>p{font-size:12px;color:var(--muted)}.closing{padding:75px 20px;text-align:center;background:var(--deep);color:var(--paper)}.closing h2{font-size:55px;margin-bottom:30px}.closing h2 em{color:#d9c7a2}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>div>a{font-size:12px}footer>div>small{display:block;color:var(--muted);margin-top:6px}.mobileBook{display:none}
/* Personal space */
.clientShell{max-width:980px;margin:0 auto;padding:0 55px 110px;min-height:calc(100vh - 38px);background:var(--paper)}body[data-route="app"],body[data-route="looks"],body[data-route="appointments"],body[data-route="profile"]{background:#e9e6dc}.clientHeader{display:flex;align-items:center;justify-content:space-between;padding:28px 0 34px}.clientHeader .brand>span{font-size:27px}.clientHeader .brand>small{font-size:6px;letter-spacing:3.5px}.avatar{background:var(--cream);height:44px;width:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:22px var(--serif)}.clientMain h1{font-size:47px;margin-bottom:30px}.clientWelcome .eyebrow{margin-bottom:10px}.appFeature{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;border-radius:16px;overflow:hidden;position:relative}.appFeature>div{padding:35px}.appFeature h2{font-size:35px;margin-bottom:25px}.appFeature img{width:100%;height:100%;min-height:280px}.appFeature>small{position:absolute;right:10px;bottom:9px;font-size:7px;letter-spacing:1px;color:white}.sectionTitle.compact{margin:35px 0 17px;align-items:center}.sectionTitle.compact h2{font-size:25px;letter-spacing:-.4px}.emptyPanel{border:1px solid var(--line);padding:22px;display:flex;gap:18px;align-items:center;border-radius:12px;grid-column:1/-1}.emptyPanel>.icon{color:var(--gold);width:25px;height:25px}.emptyPanel>div{flex:1}.emptyPanel h3{font-size:20px;margin-bottom:5px}.emptyPanel p{font-size:11px;color:var(--muted);margin:0}.appCategories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.appCategories button{background:var(--cream);border-radius:12px;padding:20px 15px;display:flex;align-items:flex-start;flex-direction:column;min-height:140px;text-align:left;position:relative}.appCategories button>span{font-size:12px;margin-top:20px;max-width:110px}.appCategories button>.icon:first-child{color:var(--gold);width:28px;height:28px}.appCategories button>.icon:last-child{position:absolute;right:12px;bottom:19px;width:15px}.clientMain .lookVisual{height:300px}.loyaltyTeaser{padding:28px;margin-top:35px;border:1px solid #c9b68a;border-radius:14px;background:linear-gradient(100deg,#eae4d4,#f7f2e6);position:relative}.loyaltyTeaser>span:first-child{font-size:9px;letter-spacing:2px;color:#8e7644}.loyaltyTeaser h3{font-size:26px;margin:15px 0 9px}.loyaltyTeaser p{font-size:12px;color:var(--muted);max-width:480px}.loyaltyTeaser .tag{background:#e0d6bd}.appNav{position:fixed;bottom:0;z-index:10;left:50%;transform:translateX(-50%);width:min(980px,100%);display:flex;justify-content:space-around;background:#fdfaf3f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:14px 20px max(14px,env(safe-area-inset-bottom));}.appNav a{display:flex;align-items:center;flex-direction:column;gap:5px;color:#858879;min-width:65px;font-size:10px}.appNav a.active{color:var(--green);font-weight:bold}.appNav a.active .icon{stroke-width:2}.appDisclaimer{margin:30px 0 0;font-size:10px;color:var(--muted);text-align:center}.visitCard{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:24px;margin-bottom:16px}.visitTop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.visitTop small{font-size:10px;color:var(--muted)}.visitCard h3{font-size:25px}.visitCard>p{display:flex;gap:10px;align-items:center;font-size:12px;margin:8px 0;color:var(--muted)}.visitCard>p .icon{width:16px}.visitBottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:18px;gap:15px}.visitBottom>div{display:flex;gap:18px}.emptyLarge{text-align:center;padding:60px 20px;background:#eee9df;border-radius:15px;grid-column:1/-1}.emptyLarge>.icon{width:43px;height:43px;color:var(--gold);margin-bottom:22px}.emptyLarge h2{font-size:30px}.emptyLarge p{font-size:13px;color:var(--muted)}.panel{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--white);margin-bottom:25px}.panel h2{font-size:29px}.privacyLine{border-top:1px solid var(--line);margin-top:35px;padding-top:20px}
/* Arrival tablet */
.tabletShell{min-height:calc(100vh - 38px);background:radial-gradient(ellipse at top right,#e6e3d5,transparent 65%),var(--paper);padding:0 6%}.tabletShell header{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.tabletShell main{max-width:1000px;margin:25px auto 0;text-align:center}.tabletWelcome h1{font-size:66px;line-height:1.04;margin-bottom:20px}.tabletWelcome p{color:var(--muted);font-size:15px}.arrivalChoices{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:38px 0 20px;text-align:left}.arrivalChoice{border:1px solid #c9c6b5;border-radius:20px;background:#fdfaf3;padding:34px 40px;text-align:left;color:var(--green);min-height:285px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.arrivalChoice:hover{transform:translateY(-4px);box-shadow:0 12px 35px #27372812}.arrivalChoice.primary{background:var(--green);color:var(--paper);border-color:var(--green)}.arrivalChoice>.icon{width:30px;height:30px;margin-bottom:25px;color:var(--gold)}.arrivalChoice h2{font-size:32px;margin-bottom:12px}.arrivalChoice p{font-size:12px;opacity:.75}.arrivalChoice>span{border-top:1px solid #b7bba43f;margin-top:auto;width:100%;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.tabletFoot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:25px 0;margin-top:40px;font-size:8px;letter-spacing:1.8px;color:var(--muted)}
/* Salon workspace */
.salonShell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 38px);background:#f2f0e9}.sidebar{padding:35px 22px;background:var(--deep);color:#e6e8da;display:flex;flex-direction:column}.sidebar .brand{color:var(--paper);margin:0 12px 40px}.sidebar .brand>span{font-size:28px}.sidebar .brand>small{font-size:6px}.sideLabel{font-size:7px;letter-spacing:1.2px;color:#9ba990;padding:0 12px;margin-bottom:20px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a,.sidebarBottom>a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;font-size:11px}.sidebar nav a.active{background:#4d5d49;color:#fff9e9}.sidebar nav .icon{width:18px}.sidebarBottom{margin-top:auto;padding-top:70px}.sidebarBottom small{font-size:9px;display:block;padding:20px 12px 0;color:#adb6a3;line-height:1.8}.salonBody{min-width:0}.salonTop{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:20px 35px;background:var(--paper);font-size:11px}.salonTop>div{display:flex;align-items:center;gap:20px}.salonBody main{padding:35px;max-width:1600px;margin:auto}.salonBody h1{font-size:39px;letter-spacing:-1px}.salonBody .sectionTitle{margin-bottom:30px}.salonBody .eyebrow{font-size:8px;letter-spacing:2px}.statGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.statGrid article{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:22px;position:relative;min-height:138px}.statGrid article>span{display:block;font-size:10px;color:var(--muted)}.statGrid b{font:40px var(--serif);display:block;margin-top:12px}.statGrid b small{font-size:12px}.statGrid article>.icon{position:absolute;right:20px;bottom:25px;color:var(--gold)}.statGrid article>small{font-size:8px;color:var(--muted)}.boardHeading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 20px}.boardHeading h2{font-size:29px;margin-bottom:5px}.boardHeading p{font-size:11px;color:var(--muted);margin:0}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.boardColumn{background:#e9e6dc;border-radius:10px;padding:13px;min-height:265px}.columnTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.columnTitle h3{font:11px Arial;margin:0;font-weight:600}.columnTitle>span{font-size:10px;background:#fffcf2;padding:2px 7px;border-radius:4px}.boardEmpty{border:1px dashed #cac5b6;border-radius:8px;padding:40px 15px;text-align:center;color:#858875}.boardEmpty .icon{color:#a9ad96}.boardEmpty p{font-size:10px;margin:15px 0 0;line-height:1.7}.boardCard{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:13px}.boardCard .visitTop{margin-bottom:12px}.timeTag{font:17px var(--serif)}.boardCard h3{font-size:22px;margin-bottom:5px}.boardCard>small{font-size:8px;color:var(--muted)}.boardServices{margin:15px 0;display:flex;flex-direction:column;gap:8px}.boardServices span{font-size:10px;display:flex;align-items:center;gap:7px}.boardServices .icon{width:14px;height:14px;color:var(--gold)}.boardBottom{border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:var(--muted)}.boardBottom .roundBtn{width:30px;height:30px}.completed{margin-top:30px}.completed h2{font-size:27px}.completed .boardCard{display:inline-block;width:270px;vertical-align:top;margin-right:15px}.notice{padding:15px 18px;background:#eae9dd;border-left:2px solid #a7af8c;font-size:11px;line-height:1.8;color:#69715c;margin:25px 0}.planningTools{display:flex;align-items:center;gap:25px}.planningTools label{margin:0}.planningTools p{font-size:12px;margin:0 0 0 auto;max-width:420px}.planningTools small{font-size:10px;color:var(--muted)}.agenda article{display:flex;align-items:center;gap:30px;padding:25px;border-bottom:1px solid var(--line);background:var(--white)}.agendaDate{width:90px;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.agendaDate strong{font:26px var(--serif)}.agendaDate span{font-size:11px;color:var(--muted)}.agenda article>div:nth-child(2){flex:1}.agenda h3{font-size:23px;margin:12px 0 7px}.agenda p{font-size:12px;margin:0;color:var(--muted)}.teamPanel{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:25px}.initialAvatar{width:66px;height:66px;border:1px solid #b7ab8e;border-radius:50%;background:#eee7d6;display:grid;place-items:center;font:30px var(--serif);margin-bottom:20px}.teamPanel h2{font-size:29px;margin-bottom:10px}.teamPanel .tag{font-size:7px;margin:12px 0}.teamPanel>small{display:block;color:var(--muted);font-size:9px}.responsiveTable{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;color:var(--muted);font-weight:500;padding:13px 10px;border-bottom:1px solid #b8b6a5;white-space:nowrap}td{padding:18px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.missing{color:#ac8558}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.settingRow{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;margin:0!important}.settingRow input{max-width:90px;min-height:40px;text-align:center;margin:0!important}.settingRow>div{display:flex;align-items:center;gap:7px}.settingRow>div>small{color:var(--muted)}.settingRow>span{font-size:12px}.settingsGrid form>.button{margin-top:25px}.todoList{list-style:none;padding:0;margin:0}.todoList li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px}.todoList b{font:17px var(--serif);color:var(--gold)}
/* Forms, dialogs */
label{display:block;font-size:12px;margin:19px 0}label>small{color:var(--muted);font-size:10px;margin-left:5px}input,select,textarea{display:block;width:100%;min-height:47px;border:1px solid #ccc6b7;background:var(--white);padding:12px;border-radius:6px;margin-top:8px;min-width:0;font-size:13px}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#929384}input[type=checkbox],input[type=radio]{accent-color:var(--green)}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fieldTitle{display:block;font-size:11px;margin:15px 0}.checkLabel{display:flex;gap:11px;align-items:center;line-height:1.5}.checkLabel input{width:19px;height:19px;min-height:0;margin:0;flex-shrink:0}.fieldGrid label{margin-top:12px;margin-bottom:8px}dialog{padding:30px;border:1px solid #d0c7b2;border-radius:17px;background:var(--paper);color:var(--ink);width:min(600px,94vw);max-height:90dvh;box-shadow:0 30px 100px #0d1f2250;overflow-y:auto}dialog::backdrop{background:#162b27a3;backdrop-filter:blur(5px)}.modalTop{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.modalTop .eyebrow{font-size:8px;margin-bottom:0}.modalTop .iconBtn{width:35px;height:35px;border:0}.modalTop>.quietButton{justify-content:flex-start;padding:0}.modalTop .quietButton .icon{width:15px}dialog h2{font-size:38px;margin-bottom:22px}.modalButtons{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:25px}.modalButtons>.textButton{margin:auto}.exploreModal{width:min(700px,94vw)}.exploreGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.exploreGrid button{background:#eee8dc;border:1px solid #d6ccba;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:23px;position:relative;min-height:170px}.exploreGrid button:hover{background:#e4e7d8}.exploreGrid button>.icon:first-child{color:var(--gold);margin-bottom:20px;width:26px;height:26px}.exploreGrid strong{font:25px var(--serif);margin-bottom:7px}.exploreGrid button>span{font-size:11px;color:var(--muted);max-width:210px}.exploreGrid button>.icon:last-child{position:absolute;right:18px;top:23px;width:16px}.lookDetailArt .lookCaption{display:none}.lookDetailArt .lookVisual{height:320px;margin-bottom:20px;border-radius:12px}.bookingModal{width:min(670px,96vw);padding:26px 32px}.stepBar{display:flex;gap:6px;margin:7px 0 25px}.stepBar span{height:3px;background:#ded9ca;flex:1}.stepBar span.active{background:var(--gold)}.bookingModal h2{margin-bottom:15px}.bookingModal h2 em{color:var(--gold)}.bookingChips{margin:20px -3px 12px}.bookingChips .chip{padding:8px 13px;font-size:10px;min-height:37px}.bookingServices{display:flex;flex-direction:column;gap:9px}.selectService{display:flex;gap:13px;align-items:center;width:100%;padding:14px 15px;background:var(--white);border:1px solid var(--line);border-radius:9px;text-align:left}.selectService.selected{border-color:var(--green);background:#e8ecdf;box-shadow:inset 0 0 0 1px var(--green)}.selectService>span:nth-child(2){flex:1}.selectService strong{font:21px var(--serif);display:block}.selectService small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.selectService .price{font-size:22px;text-align:center}.selectService .price small{display:inline;font-size:8px}.selectionCheck{width:23px;height:23px;border:1px solid #b9c0a7;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.selectionCheck .icon{width:15px;height:15px}.selected .selectionCheck{background:var(--green);color:white}.bookingFooter{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #c5bca7;position:sticky;bottom:-27px;background:var(--paper);padding-bottom:10px}.bookingFooter>div>small{display:block;font-size:10px;color:var(--muted)}.bookingFooter .price{font-size:25px}.lookChosen{display:flex;align-items:center;gap:10px;padding:12px;background:#eae1d6;font-size:11px;border-radius:6px;margin-bottom:20px}.lookChosen .icon{width:16px}.optionBlock{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fdfaf4;margin:18px 0}.optionHeading{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:17px}.optionHeading>div{flex:1}.optionHeading h3{font-size:25px;margin:0 0 5px}.optionHeading small{font-size:9px;color:var(--muted)}.optionHeading .price{font-size:22px}.swatches{display:flex;gap:14px;flex-wrap:wrap}.swatches label{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;cursor:pointer;margin:8px 0}.swatches input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;top:20px;left:20px;margin:0}.swatches label>span{width:42px;height:42px;background:var(--swatch);border:3px solid var(--paper);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px #c9c0ad}.swatches input:checked+span{box-shadow:0 0 0 2px var(--green)}.swatches input:focus-visible+span{outline:3px solid var(--gold);outline-offset:4px}.swatches small{font-size:9px;color:var(--muted);margin:0}.reviewPanel{padding:25px;background:#eae6da;border-radius:10px}.reviewPanel h3{font-size:30px;margin-bottom:10px}.reviewPanel>p{font-size:12px;color:var(--muted)}.reviewRow{padding:17px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #cec6b4;align-items:center}.reviewRow b{font-size:13px;font-weight:500}.reviewRow small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.reviewTotal{border-top:1px solid #c5b99f;padding-top:17px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.noteText{padding:15px;background:#efe8dc;white-space:pre-wrap;font-size:12px}.successIcon{width:64px;height:64px;border-radius:50%;background:#dfe7d8;display:grid;place-items:center;margin:25px auto}.successIcon .icon{width:32px;height:32px;color:var(--green)}.ticketCode{border:1px dashed #b6a57e;border-radius:8px;background:#eee6d5;padding:20px;text-align:center;margin:25px 0}.ticketCode small{display:block;font-size:8px;letter-spacing:2px;color:var(--gold)}.ticketCode strong{font:30px var(--serif);display:block;letter-spacing:3px;margin-top:10px}.careItem{padding:20px 0;border-bottom:1px solid var(--line)}.careTitle{display:flex;justify-content:space-between;align-items:center;gap:15px}.careTitle h3{font-size:24px;margin:0}.careItem>p{font-size:12px;margin:10px 0}.careItem .subnote{font-size:10px}.careItem label{margin:15px 0}.careItem select{max-width:300px}#bookingError,#checkinError{font-size:12px;color:#a74739;line-height:1.5}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,15px);background:var(--deep);color:var(--paper);padding:15px 23px;border-radius:8px;box-shadow:0 7px 35px #0002;max-width:90%;width:max-content;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1300px)/2));padding-right:max(8%,calc((100vw - 1300px)/2))}}
@media(max-width:1200px){.board{grid-template-columns:1fr 1fr}.statGrid{grid-template-columns:1fr 1fr}.salonShell{grid-template-columns:205px minmax(0,1fr)}.salonBody main{padding:25px}.salonTop{padding:20px 25px}.salonBody .teamGrid{gap:12px}.teamPanel{padding:20px 15px}.salonSection{gap:60px}.ritual{gap:35px}.serviceList{column-gap:25px}.serviceEnd{gap:10px}.serviceWords p{max-width:210px}.heroContent{padding:65px 10% 35px}.hero{min-height:610px}.hero .eyebrow{font-size:8px}.heroBottom{font-size:7px}.settingsGrid{grid-template-columns:1fr}.planningTools{flex-wrap:wrap}.planningTools p{margin:0;max-width:100%}}
@media(max-width:900px){.siteHeader nav{display:none}.heroContent{padding:55px 8% 30px}.hero{min-height:570px;grid-template-columns:50% 50%}.hero h1{font-size:62px}.hero p{font-size:13px}.heroSeal{left:calc(50% - 43px);bottom:45px;width:86px;height:86px;font-size:7px}.heroSeal em{font-size:20px}.heroBottom span:last-child{display:none}.infoStrip{padding:18px 5%;font-size:10px;gap:10px}.infoStrip>span:nth-child(2){display:none}.section{padding:65px 6%}.sectionTitle h2{font-size:37px}.sectionTitle>p{max-width:230px;font-size:12px}.serviceSymbol{width:37px;height:44px}.serviceWords h3{font-size:21px}.serviceWords p{display:none}.serviceEnd .price{font-size:20px}.serviceRow{gap:11px}.lookGrid{gap:17px}.lookVisual{height:260px}.lookCaption h3{font-size:22px}.lookCaption .roundBtn{width:34px;height:34px}.ritual{grid-template-columns:1fr 1fr}.ritualNumber{display:none}.salonSection{gap:35px}.photoPlaceholder{height:360px;padding:20px}.archFrame{width:90%}.archFrame>span{font-size:30px}.teamSection{padding-top:10px}.portrait{height:200px}.closing h2{font-size:47px}.clientShell{padding-left:35px;padding-right:35px}.tabletShell{padding:0 5%}.tabletShell main{margin-top:10px}.tabletWelcome h1{font-size:58px}.arrivalChoice{padding:28px;min-height:290px}.arrivalChoice h2{font-size:31px}.tabletFoot{margin-top:30px}.salonShell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:30px 15px}.sidebar nav a{font-size:10px;gap:9px}.sidebar .brand>span{font-size:23px}.sidebar .brand>small{font-size:5px;letter-spacing:3px}.sidebar .brand{margin-left:10px}.salonBody .teamGrid{grid-template-columns:1fr}.salonBody h1{font-size:34px}.salonTop>span{font-size:10px}.salonTop>div>.tag{display:none}.agenda article{gap:15px;padding:20px}.agenda article>.button{font-size:10px;padding:10px}.agendaDate{width:65px}}
@media(max-width:640px){.previewbar{padding:7px 4%;font-size:7px;letter-spacing:.6px}.previewbar button{font-size:8px}.previewbar button span{padding-left:2px}.siteHeader{height:84px;padding:0 6%}.brand>span{font-size:27px;letter-spacing:4px}.brand>small{font-size:6px;letter-spacing:3.4px}.headerActions{gap:12px}.headerActions .smallLink{font-size:10px}.headerActions .button{padding:10px 12px;min-height:39px;gap:8px;font-size:10px}.headerActions .button .icon{width:15px}.hero{display:block;min-height:680px}.heroContent{padding:44px 7% 30px;min-height:680px;background:linear-gradient(90deg,#182e26ec,#21382b90 70%,#21382b33);position:relative;z-index:1}.heroImage{position:absolute;inset:0}.heroImage img{object-position:73% center;opacity:.85}.heroImage .imageNote{bottom:12px;left:auto;right:12px;font-size:6px;background:#21392b88;z-index:3}.hero h1{font-size:68px;margin-top:25px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;max-width:230px}.hero p{font-size:14px;color:#e2e6d7;line-height:1.8}.heroSeal{width:77px;height:77px;font-size:6px;left:auto;right:22px;bottom:80px}.heroSeal em{font-size:18px}.heroBottom{font-size:7px;max-width:240px;line-height:1.7}.heroContent .button{padding:15px 23px;gap:25px}.heroLink{color:#f0f1e4}.infoStrip{padding:17px 6%;font-size:9px;flex-wrap:wrap}.infoStrip .icon{width:15px}.section{padding:55px 6%}.sectionTitle{display:block;margin-bottom:25px}.sectionTitle h2{font-size:37px}.sectionTitle>p{margin:20px 0 0;max-width:none}.sectionTitle>.textButton{margin-top:18px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:13px}.serviceList{grid-template-columns:1fr}.serviceRow{padding:23px 0;gap:15px}.serviceSymbol{width:42px;height:46px}.serviceWords h3{font-size:24px}.serviceWords p{display:block;max-width:210px;font-size:10px}.serviceWords small{font-size:8px}.serviceEnd .price{font-size:22px}.serviceEnd .price small{font-size:8px}.serviceEnd{gap:12px}.serviceEnd .roundBtn{width:32px;height:32px}.chips{margin-right:-6vw;padding-right:6vw}.chip{font-size:10px;padding:9px 14px}.lookGrid{grid-template-columns:1fr 1fr;gap:22px 14px}.lookGrid:not(.two) .lookCard:last-child{grid-column:1/-1}.lookGrid:not(.two) .lookCard:last-child .lookVisual{height:265px;border-radius:12px}.lookVisual{height:235px;border-radius:100px 100px 7px 7px}.lookCaption{padding-top:13px;gap:8px}.lookCaption h3{font-size:21px}.lookCaption small{font-size:7px;letter-spacing:1px}.lookCaption .roundBtn{width:30px;height:30px}.lookCaption .roundBtn .icon{width:14px}.favorite{width:32px;height:32px;right:10px;top:12px}.favorite .icon{width:16px}.imageNote{font-size:5px;left:7px;bottom:7px;padding:4px 5px;letter-spacing:.5px}.ritual{display:block}.ritualSteps{margin-top:28px}.ritualSteps p{max-width:none}.salonSection{display:flex;flex-direction:column;align-items:stretch;gap:35px}.photoPlaceholder{height:330px}.archFrame{width:70%}.teamSection{padding-top:0}.teamGrid{gap:12px}.portrait{height:160px;border-radius:70px 70px 4px 4px}.portrait span{font-size:57px}.portrait small{font-size:6px;letter-spacing:1px}.teamGrid article>h3{font-size:22px;margin-top:15px}.teamGrid article>p{font-size:10px;line-height:1.7}.closing{padding:60px 6%}.closing h2{font-size:43px}footer{padding:35px 6% 110px;flex-wrap:wrap;gap:30px}footer .textButton{font-size:10px}.mobileBook{display:block;position:fixed;bottom:0;z-index:10;width:100%;background:#f8f5eff5;border-top:1px solid var(--line);padding:11px 6% max(11px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.mobileBook .button{width:100%;justify-content:space-between}.clientShell{padding:0 22px 110px}.clientHeader{padding:24px 0 30px}.clientMain h1{font-size:40px;letter-spacing:-1px}.appFeature{grid-template-columns:1.2fr 1fr}.appFeature>div{padding:25px 20px}.appFeature h2{font-size:28px}.appFeature .eyebrow{font-size:6px;letter-spacing:1.5px}.appFeature img{min-height:250px;object-position:54% center}.appFeature .button{font-size:9px;padding:11px 12px;gap:9px;min-height:40px}.appFeature .button .icon{width:14px}.sectionTitle.compact{display:flex;gap:10px;margin:30px 0 16px}.sectionTitle.compact h2{font-size:23px}.sectionTitle.compact .textButton{font-size:9px;gap:7px;margin:0}.appCategories{grid-template-columns:1fr 1fr;gap:10px}.appCategories button{min-height:120px;padding:17px}.appCategories button>span{font-size:11px;max-width:110px}.appCategories button:last-child{grid-column:1/-1;min-height:70px;flex-direction:row;align-items:center;gap:17px}.appCategories button:last-child>span{margin:0;max-width:none}.appCategories button:last-child>.icon:last-child{bottom:auto;right:18px}.clientMain .lookVisual{height:220px}.clientMain .lookCaption h3{font-size:20px}.clientMain .lookCaption .roundBtn{display:none}.emptyPanel{padding:18px;gap:12px}.emptyPanel h3{font-size:19px}.emptyPanel .roundBtn{width:33px;height:33px}.emptyPanel>.icon{width:22px}.emptyPanel p{font-size:10px}.loyaltyTeaser{padding:24px}.loyaltyTeaser h3{font-size:25px}.visitCard{padding:20px}.visitCard h3{font-size:24px}.visitBottom{align-items:flex-start}.visitBottom>div{gap:12px;flex-wrap:wrap;justify-content:flex-end}.visitBottom .textButton,.visitBottom .quietButton{font-size:10px}.visitTop small{font-size:8px}.clientMain .sectionTitle>.button{margin-top:20px}.panel{padding:23px}.appNav{padding-top:12px}.appNav a{font-size:9px}.tabletShell header{padding:23px 0;gap:15px}.tabletShell header>.tag{font-size:6px;letter-spacing:.5px}.tabletShell header .brand>span{font-size:23px}.tabletShell header .brand>small{font-size:5px;letter-spacing:3px}.tabletShell header .iconBtn{width:34px;height:34px}.tabletWelcome h1{font-size:51px;margin-top:22px}.tabletWelcome .eyebrow{font-size:7px;max-width:270px;margin:0 auto}.tabletWelcome p{font-size:13px}.arrivalChoices{grid-template-columns:1fr;gap:16px;margin:30px 0 18px}.arrivalChoice{padding:23px 26px;min-height:225px}.arrivalChoice>.icon{margin-bottom:18px}.arrivalChoice h2{font-size:30px}.arrivalChoice h2 br{display:none}.arrivalChoice p{font-size:11px}.arrivalChoice>span{padding-top:15px}.tabletFoot{font-size:6px;letter-spacing:1px}.tabletFoot span:last-child{display:none}.salonShell{display:block}.sidebar{padding:20px 5% 12px}.sidebar .brand{margin:0 0 20px}.sidebar .sideLabel{position:absolute;right:5%;top:65px;font-size:6px;padding:0}.sidebar nav{flex-direction:row;overflow:auto;gap:5px;margin-bottom:3px}.sidebar nav a{flex-direction:column;gap:6px;align-items:center;font-size:8px;white-space:nowrap;flex:1;padding:9px 7px}.sidebar nav a .icon{width:17px}.sidebarBottom{padding:0;margin:0;display:none}.salonTop{padding:16px 5%;gap:10px}.salonTop>span{font-size:9px;max-width:130px}.salonTop .button{font-size:10px;padding:10px 13px;gap:7px;min-height:39px}.salonBody main{padding:28px 5% 50px}.salonBody h1{font-size:35px}.statGrid{gap:10px}.statGrid article{padding:17px;min-height:123px}.statGrid article>span{font-size:9px}.statGrid b{font-size:34px;margin-top:13px}.statGrid article>.icon{width:17px;right:15px}.statGrid article>small{font-size:7px}.board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;margin-right:-5vw;padding-right:5vw}.boardColumn{min-width:260px;max-width:290px;flex:0 0 82%;scroll-snap-align:start}.boardHeading{align-items:flex-start;flex-direction:column;gap:10px;margin-top:30px}.boardHeading h2{font-size:27px}.boardHeading .textButton{font-size:10px}.columnTitle h3{font-size:12px}.boardCard{padding:18px}.boardCard h3{font-size:25px}.boardServices span{font-size:12px}.boardCard>small{font-size:9px}.boardBottom{font-size:9px}.completed .boardCard{width:100%;margin-right:0}.planningTools{gap:15px;padding:20px}.planningTools label{flex:1}.planningTools p{font-size:11px}.agenda article{flex-wrap:wrap;padding:20px 15px;gap:15px}.agenda article>.button{margin-left:80px}.agendaDate{width:65px}.agenda h3{font-size:23px}.agenda p{font-size:11px}.salonBody .teamGrid{gap:0}.teamPanel{padding:25px}.settingsGrid{gap:0}.settingRow>span{font-size:11px}.settingRow input{max-width:75px}.panel h2{font-size:27px}dialog{padding:24px 22px;border-radius:14px;max-height:92dvh;width:94vw}dialog h2{font-size:35px}.exploreGrid{gap:10px}.exploreGrid button{padding:19px 15px;min-height:172px}.exploreGrid strong{font-size:22px}.exploreGrid button>span{font-size:10px;line-height:1.6}.exploreGrid button>.icon:last-child{right:13px;top:20px;width:13px}.exploreGrid button>.icon:first-child{width:23px;height:23px}.bookingModal{padding:22px 18px;width:97vw}.bookingChips{margin-right:-18px;padding-right:18px}.selectService{padding:12px 10px;gap:10px}.selectService strong{font-size:20px}.selectService .serviceSymbol{width:32px;height:37px}.selectService .serviceSymbol .icon{width:18px}.selectService .price{font-size:21px}.selectService .price small{font-size:7px}.selectionCheck{width:20px;height:20px}.bookingFooter{bottom:-22px;padding-bottom:6px;gap:10px}.bookingFooter .button{padding:14px 18px;font-size:11px;gap:15px}.optionBlock{padding:17px 14px}.optionHeading{gap:10px}.optionHeading h3{font-size:23px}.optionHeading .serviceSymbol{width:33px;height:40px}.optionHeading .price{font-size:21px}.swatches{gap:12px}.swatches label>span{width:37px;height:37px}.swatches small{font-size:8px}.fieldGrid{gap:12px}.fieldGrid label{font-size:11px}.fieldGrid label small{font-size:8px;display:block;margin:0}input,select,textarea{font-size:16px;padding:11px 10px}.reviewPanel{padding:20px}.reviewPanel .price{font-size:21px}.reviewRow b{font-size:12px}.reviewRow small{font-size:9px}.careTitle{gap:10px}.careTitle h3{font-size:22px}.careTitle .tag{font-size:8px}.modalTop>.eyebrow{font-size:7px}#toast{font-size:11px;bottom:95px}.lookDetailArt .lookVisual{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
