*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:#f4f0e6;color:#282c23;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid #b24323;outline-offset:5px}fieldset:focus-within{scroll-margin-top:25px}[hidden]{display:none!important}.demo-bar{background:#282c23;color:#f4f0e6;display:flex;justify-content:space-between;gap:18px;padding:10px 5%;font-size:9px;letter-spacing:.8px}.demo-bar a{white-space:nowrap}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid #282c2330}.logo{font-size:31px;font-weight:900;letter-spacing:-2px;text-decoration:none;line-height:.9}.logo span{display:block;font-size:9px;letter-spacing:2.6px;margin-top:8px;font-weight:400}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav a{text-decoration:none}.nav-book{border:1px solid #282c2360;border-radius:30px;padding:13px 20px;display:flex;align-items:center;gap:20px}.intro{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.intro-copy{padding:55px 10% 40px}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1px;line-height:1.6;display:block}.intro h1{font-size:clamp(58px,6.5vw,96px);line-height:.98;letter-spacing:-5px;margin:25px 0;font-weight:900}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:#b24323;letter-spacing:-4px}.intro p{font-size:13px;line-height:1.8;max-width:330px}.round-link{display:inline-flex;gap:25px;align-items:center;background:#b24323;color:#fff6e8;text-decoration:none;border-radius:40px;padding:17px 22px;font-size:12px;margin:18px 0}.intro-note{display:block;color:#65675c;font-size:10px;margin-top:8px}.shop-photo{position:relative;overflow:hidden;background:#3c3a30}.shop-photo img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.55) brightness(.75)}.photo-stamp{position:absolute;right:25px;top:30px;border:1px solid #f7edcfb0;border-radius:50%;height:120px;width:120px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:14px;line-height:1.4;color:#f7edcf;font-weight:700}.photo-caption{position:absolute;bottom:23px;left:25px;font-size:9px;letter-spacing:1px;color:white}.booking-shell{padding:60px 5%;border-top:1px solid #282c2330}.booking-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.booking-heading h2,.closing h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.8px;font-weight:500;margin:12px 0}.demo-tag{font-family:monospace;font-size:10px;padding:10px 13px;border:1px solid #b2432350;color:#a63d20;border-radius:30px;white-space:nowrap}.demo-explainer{max-width:620px;line-height:1.8;font-size:12px;color:#66685d;margin:12px 0 38px}.booking-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7%;align-items:start}fieldset{padding:0;margin:0 0 35px;border:0;min-width:0}legend{display:flex;align-items:center;gap:12px;font-size:17px;margin-bottom:18px;font-weight:600}legend>span{border:1px solid #282c2340;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-family:monospace;font-size:10px;font-weight:400}.service{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 17px;border:1px solid #c9c9bb;border-radius:6px;margin-bottom:9px;position:relative;cursor:pointer;background:#faf7f0}.service input,.barber-grid input,.dates input,.times input{position:absolute;opacity:0;width:1px;height:1px}.service:has(input:checked){border-color:#282c23;background:#e9e9db;box-shadow:inset 3px 0 #282c23}.service:has(input:focus-visible),.barber-grid label:has(input:focus-visible),.dates label:has(input:focus-visible),.times label:has(input:focus-visible){outline:3px solid #b24323;outline-offset:3px}.service strong{font-size:14px;display:block}.service small{display:block;color:#696c60;font-size:10px;line-height:1.6;margin-top:6px}.service-price{font-size:16px;display:flex;gap:14px;align-items:center}.service-price svg{border:1px solid #a9ad9d;border-radius:50%;padding:3px}.service input:not(:checked)~.service-price svg path{visibility:hidden}.service:has(input:checked) svg{background:#282c23;color:white;border-color:#282c23}.barber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.barber-grid label{position:relative;border:1px solid #c9c9bb;border-radius:6px;padding:17px 8px;text-align:center;cursor:pointer}.barber-grid label:has(input:checked){border-color:#282c23;background:#e9e9db}.avatar{width:45px;height:45px;border-radius:50%;background:#dedccf;display:grid;place-items:center;margin:0 auto 12px;font-family:Georgia,serif;font-size:24px}.barber-grid label:nth-child(2) .avatar{background:#b24323;color:white}.barber-grid label:nth-child(3) .avatar{background:#4e614e;color:white}.barber-grid strong,.barber-grid small{display:block;font-size:11px}.barber-grid small{font-size:9px;color:#66685d;margin-top:6px}.date-heading{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:15px}.date-heading span{font-size:10px;color:#66685d}.dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.dates label{position:relative;border:1px solid #c9c9bb;border-radius:5px;display:grid;justify-items:center;gap:9px;padding:12px 0;cursor:pointer;font-size:9px}.dates strong{font-size:17px;font-weight:500}.dates label:has(input:checked){background:#282c23;color:#fff6e8;border-color:#282c23}.time-heading{margin:24px 0 13px;font-size:12px;display:flex;justify-content:space-between;gap:15px}.time-heading span{color:#66685d;font-size:10px}.times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.times label{position:relative;border:1px solid #c9c9bb;border-radius:5px;padding:13px 8px;text-align:center;cursor:pointer;font-size:11px}.times label:has(input:checked){background:#b24323;color:white;border-color:#b24323}.slot-note{font-size:10px;color:#66685d;line-height:1.7}.booking-summary{background:#282c23;color:#f4f0e6;border-radius:8px;padding:30px;position:sticky;top:25px}.booking-summary .eyebrow{color:#b9bd9f;font-size:9px}.booking-summary h3{font-family:Georgia,serif;font-weight:400;font-size:39px;letter-spacing:-1.5px;margin:13px 0 25px}.summary-mark{background:#383f30;border:1px solid #69725955;text-align:center;padding:30px 10px;font-size:43px;font-weight:900;letter-spacing:-3px;margin-bottom:20px}.summary-mark span{color:#c19a5d;font-weight:400}.booking-summary dl{margin:0}.booking-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;font-size:11px;border-bottom:1px solid #ffffff20}.booking-summary dt{color:#b9bdad}.booking-summary dd{margin:0;text-align:right;max-width:66%;line-height:1.6}.booking-summary .total{align-items:center;padding:23px 0}.total dd{font-size:28px}.summary-hint{font-size:10px;line-height:1.7;color:#c4c7b5;margin:20px 0}#confirm{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:17px 19px;border:0;border-radius:5px;background:#e2b56d;color:#27291f;font-size:12px}#confirm:disabled{opacity:.45;cursor:not-allowed}.no-charge{font-size:9px;text-align:center;line-height:1.8;color:#b9bdad;margin:13px 0 0}.confirmation{padding:45px 25px;text-align:center;border:1px solid #b7bba9;border-radius:8px;background:#e9e9db}.confirmation:focus{outline:none}.success-check{display:grid;place-items:center;background:#282c23;color:#f4f0e6;border-radius:50%;width:55px;height:55px;margin:0 auto 23px;font-size:25px}.confirmation h2{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1px}.confirmation p{max-width:450px;margin:15px auto;font-size:13px;line-height:1.8}.confirmation button{padding:15px 25px;border:0;border-radius:30px;background:#282c23;color:white;margin:15px 0}.confirmation a{display:block;font-size:12px;margin-top:10px}.closing{background:#e4e3d5;padding:50px 5%;text-align:center}.closing p{font-size:13px;line-height:1.8;max-width:440px;margin:20px auto}.closing a{display:inline-flex;align-items:center;gap:25px;font-size:13px;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}footer{padding:32px 5%;display:flex;justify-content:space-between;gap:30px;align-items:start}footer p{font-size:10px;line-height:1.8;max-width:450px;margin:0;color:#66685d}footer>a{font-size:10px;white-space:nowrap}@media(max-width:700px){.demo-bar{font-size:7px;letter-spacing:.2px}header{padding:22px 5%}.logo{font-size:27px}nav{gap:15px;font-size:10px}.nav-book{padding:10px 13px;gap:10px}.nav-book svg{width:15px}.intro{grid-template-columns:1fr}.intro-copy{padding:35px 6%}.intro h1{font-size:68px;letter-spacing:-4px}.intro h1 br:nth-child(2){display:none}.intro h1 em{display:block}.shop-photo{height:300px}.photo-stamp{width:100px;height:100px;font-size:12px;top:20px}.booking-shell{padding:40px 5%}.booking-heading{display:block}.booking-heading h2{font-size:35px;margin:12px 0 18px}.demo-tag{display:inline-block}.booking-grid{grid-template-columns:1fr;gap:0}.booking-summary{position:static;padding:27px}.booking-summary h3{font-size:35px}.summary-mark{display:none}.service{padding:17px 13px}.service-price{gap:10px}.service strong{font-size:13px}.dates{gap:5px}.dates label{padding:12px 0}.barber-grid{gap:8px}.time-heading{font-size:11px}.closing h2{font-size:35px}footer{flex-wrap:wrap}footer p{order:3;max-width:none}.confirmation h2{font-size:34px}.confirmation{padding:30px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}