:root{--ink:#3b2630;--rose:#f4dfe3;--deep:#a65d70;--cream:#fffaf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffaf7e8;backdrop-filter:blur(10px);z-index:2}.brand{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.12em}.brand b{width:38px;height:38px;border:1px solid var(--deep);border-radius:50%;display:grid;place-items:center;font:italic 23px 'Playfair Display';color:var(--deep)}.brand span{font-size:15px;font-weight:600;letter-spacing:.22em}.brand small{display:block;font-size:8px;letter-spacing:.28em;opacity:.65}nav{display:flex;gap:28px;font-size:13px}.btn{display:inline-block;background:var(--deep);color:#fff;padding:13px 20px;border:0;font-weight:600;font-size:12px;cursor:pointer}.hero{min-height:630px;padding:70px 10vw 0;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#fffaf7 0 50%,var(--rose) 50%)}label{display:block;color:var(--deep);letter-spacing:.2em;font-size:10px;font-weight:600;margin-bottom:20px}.hero h1{font:500 clamp(48px,6vw,80px)/1.02 'Playfair Display';letter-spacing:-.04em;margin:0 0 25px}.hero h1 i,h2 i{color:var(--deep)}.hero p{max-width:430px;color:#765b63;margin-bottom:32px}.art{position:relative}.circle{position:absolute;top:6%;left:15%;width:360px;height:360px;border-radius:50%;background:#fff8f2}.silhouette{position:absolute;top:11%;left:31%;width:220px;height:480px}.hair{position:absolute;top:0;width:220px;height:315px;border-radius:55%;background:#67424a}.face{position:absolute;top:55px;left:28px;width:165px;height:235px;border-radius:50%;background:#e7ae8f}.art q{position:absolute;right:0;bottom:21%;font:italic 20px 'Playfair Display'}.split{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:110px 12vw}.split h2,.pink h2,.voucher h2,.booking h2,.contact h2{font:500 clamp(37px,4vw,55px)/1.08 'Playfair Display';margin:0}.split>p{max-width:420px;color:#765b63;padding-top:35px}.pink{padding:95px 12vw;background:#f8e9ea}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.cards article{background:var(--cream);padding:30px;min-height:210px;border-top:2px solid #d89eab}.cards em{color:var(--deep);font:italic 22px 'Playfair Display'}.cards h3{font:500 25px 'Playfair Display';margin:25px 0 10px}.cards p{font-size:13px;color:#765b63}.studio{align-items:center}.photo{height:430px;background-image:linear-gradient(180deg,#3b263033,#3b263066),url('assets/verstyle-hair.jpg');background-size:cover;background-position:center;display:grid;place-items:center;color:#fff;font:italic 38px 'Playfair Display'}.studio p,.voucher p,.booking p,.contact p{color:#765b63}.voucher{margin:0 9vw 110px;padding:70px 8%;background:#e7bac5;display:flex;justify-content:space-between;align-items:center}.voucher>div{max-width:520px}.qr{background:var(--cream);padding:28px;font-size:80px;line-height:1;box-shadow:10px 10px #bd8291;transform:rotate(3deg)}.qr small{display:block;font:10px 'DM Sans';letter-spacing:.15em}.booking{padding:105px 12vw;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;background:#fff}.booking form{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #e8d9d8;background:transparent;font:14px 'DM Sans'}textarea,.booking select,.booking button{grid-column:span 2}.contact{padding:110px 12vw;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;background:#f8e9ea}.map{min-height:300px;background:linear-gradient(135deg,#dab1b9,#eed6d4);padding:34px;display:flex;flex-direction:column;justify-content:end;align-items:start;color:#fff}.map b{font:italic 28px 'Playfair Display'}.map span{margin-bottom:18px}.light{background:#fff;color:var(--deep)}footer{padding:28px 7vw;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#f7e9e8;font-size:11px}footer .brand b{border-color:#f7e9e8;color:#f7e9e8}@media(max-width:800px){nav,header>.btn{display:none}.hero,.split,.booking,.contact{grid-template-columns:1fr;padding:75px 9vw}.hero{padding-bottom:0}.art{min-height:390px}.cards{grid-template-columns:1fr}.pink{padding:75px 9vw}.voucher{margin:0 5vw 75px;display:block}.qr{width:max-content;margin:35px auto 0}footer{flex-wrap:wrap;gap:18px}}