:root{--bg:#111310;--panel:#191b17;--cream:#f1eee6;--muted:#a6a69c;--gold:#d3a66c;--gold-light:#edc58d;--line:#ffffff20;--green:#74836d;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.demo-ribbon{text-align:center;background:#c3915a;color:#19140f;font-size:10px;letter-spacing:.18em;font-weight:700;padding:8px 15px}.site-header{height:86px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#111310f5;position:relative;z-index:4;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:11px;line-height:1}.brand img{display:block}.brand strong{font-size:16px;letter-spacing:.25em;display:block}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.31em;margin-top:5px}.main-nav{display:flex;align-items:center;gap:40px;color:#dbd9d2;font-size:12px;letter-spacing:.04em}.main-nav a:hover,.text-link:hover{color:var(--gold-light)}.nav-book{border:1px solid #dfb77d70;padding:12px 17px;color:var(--gold-light)}.nav-book span,.button span,.text-link span{margin-left:15px}.menu-toggle{display:none;background:none;border:0;color:var(--cream);font-size:25px}.hero{min-height:min(740px,78vw);position:relative;background:#171713 url('assets/barbershop-hero-wide.webp') center top/cover no-repeat;display:flex;align-items:center;padding:90px 10.5%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111310f2 0%,#111310df 35%,#11131061 66%,#11131012 100%),linear-gradient(0deg,#11131055,transparent 38%)}.hero-copy{position:relative;max-width:590px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold-light);font-weight:700;margin:0 0 20px}.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:11px}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.99;margin:0}h1{font-size:clamp(55px,7vw,94px)}h1 em,h2 em{font-weight:400;color:var(--gold-light)}.hero-intro{max-width:340px;color:#d0cec6;font-size:16px;margin:27px 0 30px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 21px;font-size:11px;letter-spacing:.1em;font-weight:bold;text-transform:uppercase}.button-gold{background:var(--gold);color:#1c1914;border:0}.button-gold:hover{background:var(--gold-light)}.text-link{font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #d3a66c8c;padding-bottom:7px}.hero-note{margin-top:53px;color:#ccc8bc;font-size:11px}.status-dot{width:7px;height:7px;display:inline-block;background:#9bad7f;border-radius:50%;margin-right:8px}.hero-index{position:absolute;right:6%;bottom:30px;color:#e7e2d4a8;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl;display:flex;align-items:center;gap:15px}.hero-index span{color:var(--gold-light);font-size:12px}.hero-index i{height:45px;border-left:1px solid var(--gold)}.trust-strip{min-height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:20px 8%;gap:24px}.trust-strip>div{display:flex;align-items:center;gap:13px;color:#aaa99f;font-size:10px}.trust-strip b{font-weight:500;color:var(--cream);font-size:11px}.strip-icon{font-family:var(--serif);font-size:25px;color:var(--gold)}.rating{display:block!important}.rating b{display:block!important;color:var(--gold);letter-spacing:.12em}.rating span{color:var(--cream)}.rating small{color:var(--muted);font-size:10px}.section{padding:116px 9%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.section-heading h2,.story-copy h2,.booking-intro h2,.visit-section h2{font-size:clamp(48px,6vw,75px)}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{background:var(--panel);min-height:360px;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff0b}.service-card img{width:100%;height:164px;object-fit:cover;filter:saturate(.78)}.service-card-content{padding:23px 21px 21px;margin-top:auto}.service-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.service-title h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:0}.service-title b{font-size:13px;color:var(--gold-light);font-weight:500}.service-card-content p{color:var(--muted);font-size:12px;min-height:56px;margin:12px 0 20px}.service-card-content>span{font-size:9px;letter-spacing:.17em;color:var(--gold)}.service-number{position:absolute;top:22px;left:19px;font-size:9px;letter-spacing:.15em;color:var(--gold-light)}.service-glyph{font-family:var(--serif);font-size:82px;color:#d4ae7c28;text-align:center;margin:48px auto 5px}.fine-print{color:#9b9c94;font-size:10px;margin-top:18px}.shop-story{background:#1a1b17;display:grid;grid-template-columns:1fr 1fr;min-height:560px}.story-photo{position:relative;min-height:560px}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;position:absolute;inset:0;filter:saturate(.8)}.photo-tag{position:absolute;left:32px;bottom:28px;background:#121410d9;padding:10px 13px;font-size:9px;letter-spacing:.16em;color:var(--gold-light)}.story-copy{padding:90px 12%;align-self:center}.story-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:400px;margin:22px 0}.story-copy .text-link{display:inline-block;margin-top:9px}.signature{font-family:var(--serif);font-style:italic;color:#bcb8ae;margin-top:55px}.signature span{color:var(--gold);margin-left:8px}.quote-section{text-align:center;padding:105px 18% 100px;border-bottom:1px solid var(--line)}.quote-section blockquote{font-family:var(--serif);font-size:clamp(27px,3.3vw,42px);line-height:1.3;margin:15px auto 32px;max-width:790px}.quote-byline{display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;text-align:left}.avatar{width:36px;height:36px;border-radius:50%;background:#343b30;color:var(--gold-light);display:grid;place-items:center;font-family:var(--serif)}.quote-byline small{display:block;color:var(--muted);font-size:9px}.quote-byline>b{color:var(--gold);letter-spacing:.1em;margin-left:12px}.booking-section{padding:115px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;background:#171915}.booking-intro{align-self:start;position:sticky;top:25px}.booking-intro>p:not(.eyebrow){max-width:320px;color:var(--muted);font-size:13px;margin-top:22px}.booking-contact{border-top:1px solid var(--line);margin-top:65px;padding-top:19px;display:flex;flex-direction:column;gap:4px}.booking-contact span,.booking-contact small{font-size:10px;color:var(--muted)}.booking-contact b{font-family:var(--serif);font-size:22px;font-weight:400}.booking-card{padding:34px;background:#20221d;border:1px solid #ffffff15}.booking-step-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.step-chip{width:31px;height:31px;border:1px solid #d3a66c85;color:var(--gold-light);display:grid;place-items:center;font-size:10px}.booking-step-heading h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:0}.booking-step-heading p{font-size:10px;color:var(--muted);margin:3px 0 0}.field-label{display:block;color:#c7b58f;font-size:9px;letter-spacing:.15em;margin:15px 0 8px}.field-label>span{float:right;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:0;text-transform:none}select,input{width:100%;background:#151713;border:1px solid #ffffff1a;color:var(--cream);padding:13px;font-size:12px;border-radius:0}input::placeholder{color:#a6a69c}input[type=date]{color-scheme:dark}select:focus,input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.second-step{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-grid button{background:#151713;color:#ddd5c9;border:1px solid #ffffff1a;padding:10px 5px;font-size:10px;cursor:pointer}.time-grid button:hover,.time-grid button.selected{background:var(--gold);color:#17150f;border-color:var(--gold)}.time-grid button:disabled{grid-column:1/-1;cursor:default;color:#888}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-fields .field-label{margin-top:0}.contact-fields input{margin-top:8px}.submit-booking{width:100%;margin-top:25px;cursor:pointer}.form-privacy{font-size:9px;color:#9b9c94;text-align:center;margin:12px 0 0}.booking-success{margin-top:17px;padding:14px;border:1px solid #9bb387;color:#e6f0dc;font-size:12px;background:#43543a40}.visit-section{padding:105px 9%;display:grid;grid-template-columns:.8fr .7fr 1fr;gap:5%;align-items:center}.visit-details{color:var(--muted);font-size:12px}.visit-details b{display:block;color:var(--cream);font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.5}.visit-details p{margin:0 0 9px}.visit-details b+p{margin:18px 0 24px}.button-outline{border:1px solid #d3a66c88;color:var(--gold-light);padding:12px 16px}.map-card{height:270px;background:#242820;position:relative;overflow:hidden;border:1px solid var(--line)}.map-grid{position:absolute;inset:-30%;background:linear-gradient(30deg,transparent 47%,#a5a38b1a 48%,#a5a38b1a 49%,transparent 50%),linear-gradient(115deg,transparent 47%,#a5a38b18 48%,#a5a38b18 49%,transparent 50%);background-size:92px 82px}.map-street{position:absolute;height:12px;background:#343930;transform:rotate(-28deg);width:140%;left:-20%}.s1{top:30%}.s2{top:62%;transform:rotate(18deg)}.s3{top:82%;transform:rotate(-8deg);height:7px}.map-label{position:absolute;left:18px;top:18px;font-size:10px;letter-spacing:.16em;color:#ded9cd}.map-label small{font-size:8px;color:var(--gold)}.map-pin{position:absolute;left:57%;top:48%;width:35px;height:35px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--gold);color:#111;display:grid;place-items:center}.map-pin::first-letter{transform:rotate(45deg)}.site-footer{border-top:1px solid var(--line);padding:34px 8%;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer p{font-size:11px;color:#c7c1b7;margin:0}.site-footer p small{color:var(--muted);font-size:9px}.back-top{font-size:9px;color:var(--gold-light);letter-spacing:.14em}
@media(max-width:900px){.site-header{padding:0 5%;height:74px}.main-nav{gap:20px}.hero{padding-left:7%;min-height:620px;background-position:58% center}.section{padding:85px 6%}.service-grid{grid-template-columns:repeat(2,1fr)}.booking-section{padding:85px 6%;gap:5%}.visit-section{padding:80px 6%;grid-template-columns:1fr 1fr}.map-card{grid-column:1/-1}.trust-strip{padding:20px 5%;flex-wrap:wrap}.trust-strip>div{min-width:38%}}
@media(max-width:620px){body{font-size:14px}.demo-ribbon{font-size:8px}.site-header{height:68px}.brand strong{font-size:13px}.brand small{font-size:8px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#151713;padding:18px 6% 22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:12px 0}.main-nav .nav-book{padding:12px;margin-top:7px}.hero{min-height:0;align-items:end;padding:330px 7% 77px;background-position:82% top;background-size:auto 330px;background-color:#171713}.hero-index{display:none}.hero-shade{background:linear-gradient(0deg,#111310 0%,#111310 42%,#11131018 100%)}h1{font-size:58px}.hero-intro{font-size:14px}.hero-note{margin-top:34px}.hero-index{right:4%;bottom:18px}.trust-strip{min-height:auto;padding:22px 7%;justify-content:space-between;gap:20px 8px}.trust-strip>div{min-width:45%;font-size:9px}.strip-icon{font-size:20px}.trust-strip b{font-size:10px}.section{padding:75px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.story-copy h2,.booking-intro h2,.visit-section h2{font-size:54px}.section-heading>p{margin-top:20px;font-size:12px}.service-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{min-height:320px}.service-card img{height:125px}.service-card-content{padding:16px 13px}.service-title h3{font-size:18px}.service-title b{font-size:11px}.service-card-content p{font-size:10px;min-height:65px}.service-number{top:15px;left:13px;font-size:8px}.service-glyph{font-size:62px;margin:46px auto 0}.shop-story{grid-template-columns:1fr}.story-photo{min-height:370px}.story-copy{padding:64px 8%}.story-copy>p:not(.eyebrow){font-size:12px}.quote-section{padding:72px 8%}.quote-section blockquote{font-size:29px}.booking-section{padding:72px 6%;grid-template-columns:1fr;gap:36px}.booking-intro{position:static}.booking-intro>p:not(.eyebrow){margin-top:15px}.booking-contact{margin-top:25px}.booking-card{padding:22px 17px}.time-grid{grid-template-columns:repeat(3,1fr)}.contact-fields{grid-template-columns:1fr}.visit-section{padding:72px 7%;grid-template-columns:1fr;gap:25px}.map-card{grid-column:auto;height:220px}.site-footer{padding:28px 6%;flex-wrap:wrap}.site-footer p{order:3;width:100%}.back-top{margin-left:auto}}


