:root{--tan:#bea585;--tan-l:#efe7dc;--brown:#221507;--taupe:#67615c;--bg:#fbf8f4}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:"Figtree",system-ui,sans-serif;background:var(--bg);color:var(--brown);line-height:1.7;font-size:17px}
a{color:inherit}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:"Bitter",Georgia,serif;font-weight:400;line-height:1.2}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--tan-l)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
header img{height:54px;display:block}
nav{display:flex;gap:26px;font-size:15px}
nav a{text-decoration:none;color:var(--taupe)}nav a:hover{color:var(--brown)}
.btn{display:inline-block;background:var(--brown);color:#fff;text-decoration:none;padding:13px 26px;font-size:15px;font-weight:600;border:1px solid var(--brown)}
.btn:hover{background:var(--tan);border-color:var(--tan);color:var(--brown)}
.btn.o{background:transparent;color:var(--brown)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:580px}
.hero .t{background:var(--tan-l);display:flex;flex-direction:column;justify-content:center;padding:60px max(20px,calc((100vw - 1060px)/2)) 60px max(20px,calc((100vw - 1060px)/2))}
.hero .t>*{max-width:30em}
.hero .p{background:url(images/salon.jpg) center/cover}
.k{color:var(--taupe);letter-spacing:.2em;text-transform:uppercase;font-size:12.5px;font-weight:600;margin-bottom:14px}
h1{font-size:clamp(34px,4.6vw,54px);margin-bottom:18px}
.hero p.l{font-size:18px;margin-bottom:26px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
section{padding:80px 0}
h2{font-size:clamp(28px,3.6vw,38px);margin-bottom:18px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.two img{width:100%;display:block}
.list{margin-top:34px;border-top:2px solid var(--brown)}
.row{display:grid;grid-template-columns:1fr auto;gap:8px 30px;padding:24px 0;border-bottom:1px solid var(--tan)}
.row h3{font-size:23px;margin-bottom:4px}
.row p{color:var(--taupe);font-size:16px;max-width:42em}
.row .pr{text-align:right;font-family:"Bitter",serif;font-size:22px;white-space:nowrap}
.row .pr small{display:block;font-family:"Figtree",sans-serif;font-size:14px;color:var(--taupe)}
.row.sub{grid-template-columns:1fr auto}
.gal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.gal img{width:100%;height:280px;object-fit:cover;display:block}
.dark{background:var(--brown);color:#efe9e0}
.dark h2{color:#fff}.dark .k{color:var(--tan)}
.dark a{color:#fff}
.dark .btn{background:var(--tan);border-color:var(--tan);color:var(--brown)}.dark .btn:hover{background:#fff}
.dark .btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.hours{width:100%;border-collapse:collapse;margin:8px 0 18px}
.hours td{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.hours td:last-child{text-align:right}
.hours tr.today td{color:var(--tan)}
.big{font-family:"Bitter",serif;font-size:34px;text-decoration:none;display:block;margin:4px 0 6px}
footer{background:#140c04;color:#9a9087;font-size:13px;text-align:center;padding:18px}
footer a{color:#d3c9be}
.callbar{display:none}
@media(max-width:840px){
 nav{display:none}.hero{grid-template-columns:1fr}.hero .p{order:-1;height:240px}.hero .t{padding:40px 20px}
 section{padding:54px 0}.two{grid-template-columns:1fr;gap:30px}.gal{grid-template-columns:1fr}.gal img{height:200px}
 .row{grid-template-columns:1fr}.row .pr{text-align:left}
 .callbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20}
 .callbar a{flex:1;text-align:center;padding:14px;text-decoration:none;background:var(--brown);color:#fff;font-weight:600}
 .callbar a+a{background:var(--tan);color:var(--brown)}
 body{padding-bottom:50px}
}