:root{--ink:#26231f;--sand:#eee8de;--cream:#f7f3ed;--clay:#b06c52;--line:#d7cfc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:var(--cream)}.topline{height:34px;background:#25231f;color:#f7f3ed;display:flex;justify-content:space-between;align-items:center;padding:0 4.5vw;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.topline a{color:inherit;text-decoration:none}.site-header{height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;position:absolute;z-index:2;top:34px;width:100%;color:#fff;border-bottom:1px solid #ffffff4a}.brand{color:inherit;text-decoration:none;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;line-height:1}.brand span{font:38px/28px "DM Serif Display",serif;letter-spacing:-2px;grid-row:span 2}.brand i{height:1px;background:currentColor;width:28px}.brand small{font-size:7px;letter-spacing:.25em;margin-top:4px}nav{display:flex;gap:30px;margin-left:auto;margin-right:34px}nav a{color:inherit;text-decoration:none;font-size:12px}.button{font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:16px 19px;display:inline-flex;align-items:center;gap:19px;font-weight:700}.button b{font-size:17px;font-weight:400}.button-dark{background:#fff;color:var(--ink)}.button-cream{background:var(--cream);color:var(--ink)}.menu{display:none}.hero{min-height:760px;height:100vh;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/salon-hero.png") center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#17130fbc 0%,#17130f80 36%,#0000000d 73%),linear-gradient(0deg,#0000004d,transparent 50%)}.hero-content{position:absolute;z-index:1;top:49%;transform:translateY(-37%);left:10.5vw;max-width:600px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}.light{color:#f0e9de}.hero h1,h2{font:clamp(48px,6.7vw,94px)/.96 "DM Serif Display",serif;letter-spacing:-.055em;margin:0}.hero h1 em,h2 em,blockquote em{font-style:italic}.hero-copy{max-width:350px;font-size:15px;line-height:1.7;margin:27px 0 30px;color:#f4eee7}.scroll{color:white;text-decoration:none;position:absolute;z-index:1;bottom:35px;left:4.5vw;font-size:9px;letter-spacing:.16em;font-weight:700}.scroll span{font-size:17px;margin-left:14px}.intro{padding:150px 10.5vw;display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.intro .eyebrow{grid-column:1/-1;margin-bottom:0}.intro-detail{padding-top:17px}.intro-detail p{font-size:16px;line-height:1.8;margin:0 0 30px}.text-link{color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.05em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{margin-left:18px;font-size:18px}.services{background:var(--sand);padding:124px 10.5vw;display:grid;grid-template-columns:.9fr 1.4fr;gap:9vw}.services-heading h2{font-size:clamp(47px,5.3vw,75px)}.service-list article{display:grid;grid-template-columns:50px 1fr;column-gap:15px;padding:25px 0;border-top:1px solid var(--line)}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span{font-size:10px;color:var(--clay);font-weight:bold;padding-top:9px}.service-list h3{font:34px "DM Serif Display",serif;margin:0}.service-list p{grid-column:2;margin:10px 0 17px;font-size:14px;line-height:1.65;max-width:360px}.service-list a{grid-column:2;color:inherit;font-weight:700;text-decoration:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.service-list b{margin-left:12px;font-size:15px}.quote{padding:130px 6vw;background:var(--clay);color:#fff;text-align:center}.quote-mark{font:76px/20px "DM Serif Display",serif}.quote blockquote{font:clamp(34px,4.6vw,66px)/1.1 "DM Serif Display",serif;margin:35px auto 35px}.quote p{font-size:10px;letter-spacing:.18em;font-weight:bold}.team{display:grid;grid-template-columns:1fr 1fr;background:#e9e0d3}.team-image{min-height:630px;background:#3c332b;padding:50px 9vw;color:#f5f0e9;display:flex;flex-direction:column;justify-content:space-between}.portrait-shape{font:210px/1 "DM Serif Display",serif;letter-spacing:-18px;color:#c99d7e;opacity:.9}.team-image p{font:29px/1.2 "DM Serif Display",serif}.team-copy{padding:105px 8vw}.team-copy h2{font-size:clamp(43px,4.5vw,65px)}.people{margin:58px 0 46px}.people>div{display:grid;grid-template-columns:45px 1fr;align-items:center;border-top:1px solid var(--line);padding:15px 0}.people>div:last-child{border-bottom:1px solid var(--line)}.people span{font-size:10px;color:var(--clay);font-weight:bold}.people h3{font:29px "DM Serif Display",serif;margin:0}.people p{grid-column:2;margin:2px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.testimonial{padding:130px 10.5vw;text-align:center}.stars{color:var(--clay);letter-spacing:.25em;margin:30px 0}.testimonial blockquote{font:36px/1.25 "DM Serif Display",serif;max-width:680px;margin:0 auto 32px}.client{font-size:10px;letter-spacing:.16em;font-weight:bold}.visit{background:#28251f;color:#f5f0e9;padding:105px 10.5vw;display:grid;grid-template-columns:1.1fr .8fr;gap:13vw}.visit h2{font-size:clamp(53px,5.3vw,75px)}.address{line-height:1.8;margin:37px 0 33px;font-size:15px}.visit .text-link{color:#f5f0e9;border-color:#f5f0e9}.visit-card{background:#b06c52;padding:37px}.visit-card>p{font:25px "DM Serif Display",serif;margin:0 0 31px}.visit dl{margin:0 0 35px;font-size:12px;line-height:2.55}.visit dt{float:left}.visit dd{text-align:right;margin:0;border-bottom:1px solid #ffffff47}.visit .button{width:100%;justify-content:space-between}footer{padding:38px 4.5vw;background:#28251f;color:#f5f0e9;border-top:1px solid #ffffff38;display:flex;align-items:center;justify-content:space-between}footer p,footer a{font-size:10px;color:inherit;text-decoration:none;letter-spacing:.1em}footer div{display:flex;gap:22px}@media(max-width:760px){.topline{padding:0 22px}.topline span{display:none}.site-header{top:34px;height:76px;padding:0 22px}.brand span{font-size:31px}.desktop-book,nav{display:none}.menu{display:block;background:transparent;border:0;color:white;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.menu span{display:inline-block;width:18px;height:1px;background:#fff;vertical-align:middle;margin-left:7px}.hero{min-height:690px}.hero-content{left:22px;right:22px;top:50%;transform:translateY(-28%)}.hero h1{font-size:59px}.intro,.services,.visit{display:block;padding:86px 22px}.intro h2{font-size:52px}.intro-detail{padding-top:31px}.services-heading{margin-bottom:47px}.team{display:block}.team-image{min-height:390px;padding:45px 32px}.portrait-shape{font-size:150px}.team-copy{padding:75px 22px}.testimonial{padding:85px 22px}.testimonial blockquote{font-size:30px}.visit-card{margin-top:55px}footer{padding:32px 22px;gap:20px;align-items:flex-start}footer p{display:none}footer div{flex-direction:column;gap:9px}.scroll{left:22px}.quote{padding:90px 22px}}