.inner{background:#fbf5e8;color:#251d1b}.inner .brand{color:#251d1b;text-decoration:none;text-align:center;display:inline-flex;flex-direction:column;line-height:1}.inner .brand b{font:500 26px/1 'Playfair Display',serif;letter-spacing:-.06em}.inner .brand span{font:7px 'DM Mono',monospace;letter-spacing:.42em;margin:.3rem 0 0 .45em}.inner header nav{display:flex}.inner header nav a{color:#251d1b}.inner .button{background:#251d1b;color:#fbf5e8;border:1px solid #251d1b;text-decoration:none;padding:14px 17px;font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.builder{padding:7vw 9vw 8vw}.builder-head{max-width:700px;margin-bottom:5rem}.builder-head h1,.booking h1{font:clamp(3.8rem,7vw,7.5rem)/.9 'Playfair Display',serif;letter-spacing:-.075em;margin:0 0 1.7rem}.builder-head>p:last-child{font-size:1.08rem;max-width:560px}.config{display:grid;grid-template-columns:1fr 1.25fr;border:1px solid #d6c7af}.preview{min-height:560px;background:#ded4c3;display:flex;align-items:center;justify-content:center;flex-direction:column}.hair-swatch{width:255px;height:330px;border-radius:49% 49% 38% 38%/18% 18% 65% 65%;background:linear-gradient(95deg,#170e09,#4c2c1d 40%,#21120c)}.preview p{font:1.65rem 'Playfair Display',serif;margin:1.6rem 0 .1rem}.preview span,.step label,.estimate span{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.controls{padding:3rem 4rem}.step{padding:0 0 2rem;margin-bottom:2rem;border-bottom:1px solid #d6c7af}.step label{display:block;margin-bottom:1.1rem}.chips,.colors{display:flex;gap:.65rem;flex-wrap:wrap}.chips button{padding:9px 14px;background:transparent;border:1px solid #cbbba3;font:12px 'DM Mono',monospace;cursor:pointer}.chips button.selected{background:#251d1b;color:#fff}.color{width:37px;height:37px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color.selected{outline:1px solid #251d1b;outline-offset:3px}.espresso{background:#3b2115}.brunette{background:#76513a}.caramel{background:#b67b4b}.blonde{background:#dbc590}.black{background:#1d1716}.estimate{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.estimate strong{font:1.5rem 'Playfair Display',serif}.fineprint{max-width:560px;font-size:.78rem;margin:2rem 0 0;color:#665e54}.booking{display:grid;grid-template-columns:1.2fr .8fr;min-height:calc(100vh - 166px)}.booking>section{padding:10vh 10vw}.booking aside{background:#e8ddca;padding:10vh 6vw;display:flex;align-items:center}.appointment{margin-top:3rem;border-top:1px solid #d6c7af}.appt{width:100%;display:flex;text-align:left;background:transparent;border:0;border-bottom:1px solid #d6c7af;padding:21px 0;align-items:center;gap:20px;cursor:pointer;color:#251d1b}.appt span{font:11px 'DM Mono',monospace}.appt div{flex:1}.appt b{font:1.25rem 'Playfair Display',serif;display:block}.appt small{font:11px 'DM Mono',monospace}.appt i{font-style:normal;font-size:1.4rem}.appt.selected{padding-left:12px;background:#eee6d6}.booksy{background:#251d1b;color:#fbf5e8;padding:45px 38px}.booksy-mark{font:2rem 'Playfair Display',serif;width:45px;height:45px;border:1px solid #fbf5e8;display:grid;place-items:center;border-radius:50%}.booksy h2{font:2.6rem/1 'Playfair Display',serif;letter-spacing:-.06em}.booksy .button{background:#fbf5e8;color:#251d1b;border-color:#fbf5e8;margin:1.5rem 0;display:inline-block}.booksy small{font:10px/1.5 'DM Mono',monospace;display:block;opacity:.7}.modal{position:fixed;inset:0;background:#1b1917bb;display:none;z-index:9;place-items:center;padding:20px}.modal.open{display:grid}.modal>div{background:#fbf5e8;padding:55px;max-width:530px;position:relative}.modal h2{font:2.8rem/1 'Playfair Display',serif;letter-spacing:-.06em;margin:.3rem 0 1.5rem}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:2rem;cursor:pointer}.inner footer{height:auto;margin-top:0}.inner footer .brand{display:flex}.inner footer p{margin:0}@media(max-width:760px){.inner header nav{display:none}.builder{padding:80px 6vw}.config,.booking{grid-template-columns:1fr}.preview{min-height:420px}.controls{padding:2rem}.booking>section,.booking aside{padding:70px 9vw}.inner footer{flex-wrap:wrap}}