:root{--paper:#f5f2eb;--white:#fffefa;--ink:#242c28;--muted:#73796e;--line:#dcded2;--green:#293f33;--sage:#e8ebdf;--orange:#b45b3d;--sand:#e9dfcb;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:var(--serif);font-weight:400}h1{font-size:clamp(56px,6.2vw,88px);line-height:1.03;letter-spacing:-.035em}h2{font-size:42px;line-height:1.15;letter-spacing:-.025em}h3{font-size:18px;line-height:1.35}small,.muted{color:var(--muted)}.prototype-bar{height:32px;background:var(--green);color:#e3e8dc;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:10px;letter-spacing:.07em}.prototype-bar i{display:inline-block;width:5px;height:5px;background:#d4b278;border-radius:50%;margin-right:7px}.prototype-bar button{background:none;border:0;color:inherit;font-size:11px;padding:3px}.site-header{max-width:1320px;margin:auto;height:112px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:3px;font-weight:500}.brand-mark{width:49px;height:49px;border:1px solid #9a9f8d;border-radius:50%;display:flex;align-items:center;justify-content:center;font:30px var(--serif);letter-spacing:-.1em;position:relative;padding-right:4px}.brand-mark>span{font-size:14px;position:absolute;right:-4px;top:-4px;background:var(--paper);padding:0 3px;color:var(--orange)}nav{display:flex;gap:30px;font-size:12px}nav a{padding:8px 0;border-bottom:1px solid transparent}nav a.active{border-color:var(--ink)}.staff-link{font-size:11px;border:1px solid #b6bbaa;border-radius:3px;padding:10px 14px;white-space:nowrap}.staff-link span{margin-left:15px}#visit-count:not(:empty){font-size:9px;padding:2px 5px;border-radius:20px;background:var(--green);color:white;margin-left:3px}.wrap{max-width:1232px;margin:auto;padding:0 34px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:600;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';display:inline-block;width:22px;height:1px;background:currentColor}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:49px;padding-bottom:50px}.hero-copy{padding-top:32px}.hero .eyebrow{color:var(--orange);margin-bottom:29px}.hero h1 em{font-weight:400;color:var(--orange)}.hero-copy>p{font-size:14px;color:#71796c;line-height:1.8;margin-top:24px;max-width:340px}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--green);color:white;border:1px solid var(--green);border-radius:3px;padding:14px 21px;font-size:12px;font-weight:500;min-height:47px;transition:background .18s,transform .18s}.btn:hover{background:#3b5342;transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--ink);border-color:#b9bfaf}.btn.secondary:hover{background:var(--sage)}.btn.small{padding:9px 15px;min-height:37px;font-size:11px}.btn.danger{background:#a64e36;border-color:#a64e36}.link-button{border:0;border-bottom:1px solid #afb5a5;background:none;padding:3px 0;font-size:12px}.hero-proof{display:flex;gap:15px;align-items:center;margin-top:36px;font-size:10px}.mini-faces{display:flex;padding-left:7px}.mini-face{margin-left:-7px;width:27px;height:27px;border:2px solid var(--paper);border-radius:50%;background:#c4ad8b;display:flex;align-items:center;justify-content:center;font-size:8px}.mini-face:nth-child(2){background:#a5b098}.mini-face:nth-child(3){background:#d0b5a2}.stars{color:var(--orange);letter-spacing:2px;font-size:10px}.hero-art{min-height:458px;position:relative;background:#d8d8c5;border-radius:150px 5px 5px 5px;overflow:hidden}.hero-art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.art-label{position:absolute;top:30px;right:25px;font-size:9px;letter-spacing:.2em;color:#e4e7d9;writing-mode:vertical-rl}.art-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#f7f2e5;font-size:10px;letter-spacing:.12em}.art-caption strong{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:0}.hours-badge{position:absolute;top:22px;left:25px;border:1px solid #a8b397;color:white;padding:7px 11px;border-radius:30px;font-size:9px;letter-spacing:.07em;background:#293f3338}.hours-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d5ca95;margin-right:5px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#626d5e}.trust-strip span{display:flex;align-items:center;gap:11px}.trust-strip b{font-size:16px;color:var(--orange);font-weight:400}.section{padding-top:52px;padding-bottom:52px}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:28px}.section-head .eyebrow{color:var(--orange);margin-bottom:12px}.section-head>p{color:var(--muted);font-size:12px;max-width:250px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{border:1px solid var(--line);background:var(--white);padding:25px;text-align:left;position:relative;border-radius:5px;transition:all .15s;min-height:187px}.service-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 25px #263b2a08}.service-card.selected{border:2px solid var(--green);padding:24px;background:#edf0e5}.service-card .service-icon{font-size:22px;color:var(--orange);margin-bottom:12px;display:block}.service-card h3{font-family:var(--serif);font-weight:400;font-size:22px}.service-card p{font-size:11px;color:var(--muted);margin:7px 0 19px;max-width:240px}.service-bottom{display:flex;justify-content:space-between;font-size:11px}.service-bottom strong{font-size:13px;font-weight:600}.popular{position:absolute;top:15px;right:14px;font-size:8px;letter-spacing:.08em;background:var(--sage);padding:4px 7px;border-radius:3px}.barber-preview{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;align-items:center;border-top:1px solid var(--line);padding:42px 0}.barber-preview p{color:var(--muted);font-size:12px;margin-top:13px;max-width:300px}.barber-row{display:flex;gap:13px}.barber-mini{flex:1;text-align:center;padding:17px 10px;border-radius:5px;background:#e9e8dd}.avatar{height:66px;width:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:27px;background:var(--sand);color:var(--green);margin:0 auto 12px;border:1px solid #d2d3bf}.avatar.alex{background:#d9c7ad}.avatar.sam{background:#b9c3ad}.avatar.jordan{background:#d9bca9}.barber-mini strong{font-size:12px}.barber-mini small{font-size:9px;display:block;margin-top:4px}.site-footer{max-width:1232px;margin:auto;border-top:1px solid var(--line);padding:28px 34px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;color:var(--muted)}.footer-logo{font:22px var(--serif);color:var(--ink)}.footer-logo span{color:var(--orange);margin-left:9px}.page-top{padding-top:35px;margin-bottom:30px}.page-top h1{font-size:48px;margin-top:15px}.page-top>p{color:var(--muted);margin-top:11px;font-size:12px}.back-link{font-size:11px;border:0;background:none;padding:5px 0;color:var(--muted)}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:43px;padding-bottom:60px}.steps{display:flex;border-bottom:1px solid var(--line);margin-bottom:27px;gap:20px}.step-button{border:0;background:none;font-size:11px;color:var(--muted);padding:0 0 16px;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent}.step-button .step-num{width:21px;height:21px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px}.step-button.active{color:var(--green);border-bottom-color:var(--green)}.step-button.active .step-num,.step-button.done .step-num{background:var(--green);border-color:var(--green);color:white}.step-title{font-family:var(--serif);font-size:30px;font-weight:400;margin-bottom:6px}.step-description{color:var(--muted);font-size:12px;margin-bottom:23px}.booking-services{grid-template-columns:1fr 1fr}.booking-services .service-card{min-height:172px;padding:20px}.booking-services .service-card.selected{padding:19px}.booking-services .service-card h3{font-size:21px}.addon{display:flex;align-items:center;gap:12px;background:#eeeee4;border-radius:4px;padding:14px 17px;margin-top:17px;font-size:12px}.addon input{accent-color:var(--green);width:16px;height:16px}.addon span{flex:1}.addon small{font-size:10px;display:block}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.summary-card{border:1px solid var(--line);background:var(--white);padding:24px;border-radius:5px;height:fit-content;position:sticky;top:24px}.summary-brand{font:26px var(--serif);margin-top:10px;margin-bottom:3px}.summary-card .eyebrow{font-size:8px;color:var(--orange)}.summary-rule{height:1px;background:var(--line);margin:20px 0}.summary-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:11px 0}.summary-line .muted{font-size:11px}.summary-line.total{font-size:16px}.summary-placeholder{color:#929789;font-size:11px}.summary-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:20px}.summary-meta{font-size:11px;color:var(--muted);margin-top:13px;display:flex;gap:9px;align-items:flex-start}.barber-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.barber-option{border:1px solid var(--line);border-radius:5px;background:var(--white);text-align:left;padding:20px;display:flex;align-items:center;gap:17px;min-height:114px}.barber-option .avatar{margin:0;width:55px;height:55px;font-size:23px;flex-shrink:0}.barber-option strong{display:block;font-size:14px}.barber-option small{font-size:10px}.barber-option.selected{background:#e9eee1;border:2px solid var(--green);padding:19px}.any-avatar{font:32px var(--serif);background:#e5e9dc}.date-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.date-control strong{font-size:13px}.date-control .date-arrows{display:flex;gap:8px}.icon-btn{border:1px solid var(--line);background:var(--white);border-radius:3px;min-width:34px;height:34px;font-size:16px}.date-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:25px}.date-button{padding:12px 4px;border:1px solid var(--line);background:var(--white);border-radius:4px;text-align:center}.date-button small{font-size:9px;display:block;text-transform:uppercase;letter-spacing:.05em}.date-button strong{font-size:19px;font-weight:500;display:block;margin-top:5px}.date-button.selected{background:var(--green);color:white;border-color:var(--green)}.date-button.selected small{color:#cbd4c1}.time-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:21px 0 11px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.time-button{padding:12px 6px;border:1px solid var(--line);border-radius:3px;background:var(--white);font-size:12px}.time-button.selected{background:var(--green);color:white;border-color:var(--green)}.time-button:hover:not(.selected){border-color:var(--green)}.empty-box{padding:28px;border:1px dashed #b8c0ae;border-radius:5px;background:#eeeede}.empty-box h3{font:25px var(--serif);margin-bottom:10px}.empty-box p{font-size:12px;color:var(--muted);margin-bottom:17px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid #cbd0c1;border-radius:3px;background:var(--white);padding:13px 12px;width:100%;font-size:13px;color:var(--ink)}.field textarea{resize:vertical;min-height:70px}.field input::placeholder,.field textarea::placeholder{color:#9a9f93}.payment-option{border:1px solid var(--line);border-radius:4px;padding:16px 18px;margin-top:20px;display:flex;align-items:center;gap:12px;font-size:12px;background:var(--white)}.payment-option span{flex:1}.payment-option small{display:block;font-size:10px}.radio-dot{height:15px;width:15px;border:5px solid var(--green);border-radius:50%}.policy{display:flex;gap:10px;font-size:10px;color:var(--muted);margin-top:20px;align-items:flex-start}.policy input{accent-color:var(--green);margin-top:3px}.form-error{color:#a64027;margin-top:12px;font-size:12px;min-height:18px}.success-wrap{max-width:700px;padding:55px 26px 65px;margin:auto;text-align:center}.success-icon{border:1px solid #becbb6;background:#e4ebdb;border-radius:50%;height:65px;width:65px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--green)}.success-wrap h1{font-size:53px}.success-wrap>p{color:var(--muted);margin:17px 0 25px;font-size:13px}.ticket{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:25px;text-align:left;margin:25px 0}.ticket-header{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:18px;margin-bottom:18px}.ticket-header strong{font:27px var(--serif)}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#e7eddf;color:#415a3c;font-size:9px;border-radius:3px;white-space:nowrap;height:fit-content}.status-chip.orange{background:#f2e4d7;color:#985738}.status-chip.grey{background:#eeeee7;color:#777e70}.ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ticket-grid small{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.ticket-grid strong{font-size:13px;font-weight:500}.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.visits-page{min-height:530px;padding-bottom:60px}.visits-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.visit-card{border:1px solid var(--line);border-radius:5px;background:var(--white);padding:23px;margin-top:17px;display:flex;align-items:center;gap:23px}.visit-date{width:58px;min-width:58px;text-align:center;border-right:1px solid var(--line);padding-right:18px}.visit-date strong{font:30px var(--serif);display:block;line-height:1.1}.visit-date small{font-size:9px;text-transform:uppercase}.visit-detail{flex:1}.visit-detail h3{font:24px var(--serif)}.visit-detail p{font-size:11px;color:var(--muted);margin-top:6px}.visit-actions{display:flex;gap:15px;align-items:center}.demo-note{font-size:10px;color:var(--muted);background:#eaeade;padding:12px 15px;border-radius:3px;margin:20px 0}.staff-page{max-width:1400px;margin:auto;padding:30px 38px 55px}.staff-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.staff-top h1{font-size:39px;margin-top:7px}.staff-top .eyebrow{font-size:9px;color:var(--orange)}.staff-top-actions{display:flex;gap:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;background:var(--white);margin-bottom:24px}.metric{padding:20px 23px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric label{color:var(--muted);font-size:10px;display:block}.metric strong{font:32px var(--serif);display:block;margin-top:4px}.metric small{font-size:9px;display:block;margin-top:4px}.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:21px}.calendar-panel{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--white)}.calendar-toolbar{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.calendar-toolbar strong{font-size:12px}.calendar-toolbar select{font-size:10px;padding:7px 8px;border:1px solid var(--line);background:var(--white);border-radius:3px;color:var(--ink)}.calendar-scroll{overflow-x:auto}.calendar{min-width:540px}.calendar-head{display:grid;grid-template-columns:55px repeat(3,1fr);border-bottom:1px solid var(--line)}.calendar-head>div{padding:14px 10px;border-right:1px solid var(--line);display:flex;gap:9px;align-items:center;justify-content:center;font-size:11px}.calendar-head .avatar{height:25px;width:25px;font-size:11px;margin:0}.calendar-body{position:relative;display:grid;grid-template-columns:55px repeat(3,1fr);height:600px}.time-labels{position:relative}.hour-label{position:absolute;left:8px;font-size:8px;color:#8b9384;transform:translateY(-7px)}.barber-column{border-left:1px solid var(--line);position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 36.5px,#e9ebdf 37px,transparent 37.5px)}.lunch-block{position:absolute;top:37.5%;height:6.25%;width:100%;background:repeating-linear-gradient(135deg,#f1f1e9 0,#f1f1e9 4px,#e9ebdf 4px,#e9ebdf 5px);font-size:8px;color:#929b87;text-align:center;padding-top:10px}.calendar-booking{position:absolute;left:5px;right:5px;background:#e4eadb;border:0;border-left:3px solid #6c805b;border-radius:3px;text-align:left;padding:7px 8px;overflow:hidden;z-index:2;line-height:1.25;min-height:25px}.calendar-booking.tone1{background:#efe3d3;border-color:#b5996d}.calendar-booking.tone2{background:#dce7e4;border-color:#6b8e80}.calendar-booking.completed{opacity:.55}.calendar-booking strong{display:block;font-size:10px}.calendar-booking small{display:block;font-size:8px;color:#66705d;margin-top:4px}.calendar-booking .booking-time{font-size:8px;display:block;margin-bottom:4px}.now-line{position:absolute;left:46px;right:0;height:1px;top:12.5%;background:var(--orange);z-index:3;pointer-events:none}.now-line:before{content:'';position:absolute;left:0;top:-3px;height:7px;width:7px;border-radius:50%;background:var(--orange)}.queue-panel{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:19px;height:fit-content}.queue-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.queue-title h3{font:25px var(--serif)}.queue-panel>p{font-size:10px;color:var(--muted);margin-bottom:17px}.queue-item{border-top:1px solid var(--line);padding:17px 0}.queue-item-top{display:flex;gap:10px;align-items:center}.queue-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:10px}.queue-item strong{font-size:11px}.queue-item small{display:block;font-size:9px}.queue-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.queue-item-bottom span{font-size:9px;color:var(--muted)}.queue-actions{display:flex;gap:7px}.queue-actions button{padding:5px 8px;background:var(--sage);border:1px solid #d8dfcd;border-radius:3px;font-size:9px}.queue-actions .seat-btn{background:var(--green);color:white;border-color:var(--green)}.queue-panel>.btn{width:100%;margin-top:7px}.staff-legend{font-size:9px;color:var(--muted);display:flex;gap:14px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.staff-legend span{display:flex;align-items:center;gap:5px}.staff-legend i{width:7px;height:7px;border-radius:2px;background:#bdcdaa}.staff-legend span:nth-child(2) i{background:#d8bd95}.staff-legend span:nth-child(3) i{background:#a4c8bd}dialog{border:1px solid var(--line);border-radius:9px;padding:0;background:var(--paper);color:var(--ink);width:min(470px,calc(100% - 32px));max-height:90vh;box-shadow:0 30px 100px #19281c40}dialog::backdrop{background:#172b2480;backdrop-filter:blur(3px)}.modal-inner{padding:28px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{font-size:30px}.close-modal{border:0;background:transparent;font-size:22px;padding:0 5px}.modal-inner>p{font-size:12px;color:var(--muted);margin:12px 0 20px}.modal-inner .field{margin-top:13px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;justify-content:flex-end}.modal-detail-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--green);color:white;padding:13px 22px;border-radius:5px;font-size:12px;z-index:20;box-shadow:0 8px 25px #172b2420;opacity:0;pointer-events:none;max-width:calc(100% - 30px);width:max-content;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.waitlist-success{padding:13px;background:var(--sage);font-size:12px;border-radius:3px}.fade-in{animation:fade .3s ease both}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{padding-top:60px;padding-bottom:60px}.hero-art{min-height:490px}}
@media(max-width:1050px){.site-header{padding:0 26px}.booking-layout{gap:24px;grid-template-columns:minmax(0,1fr) 265px}.hero-art{min-height:420px}.hero h1{font-size:66px}.hero-copy{padding-top:20px}.staff-layout{grid-template-columns:minmax(0,1fr) 245px}.staff-page{padding:28px 24px}.staff-link span{margin-left:5px}nav{gap:20px}.barber-preview{gap:25px}.service-card{padding:20px}.service-card.selected{padding:19px}}
@media(max-width:780px){.prototype-bar{padding:0 20px;font-size:8px}.prototype-bar>span:nth-child(2){display:none}.site-header{height:auto;min-height:94px;padding:19px 21px;flex-wrap:wrap;gap:18px}.brand{font-size:11px;gap:9px}.brand-mark{height:39px;width:39px;font-size:25px}.brand small{font-size:6px}.staff-link{padding:8px 10px;font-size:10px;margin-left:auto}nav{order:3;flex-basis:100%;justify-content:center;gap:30px;font-size:11px}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding-top:25px;padding-bottom:30px}.hero-copy{padding-top:12px}.hero h1{font-size:67px}.hero .eyebrow{margin-bottom:20px}.hero-copy>p{margin-top:18px;max-width:380px}.hero-proof{margin-top:23px}.hero-art{min-height:350px;border-top-left-radius:120px}.hero-art svg{object-fit:cover}.trust-strip{flex-wrap:wrap;gap:15px;font-size:9px}.trust-strip span{width:45%;gap:9px}.section{padding-top:38px;padding-bottom:35px}.section-head{align-items:flex-start;gap:15px}.section-head h2{font-size:33px}.section-head>p{font-size:10px;max-width:150px;padding-top:24px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:18px;min-height:188px}.service-card.selected{padding:17px}.service-card h3{font-size:20px}.service-card p{font-size:10px}.popular{font-size:7px;right:9px;top:10px}.barber-preview{grid-template-columns:1fr;gap:24px}.barber-preview h2{font-size:33px}.site-footer{padding:23px 22px;flex-wrap:wrap;gap:12px}.site-footer>span:last-child{margin-left:auto}.site-footer>span:nth-child(2){display:none}.booking-layout{grid-template-columns:1fr;gap:25px}.summary-card{position:static;order:-1;padding:17px}.summary-card .summary-brand{font-size:22px}.summary-card .summary-rule{margin:12px 0}.summary-card .summary-note,.summary-card .summary-meta,.summary-card .eyebrow{display:none}.summary-card .summary-line{margin:7px 0;font-size:11px}.summary-card .summary-placeholder{display:none}.steps{gap:15px;justify-content:space-between}.step-button{font-size:10px;gap:5px}.step-button .step-num{width:18px;height:18px}.page-top{padding-top:24px;margin-bottom:24px}.page-top h1{font-size:39px}.booking-services .service-card{padding:16px}.booking-services .service-card.selected{padding:15px}.booking-services .service-card h3{font-size:19px}.barber-options{gap:9px}.barber-option{padding:13px;gap:10px;flex-direction:column;text-align:center}.barber-option.selected{padding:12px}.barber-option strong{font-size:12px}.barber-option small{font-size:9px}.date-strip{gap:5px}.date-button{padding:10px 2px}.time-grid{grid-template-columns:repeat(3,1fr)}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.staff-page{padding:24px 16px}.staff-top{align-items:flex-start}.staff-top h1{font-size:30px}.staff-top-actions{flex-direction:column}.staff-top-actions .btn{min-height:34px;font-size:9px;padding:7px 10px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:14px 16px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:28px}.staff-layout{grid-template-columns:1fr}.queue-panel{order:-1}.queue-panel .queue-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.queue-item-bottom{align-items:flex-start;flex-direction:column}.queue-panel>.btn{width:auto}.calendar-toolbar{padding:13px 12px}.calendar-toolbar strong{font-size:10px}.visit-card{flex-wrap:wrap;gap:15px;padding:19px}.visit-actions{width:100%;justify-content:flex-end}.visits-header{align-items:flex-start}.visits-header .btn{font-size:10px;padding:10px;gap:5px}.visit-detail h3{font-size:21px}.success-wrap h1{font-size:44px}.ticket{padding:20px}.ticket-header strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* TUF brand system. Source: tufbarbershop.ph. */
@font-face{font-family:TUFBook;src:url('assets/gotham-book.otf') format('opentype');font-display:swap;font-weight:400 500}
@font-face{font-family:TUFBold;src:url('assets/gotham-bold.ttf') format('truetype');font-display:swap;font-weight:600 900}
:root{--paper:#fafafa;--white:#fff;--ink:#141414;--muted:#727272;--line:#dedede;--green:#171717;--sage:#f0efed;--orange:#a91e32;--sand:#eae8e4;--serif:TUFBold,Arial,sans-serif;--sans:TUFBook,Arial,sans-serif}
body{font-size:13px}.prototype-bar{background:#161616;color:#c8c8c8;font-size:9px}.prototype-bar i{background:#af2337}.brand{gap:17px}.brand>img{width:99px;height:auto}.brand>span{font-family:TUFBold,sans-serif;font-size:10px;letter-spacing:.19em;border-left:1px solid #d3d3d3;padding-left:17px}.brand small{font:7px TUFBook,sans-serif;letter-spacing:.08em;margin-top:6px}.site-header{height:104px}.site-header nav{font-size:10px;gap:25px}.staff-link{font-size:9px;border-color:#ccc}.site-header nav a.active{border-bottom:2px solid #a91e32}.hero{grid-template-columns:1.02fr 1fr;gap:30px;padding-top:44px;padding-bottom:38px;align-items:center}.hero-copy{padding-top:0}.hero h1{font-family:TUFBold,sans-serif;font-size:clamp(54px,5.2vw,78px);line-height:1.04;letter-spacing:-.07em}.hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:25px}.red-dot{color:var(--orange)}.hero-copy>p{max-width:340px;color:#727272;font-size:12px;line-height:1.9;margin-top:26px}.btn{border-radius:0;background:#a91e32;border-color:#a91e32;font-family:TUFBold,sans-serif;font-size:10px;letter-spacing:.04em;padding:15px 22px}.btn:hover{background:#87192a;border-color:#87192a}.btn.secondary{background:none;border-color:#c7c7c7;color:#171717}.btn.secondary:hover{background:#ececec;border-color:#171717}.hero-actions{margin-top:29px}.hero-proof{font-size:8px;letter-spacing:.09em;color:#737373;gap:12px;margin-top:29px}.proof-line{width:28px;height:2px;background:#a91e32}.hero-art{min-height:435px;border-radius:0;background:#161616;isolation:isolate}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:66% center;filter:grayscale(1);z-index:-2}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080808c9,transparent 55%);z-index:-1}.photo-top{position:absolute;top:19px;left:20px;color:#fff;font-size:8px;letter-spacing:.14em;border:1px solid #ffffff66;padding:7px 9px}.art-caption{bottom:26px;left:26px;right:33px;color:#fff}.art-caption>img{width:104px;height:auto}.art-caption>span{font-family:TUFBold,sans-serif;font-size:10px;line-height:1.6;letter-spacing:.05em}.tuf-triangle{position:absolute;right:0;bottom:0;width:0;height:0;border-left:58px solid transparent;border-bottom:58px solid #a91e32}.trust-strip{font-size:8px;letter-spacing:.03em;padding:19px 0}.trust-strip b{font-family:TUFBold,sans-serif;font-size:10px}.branch-quick{display:flex;gap:20px;align-items:center;background:#efefed;margin-top:29px;padding:23px 25px}.branch-quick>div{flex:1}.branch-quick .eyebrow{font-size:7px;color:#777;letter-spacing:.1em}.branch-quick .eyebrow:before{display:none}.branch-quick h3{font:12px TUFBold,sans-serif;margin-top:6px;letter-spacing:-.02em}.branch-inline-label{flex:1}.branch-inline-label select{width:100%;font-size:11px;border:0;border-bottom:1px solid #bbb;background:transparent;padding:10px 20px 10px 0;color:#151515}.branch-quick .btn{font-size:8px;min-height:40px}.section-head h2{font-family:TUFBold,sans-serif;font-size:39px;line-height:1.1;letter-spacing:-.05em}.section-head .eyebrow{font-size:8px}.section-head>p{font-size:10px}.service-card{padding:0;border-radius:0;overflow:hidden;border:1px solid #dedede}.service-card.selected{padding:0;outline:2px solid #a91e32;border:1px solid #a91e32;background:#fff7f8}.service-card:hover{border-color:#a91e32}.cut-photo{height:208px;position:relative;background:#efefef;overflow:hidden}.cut-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1);transition:transform .4s}.service-card:hover .cut-photo>img{transform:scale(1.035)}.popular{background:#fff;color:#111;top:13px;right:13px;font-size:7px;padding:6px 8px;letter-spacing:.08em;border-radius:0}.cut-copy{padding:20px}.service-card h3{font-family:TUFBold,sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:-.025em}.service-card p{font-size:10px;min-height:32px;line-height:1.65;margin:11px 0 18px}.service-bottom{font-size:9px;border-top:1px solid #ececec;padding-top:15px}.service-bottom strong{font-size:14px;color:#a91e32}.service-bottom small{font-size:8px}.menu-source{font-size:9px;line-height:1.8;color:#888;margin-top:19px}.menu-source a{text-decoration:underline;text-underline-offset:3px}.tuf-story{display:grid;grid-template-columns:1fr 1fr;background:#171717;color:white;margin:0 0 44px}.tuf-story>img{width:100%;height:300px;object-fit:cover;filter:grayscale(1)}.tuf-story>div{padding:35px 32px}.tuf-story h2{font-family:TUFBold,sans-serif;font-size:31px;letter-spacing:-.045em;line-height:1.1;margin:15px 0}.tuf-story p{font-size:11px;color:#b2b2b2;line-height:1.8;max-width:300px}.tuf-story .eyebrow{color:#c4c4c4;font-size:8px}.tuf-story .btn{color:white;border-color:#626262;margin-top:22px;font-size:8px;padding:11px 15px;min-height:38px}.tuf-story .btn:hover{background:#2c2c2c}.barber-preview h2{font:32px TUFBold,sans-serif;letter-spacing:-.04em}.barber-mini,.barber-option{border-radius:0}.barber-mini{background:#efefed}.avatar{font-family:TUFBold,sans-serif;font-size:21px;border-color:#d5d5d5;background:#eee!important;color:#171717}.barber-mini strong{font-family:TUFBold,sans-serif;font-size:10px}.barber-mini small{font-size:8px}.site-footer{background:#161616;max-width:none;padding:33px max(calc((100% - 1164px)/2),30px);color:#999;font-size:9px}.footer-logo img{width:100px;height:auto;display:block}.site-footer>span{font-size:8px;letter-spacing:.1em}.site-footer>a:last-child{font-size:9px}.page-top h1{font-family:TUFBold,sans-serif;font-size:42px;line-height:1.1;letter-spacing:-.055em}.page-top>p{font-size:11px;max-width:650px;line-height:1.8}.step-title{font:25px TUFBold,sans-serif;letter-spacing:-.04em}.step-description{font-size:11px}.booking-services .service-card,.booking-services .service-card.selected{padding:0}.booking-services .cut-photo{height:105px}.booking-services .cut-copy{padding:15px}.booking-services .service-card h3{font:14px TUFBold,sans-serif;letter-spacing:-.025em}.booking-services .service-card p{font-size:9px;margin:8px 0 11px;min-height:28px}.booking-services .service-bottom{padding-top:10px}.booking-branch{margin:0 0 22px;background:#efefed;padding:15px}.booking-branch select{background:white;font-size:11px;padding:11px}.summary-logo{width:91px;height:auto;display:block;margin:14px 0 11px}.summary-card{border-radius:0}.summary-line strong{font-family:TUFBold,sans-serif;font-size:11px}.summary-line.total strong{font-size:15px}.summary-card .eyebrow{font-size:7px}.barber-option.selected{border-color:#a91e32;background:#fff6f7}.date-button,.time-button,.field input,.field textarea,.field select,.empty-box,.ticket,.visit-card,.calendar-panel,.queue-panel{border-radius:0}.date-button.selected,.time-button.selected{background:#171717;border-color:#171717}.success-wrap h1{font:48px TUFBold,sans-serif;letter-spacing:-.06em}.success-icon{background:#f5e9eb;color:#a91e32;border-color:#d9b6bc}.ticket-header strong{font:23px TUFBold,sans-serif;letter-spacing:-.04em}.ticket-grid strong{font-size:11px}.confirmation-branch{font-size:11px;margin:0 0 20px;color:#777}.visit-detail h3{font-family:TUFBold,sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:-.035em}.staff-top h1{font:36px TUFBold,sans-serif;letter-spacing:-.04em}.metric strong{font-family:TUFBold,sans-serif;font-size:29px;letter-spacing:-.06em}.metric label{font-size:9px}.metric small{font-size:8px}.queue-title h3{font:20px TUFBold,sans-serif;letter-spacing:-.04em}.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar strong{font-size:10px}.calendar-toolbar select{font-size:9px}.calendar-booking{background:#eee8e9;border-color:#a91e32}.calendar-booking.tone1{background:#ebe9e5;border-color:#7b746b}.calendar-booking.tone2{background:#e4e8eb;border-color:#657686}.calendar-booking strong{font:9px TUFBold,sans-serif}.calendar-booking small{color:#626262}.modal-head h2{font:24px TUFBold,sans-serif;letter-spacing:-.035em}.status-chip{background:#ededed;color:#333;border-radius:0}.demo-note{font-size:9px;background:#eee}.branches-page{padding-bottom:50px}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.branch-card{background:white;border:1px solid #ddd;padding:27px;display:flex;flex-direction:column;position:relative}.branch-number{font-size:10px;color:#b0b0b0;position:absolute;top:21px;right:21px}.branch-card .eyebrow{font-size:8px;color:#a91e32;margin-bottom:17px}.branch-card h2{font:22px TUFBold,sans-serif;letter-spacing:-.03em;margin-bottom:14px}.branch-card p{font-size:10px;line-height:1.8;color:#777;min-height:60px}.branch-card small{font-size:9px;line-height:1.8;margin-top:15px;display:block}.branch-card .btn{align-self:flex-start;margin-top:25px;font-size:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.hero h1{font-size:58px}.hero-art{min-height:405px}.branch-quick{gap:15px;padding:20px}.branch-quick h3{font-size:10px}.service-card h3{font-size:15px}}
@media(max-width:780px){.site-header{height:auto;min-height:97px;gap:16px}.brand>img{width:79px}.brand{gap:11px}.brand>span{font-size:8px;padding-left:11px;letter-spacing:.12em}.brand small{font-size:5px}.staff-link{font-size:8px;padding:9px}.site-header nav{gap:22px;font-size:9px;justify-content:space-between}.prototype-bar{font-size:7px}.hero{grid-template-columns:1fr;padding-top:30px;gap:29px}.hero h1{font-size:65px}.hero-copy>p{font-size:11px;max-width:340px;margin-top:21px}.hero .eyebrow{font-size:8px;margin-bottom:21px}.hero-art{min-height:340px}.hero-photo{object-position:65% 45%}.hero-actions .btn{font-size:9px;padding:14px 18px}.hero-proof{font-size:7px;margin-top:24px}.trust-strip{font-size:7px;gap:16px}.trust-strip b{font-size:9px}.branch-quick{flex-wrap:wrap;padding:19px;gap:16px}.branch-quick>div{flex-basis:100%}.branch-quick h3{font-size:13px}.branch-inline-label select{font-size:10px}.branch-quick .btn{font-size:7px;padding:10px}.section-head h2{font-size:29px}.section-head>p{font-size:9px;max-width:150px}.section-head .eyebrow{font-size:7px;letter-spacing:.1em}.cut-photo{height:160px}.cut-copy{padding:15px}.service-card h3{font-size:13px}.service-card p{font-size:9px;min-height:45px;margin-bottom:14px}.service-bottom{font-size:8px;flex-wrap:wrap;gap:7px}.service-bottom small{font-size:7px}.service-bottom strong{font-size:13px}.popular{font-size:6px;right:8px;top:9px;padding:4px 5px}.tuf-story{grid-template-columns:1fr}.tuf-story>img{height:210px}.tuf-story>div{padding:28px 25px}.tuf-story h2{font-size:29px}.barber-preview h2{font-size:28px}.barber-mini{padding:17px 8px}.barber-mini small{font-size:7px}.barber-mini strong{font-size:9px}.site-footer{padding:28px 22px}.site-footer>a:last-child{font-size:8px}.footer-logo img{width:81px}.page-top h1{font-size:34px}.page-top>p{font-size:10px}.booking-services .cut-photo{height:105px}.booking-services .cut-copy{padding:12px}.booking-services .service-card h3{font-size:12px}.booking-services .service-card p{font-size:8px;min-height:38px}.step-title{font-size:22px}.summary-card .summary-logo{width:72px;margin:0 0 12px}.summary-line.total strong{font-size:14px}.barber-option strong{font-size:11px}.barber-option small{font-size:8px}.success-wrap h1{font-size:37px}.ticket-header strong{font-size:18px}.staff-top h1{font-size:27px}.staff-top .eyebrow{font-size:8px}.staff-top-actions .btn{font-size:8px}.metric strong{font-size:26px}.branch-grid{grid-template-columns:1fr}.branch-card p{min-height:0}.branch-card{padding:24px}.branch-card h2{font-size:23px}.calendar-toolbar{gap:10px}.calendar-toolbar>strong{order:3;flex-basis:100%}.queue-panel .queue-list{gap:10px}.visit-detail h3{font-size:16px}.visit-detail p{font-size:9px}.visits-header .btn{font-size:8px}.menu-source{font-size:8px}.field input,.field select,.field textarea{font-size:16px}.branch-inline-label select{font-size:12px}}

.photo-top{background:#1118}
/* Makati-only branch summary and multi-staff layout. */
.booking-branch>span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}
.booking-branch>strong{display:block;font-size:12px;font-weight:600}
.booking-branch>small{display:block;font-size:10px;margin-top:4px}
.barber-row{flex-wrap:wrap}
.barber-mini{min-width:92px}
.social-link{display:inline-flex;align-items:center;gap:9px;color:#f2f0eb;font-size:8px;letter-spacing:.12em;white-space:nowrap}.social-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.social-link svg .social-dot{fill:currentColor;stroke:none}.social-link b{font-size:11px;font-weight:400;color:#b5b5b0}.social-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

.branch-contact{font-size:9px;margin-top:8px;color:#777}.branch-contact a{color:#242424;text-decoration:underline;text-underline-offset:3px}.branch-contact span{color:#aaa}

.makati-faq{padding:48px 0 70px;border-top:1px solid #dedede}.makati-faq>.eyebrow{font-size:8px;color:#777}.makati-faq h2{font:32px TUFBold,sans-serif;letter-spacing:-.04em;margin:12px 0 24px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-grid article{padding:18px;background:#efefed}.faq-grid h3{font:12px TUFBold,sans-serif;margin-bottom:8px}.faq-grid p{font-size:10px;line-height:1.75;color:#666}.faq-grid a{text-decoration:underline;text-underline-offset:3px}@media(max-width:780px){.makati-faq{padding:35px 0 48px}.makati-faq h2{font-size:26px}.faq-grid{grid-template-columns:1fr}.faq-grid article{padding:15px}}

.search-fallback{max-width:850px;margin:4rem auto;padding:0 2rem;color:#242424}.search-fallback h1{font:40px TUFBold,sans-serif;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.search-fallback h2{font:20px TUFBold,sans-serif;margin:28px 0 8px}.search-fallback p{font:14px/1.8 TUFBook,Arial,sans-serif;color:#686868;margin:0 0 12px}.search-fallback a{text-decoration:underline;text-underline-offset:3px}@media(max-width:780px){.search-fallback{margin:2rem auto}.search-fallback h1{font-size:30px}}

.barber-instagram-link{text-decoration:underline;text-decoration-color:#a91e32;text-decoration-thickness:1px;text-underline-offset:3px}.barber-instagram-link:hover{color:#a91e32}