:root{color-scheme:dark;--bg:#11110f;--ink:#f0eee8;--muted:#bcb8ae;--gold:#c6a46a;--border:#474139}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;background:var(--gold);color:#111;padding:.8rem;z-index:10}.skip:focus{top:1rem}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--border);background:#11110ff2}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;line-height:.84;color:var(--gold)}.brand-mark{font-size:29px;line-height:1}.brand strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;letter-spacing:.085em}.brand small{display:block;margin-top:7px;font-size:10px;font-weight:700;letter-spacing:.27em;color:var(--ink)}nav{display:flex;align-items:center;gap:clamp(20px,3vw,52px)}nav a{text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.11em}nav a:hover,.text-link:hover,.contact-card a:hover{color:var(--gold)}nav .nav-cta{border:1px solid var(--gold);padding:14px 18px;color:var(--gold)}nav .nav-cta:hover{background:var(--gold);color:var(--bg)}.hero{min-height:650px;display:grid;grid-template-columns:54% 46%;max-width:1800px;margin:auto}.hero-copy{padding:clamp(60px,7vw,110px) 4vw 50px clamp(24px,6vw,100px);position:relative}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--gold);font-weight:700;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:12px}.line{height:1px;width:25px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:.83}h1{font-size:clamp(78px,9.5vw,160px);margin:30px 0 32px}h1 em,h2 em{font-style:normal;color:var(--gold)}.intro{max-width:420px;color:var(--muted);line-height:1.6;font-size:17px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:17px 21px;font-size:13px;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.button-gold{background:var(--gold);color:#15130e}.button-gold:hover{background:#e4c792}.text-link{font-size:13px;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.08em;border-bottom:1px solid var(--gold);padding-bottom:6px}.walkin{font-size:11px;letter-spacing:.17em;font-weight:700;margin:48px 0 0;color:var(--muted)}.walkin span{color:var(--gold);padding:0 8px}.hero-visual{min-height:640px;background:#28241d url('assets/barber-hero.png') center/cover no-repeat;position:relative}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 35%),linear-gradient(90deg,rgba(0,0,0,.2),transparent)}.visual-caption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.14em;font-weight:700}.ticker{overflow:hidden;background:var(--gold);color:#17140f;white-space:nowrap;font:800 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.12em;padding:14px 0}.ticker div{width:max-content;margin:auto}.ticker span{padding:0 25px}.section-wrap{max-width:1500px;margin:auto;padding-left:clamp(24px,6vw,100px);padding-right:clamp(24px,6vw,100px)}.services{display:grid;grid-template-columns:43% 57%;gap:4vw;padding-top:125px;padding-bottom:140px}.section-heading h2,.visit h2{font-size:clamp(70px,8vw,130px);margin:25px 0}.service-list{padding-top:18px}.service{display:flex;align-items:center;gap:20px;border-top:1px solid var(--border);padding:23px 0}.service:last-of-type{border-bottom:1px solid var(--border)}.service-num{font-size:12px;color:var(--gold);font-weight:700}.service h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(26px,3vw,43px);letter-spacing:.02em;margin:0}.service-glyph{margin-left:auto;color:var(--gold)}.service-list p{color:var(--muted);line-height:1.7;max-width:450px;margin:30px 0 0}.visit{background:#24221e;border-top:1px solid var(--border)}.visit-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:105px;padding-bottom:110px}.visit-note{color:var(--muted);line-height:1.6}.contact-card{border:1px solid #686052;padding:clamp(25px,4vw,55px);align-self:center;background:#292720}.contact-label{display:block;color:var(--gold);font-size:12px;letter-spacing:.2em;font-weight:700;margin-bottom:15px}.contact-card address{font-style:normal;font-size:19px;line-height:1.5;margin-bottom:12px}.contact-card a{display:inline-block;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px;font-weight:700}.contact-card hr{border:0;border-top:1px solid #5c5549;margin:29px 0}.contact-card .phone{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;letter-spacing:.02em}footer{background:#0b0b0a}.footer-inner{max-width:1500px;margin:auto;padding:40px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.13em;color:#aaa59a;font-weight:700}footer .brand strong{font-size:24px}footer .brand small{font-size:8px}@media(max-width:850px){.header{height:76px}.header nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 24px 65px}h1{font-size:clamp(72px,16vw,130px)}.hero-visual{min-height:450px}.services{grid-template-columns:1fr;gap:10px;padding-top:85px;padding-bottom:95px}.visit-inner{grid-template-columns:1fr;gap:20px}.footer-inner{flex-wrap:wrap}}@media(max-width:480px){.brand strong{font-size:25px}.brand small{font-size:8px}.brand-mark{font-size:24px}.header nav .nav-cta{padding:12px 10px;font-size:11px}.hero-copy{padding:50px 24px 55px}h1{font-size:clamp(68px,17vw,90px)}.hero .eyebrow{font-size:10px;letter-spacing:.16em}.hero-actions{gap:22px}.walkin{line-height:1.8;margin-top:32px}.hero-visual{min-height:360px}.visual-caption{font-size:9px;left:20px;right:20px}.ticker{font-size:17px}.ticker span{padding:0 10px}.section-heading h2,.visit h2{font-size:70px}.services{padding-top:75px;padding-bottom:80px}.visit-inner{padding-top:75px;padding-bottom:80px}.contact-card address{font-size:17px}.footer-inner{display:grid}}
/* Identity and direct booking */
.brand-logo{width:55px;height:66px;object-fit:contain;display:block;mix-blend-mode:screen}.hero-logo{position:absolute;right:24px;top:22px;width:clamp(105px,14vw,185px);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 4px 12px #0009)}.barbers{padding-top:112px;padding-bottom:115px;border-top:1px solid var(--border)}.barbers-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.barbers h2{font-size:clamp(70px,8vw,120px);margin:23px 0 0}.barbers-heading>p{max-width:335px;color:var(--muted);line-height:1.65;margin-bottom:7px}.barber-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.barber-card{background:#1d1b17;border:1px solid #4c4438;min-width:0}.barber-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#292720}.barber-card-body{padding:20px 22px 23px}.barber-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:17px}.barber-card a{color:var(--gold);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:17px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.barber-card a:hover{color:#ebd4a7}.barbers-note{color:var(--muted);font-size:13px;margin:28px 0 0;line-height:1.5}@media(max-width:850px){.barber-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barbers{padding-top:85px;padding-bottom:85px}}@media(max-width:650px){.barbers-heading{display:block}.barbers-heading>p{margin-top:20px}.barber-grid{grid-template-columns:1fr;gap:19px}.brand-logo{width:43px;height:53px}.hero-logo{width:100px;right:16px;top:16px}.barbers{padding-top:70px;padding-bottom:75px}.barbers h2{font-size:70px}}

.barber-card{position:relative;cursor:pointer}.barber-card a::after{content:"";position:absolute;inset:0}.barber-card:focus-within{outline:2px solid var(--gold);outline-offset:3px}
.contact-card .address-link{border-bottom:0;font-weight:500;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;line-height:1.5}.call-action{margin:14px 0 0}.contact-card .call-action a{color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}

.barber-card-michael{cursor:default}.barber-card-michael img{object-position:center 38%}.barber-card-michael a{position:relative;z-index:1}.barber-card-michael a::after{content:none}