:root{--bg:#131313;--low:#0e0e0e;--card:#201f1f;--text:#e5e2e1;--muted:#d0c5af;--gold:#f2ca50;--line:#4d4635;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Hanken Grotesk",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{height:72px;background:#101010;border-bottom:1px solid rgba(212,175,55,.24);position:relative;z-index:10}.nav-wrap{height:100%;display:flex;align-items:center}.logo,.footer-logo,h1,h2,h3{font-family:"Libre Caslon Text",Georgia,serif}.logo{font-weight:700;font-size:24px}.main-nav{display:flex;gap:38px;margin:auto;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.main-nav a{padding:25px 0 20px;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav .active{color:var(--gold);border-color:var(--gold)}.button{display:inline-flex;justify-content:center;border:0;border-radius:0;background:var(--gold);color:#241a00;padding:16px 29px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ffe088;transform:translateY(-2px)}.button-small{padding:11px 23px}.menu-toggle{display:none}.hero{min-height:390px;display:grid;place-items:center;text-align:center;position:relative;background:url("assets/hero-barber-tools.png") center 62%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.56)}.hero-content{position:relative;padding:50px 20px}.hero .eyebrow{display:none}.hero h1{font-size:64px;line-height:1;margin:0 0 18px;text-transform:uppercase;letter-spacing:-.02em}.hero p{margin:0;color:var(--text);font-family:"Libre Caslon Text",serif}.section-pad{padding:78px 0}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:88px}.service-group h2,.packages>h2{color:var(--gold);font-size:30px;margin:0 0 28px;padding-bottom:4px;border-bottom:1px solid rgba(212,175,55,.35)}.service-item{margin:0 0 27px}.service-title{display:flex;align-items:baseline;gap:10px}.service-title h3{font-size:18px;font-weight:400;white-space:nowrap;margin:0}.service-title span{flex:1;border-bottom:1px dotted #766c55}.service-title b,.card-footer b{color:var(--gold);font-size:13px}.service-item p{font-family:"Libre Caslon Text",serif;font-size:13px;line-height:1.75;margin:3px 0 0;color:var(--text)}.packages{margin-top:85px}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.package-card{border:1px solid #5a554a;background:var(--card);padding:24px}.package-card h3{font-size:26px;margin:0 0 5px}.package-card p{font-family:"Libre Caslon Text",serif;font-size:13px;line-height:1.6;min-height:64px;margin:0 0 22px}.card-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between}.card-footer button{border:0;background:none;color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;cursor:pointer}.card-footer button:hover{color:var(--gold)}.card-footer span{font-size:18px;margin-left:5px}.craft{background:#1c1b1b;border-top:1px solid rgba(212,175,55,.14);border-bottom:1px solid rgba(212,175,55,.14)}.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.craft-image{min-height:355px;background:url("assets/barber-craft.png") center/cover no-repeat;filter:grayscale(1)}.eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.craft-copy h2{font-size:30px;margin:5px 0 18px}.craft-copy>p:not(.eyebrow){font-family:"Libre Caslon Text",serif;font-size:13px;line-height:1.85;margin:0 0 18px}.booking{text-align:center;padding-top:72px;padding-bottom:72px}.booking h2{font-size:30px;margin:0 0 6px}.booking p{font-family:"Libre Caslon Text",serif;margin:0 0 26px;font-size:14px}.footer{background:#0a0a0a;border-top:1px solid rgba(212,175,55,.2)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-logo{display:inline-block;color:var(--gold);font-size:41px;line-height:.95;font-weight:700}.footer p,.footer a:not(.footer-logo){font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.footer-links,.footer-social{display:flex;flex-direction:column;gap:14px}.footer-social{text-align:right}.footer a:hover{color:var(--gold)}.booking-modal{width:min(520px,calc(100% - 32px));padding:40px;background:#1c1b1b;color:var(--text);border:1px solid var(--line)}.booking-modal::backdrop{background:rgba(0,0,0,.82)}.booking-modal h2{font-size:30px;margin:0 0 24px}.modal-close{position:absolute;right:15px;top:10px;background:none;border:0;color:var(--text);font-size:30px;cursor:pointer}.booking-modal form{display:grid;gap:18px}.booking-modal label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.booking-modal input,.booking-modal select{width:100%;padding:13px;background:#131313;color:var(--text);border:1px solid #5a554a;border-radius:0}.form-success{display:none;color:var(--gold)}
@media(max-width:760px){.container{width:min(calc(100% - 40px),var(--max))}.site-header{height:64px}.logo{font-size:19px}.header-cta{display:none}.menu-toggle{display:grid;gap:6px;margin-left:auto;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;border-top:1px solid var(--text)}.main-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#101010;padding:20px;flex-direction:column;gap:4px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:10px}.hero{min-height:420px}.hero h1{font-size:46px}.hero p br{display:none}.hero p{font-size:14px}.section-pad{padding:56px 0}.service-columns,.package-grid,.craft-grid,.footer-grid{grid-template-columns:1fr}.service-columns{gap:40px}.service-group h2,.packages>h2{font-size:27px}.service-title h3{white-space:normal}.service-title span{min-width:15px}.packages{margin-top:50px}.package-card p{min-height:0}.craft-grid{gap:32px}.craft-image{min-height:300px}.craft-copy h2,.booking h2{font-size:27px}.footer-grid{gap:36px}.footer-social{text-align:left}.booking-modal{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}