:root{--paper:#efe5d2;--cream:#fff9eb;--ink:#100c0d;--soft:#20181a;--oxblood:#681522;--oxblood2:#3a0810;--chrome:#d7d8d2;--chrome2:#8d8b82;--brass:#c69850;--tan:#d4b178;--line:#2d2224;--muted:#675b55;--green:#24624a;--shadow:0 28px 80px rgba(16,12,13,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden;background-image:linear-gradient(90deg,rgba(16,12,13,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(16,12,13,.025) 1px,transparent 1px);background-size:42px 42px}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.8rem;z-index:10}.skip-link:focus{left:1rem;top:1rem}.site-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,4rem);background:rgba(16,12,13,.95);color:#fff;border-bottom:4px double var(--chrome);box-shadow:0 12px 34px rgba(16,12,13,.22)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--chrome);border-radius:6px;background:linear-gradient(145deg,#f7f7f1,#7d7b75);font-family:Impact,'Arial Narrow',sans-serif;color:var(--oxblood2);letter-spacing:.08em;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}.brand small{display:block;color:#cfc7bb;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.primary-nav{justify-self:end;display:flex;align-items:center;gap:.35rem}.primary-nav a{text-decoration:none;font-weight:850;letter-spacing:.03em;padding:.55rem .7rem;border-radius:3px}.primary-nav a:not(.button):hover{background:rgba(255,255,255,.1)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1.15rem;max-width:100%;text-align:center;border-radius:3px;background:var(--oxblood);color:#fff;text-decoration:none;border:2px solid var(--oxblood);font-weight:950;letter-spacing:.035em;text-transform:uppercase;box-shadow:8px 8px 0 var(--ink);cursor:pointer}.button:hover,.button:focus{background:var(--oxblood2);border-color:var(--oxblood2);transform:translate(-1px,-1px)}.button.ghost{background:var(--cream);color:var(--ink);border-color:var(--ink);box-shadow:6px 6px 0 var(--chrome2)}.button.light{color:#fff;border-color:#f6d8b4;background:transparent;box-shadow:none}.button.small{min-height:40px;padding:.55rem .9rem;box-shadow:none;border-color:var(--chrome);background:var(--chrome);color:var(--ink)}.button.wide{width:100%}.text-link{color:var(--oxblood);font-weight:950;text-decoration-thickness:3px;text-underline-offset:.18em}.section{padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem)}.eyebrow{margin:0 0 .65rem;font-size:.78rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:var(--oxblood)}h1,h2,h3{margin:0 0 1rem;line-height:.95;font-family:Impact,'Arial Narrow','Franklin Gothic Condensed',Inter,sans-serif;letter-spacing:.012em;text-transform:uppercase}h1{font-size:clamp(3rem,8.6vw,8rem);max-width:10ch}h2{font-size:clamp(2.35rem,6vw,5.4rem)}h3{font-size:clamp(1.35rem,3vw,2rem)}p{margin:0 0 1rem}.lead{font-size:clamp(1.1rem,2vw,1.35rem);max-width:58ch}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(1.2rem,4vw,4rem);align-items:stretch;min-height:calc(100vh - 86px);padding-top:clamp(2rem,5vw,5rem);background:radial-gradient(circle at 12% 12%,rgba(198,152,80,.32),transparent 26%),linear-gradient(135deg,var(--cream) 0 48%,var(--oxblood2) 48% 100%);border-bottom:10px solid var(--ink)}.hero:before{content:'WEST MIDLANDS BARBERING';position:absolute;left:clamp(1rem,5vw,5rem);right:clamp(1rem,5vw,5rem);bottom:1rem;color:rgba(255,255,255,.16);font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.5rem,12vw,9rem);line-height:.8;letter-spacing:.04em;pointer-events:none}.hero-copy{min-width:0;position:relative;z-index:1;align-self:center;padding:clamp(1rem,3vw,2rem);background:rgba(255,249,235,.86);border-left:8px solid var(--oxblood);box-shadow:var(--shadow)}.hero-copy .eyebrow{display:inline-block;background:var(--ink);color:#fff;padding:.4rem .65rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.4rem}.hero-media{position:relative;z-index:1;margin:0;min-height:520px;align-self:stretch;border:8px solid var(--chrome);outline:2px solid var(--ink);background:var(--ink);box-shadow:var(--shadow);transform:rotate(.6deg);overflow:hidden}.hero-media:before{content:'BCB';position:absolute;z-index:2;top:1rem;left:1rem;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--chrome);background:rgba(104,21,34,.9);color:#fff;font-family:Impact,'Arial Narrow',sans-serif;font-size:2rem;letter-spacing:.08em}.hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.08) sepia(.18);mix-blend-mode:normal}.hero-media figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:rgba(16,12,13,.92);color:#fff;padding:1rem;border:1px solid var(--chrome);text-transform:uppercase;letter-spacing:.08em}.hero-media figcaption span{color:var(--chrome)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 clamp(1rem,5vw,5rem);background:var(--ink);color:#fff;border-top:2px solid var(--chrome);border-bottom:2px solid var(--chrome)}.trust-strip article{padding:1.2rem;border-right:1px solid rgba(255,255,255,.22);background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 9px)}.trust-strip strong{display:block;font-family:Impact,'Arial Narrow';font-size:1.7rem;text-transform:uppercase}.trust-strip span{color:#ddd}.section-heading{max-width:850px;margin:0 0 2rem}.services-section,.first-visit{background:var(--paper)}.ticket-grid,.team-grid,.review-grid,.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ticket-card,.team-card,.review-grid article,.info-grid article{position:relative;background:var(--cream);border:2px solid var(--ink);padding:1.2rem;box-shadow:8px 8px 0 rgba(16,12,13,.14)}.ticket-card{background:linear-gradient(90deg,var(--cream),#f7ead3);border-left:12px solid var(--oxblood)}.ticket-card:after{content:'';position:absolute;top:0;bottom:0;left:52px;border-left:2px dashed rgba(16,12,13,.28)}.ticket-label{display:inline-block;margin-left:52px;margin-bottom:.75rem;background:var(--ink);color:#fff;padding:.2rem .5rem;font-weight:900}.price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-left:52px}.price-row strong{font-size:1.4rem}.price-row a{font-weight:950;color:var(--oxblood)}.booking-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:2rem;align-items:start;background:var(--soft);color:#fff}.booking-section .eyebrow,.booking-section .text-link{color:var(--tan)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}.feature-row img,.lookbook-grid img,.team-photo{width:100%;height:100%;min-height:220px;object-fit:cover;border:4px solid var(--chrome);filter:grayscale(.38) contrast(1.1) sepia(.14)}.booking-card{background:#f8f1e4;color:var(--ink);border:3px solid var(--chrome);box-shadow:12px 12px 0 rgba(255,255,255,.12);padding:1.25rem}.open-chip,.chip{display:inline-flex;border:2px solid var(--ink);padding:.45rem .7rem;margin:.25rem;background:#fff;font-weight:850}.chip{cursor:pointer}.chip.selected,.open-chip{background:var(--oxblood);color:#fff;border-color:var(--oxblood)}fieldset{border:2px solid rgba(16,12,13,.18);margin:1rem 0;padding:1rem}legend{font-weight:950;text-transform:uppercase}.summary{font-weight:950;font-size:1.15rem}.lookbook-section{background:#0f0c0d;color:#fff}.lookbook-section .eyebrow{color:var(--tan)}.lookbook-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr;gap:1rem}.lookbook-grid figure{margin:0;min-height:360px;border:1px solid var(--chrome);position:relative;overflow:hidden;background:#000}.lookbook-grid figure:nth-child(2){transform:translateY(2rem)}.lookbook-grid figure:nth-child(3){transform:translateY(-1rem)}.lookbook-grid img{height:100%;min-height:360px;border:0}.lookbook-grid figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:3rem 1rem 1rem;font-weight:950;text-transform:uppercase}.team-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;background:var(--cream)}.team-photo{height:360px}.portrait-seal{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--chrome),#777);color:var(--oxblood2);font-family:Impact,'Arial Narrow';font-size:1.5rem;margin-bottom:1rem;border:2px solid var(--ink)}.special{font-weight:900;color:var(--oxblood)}.reviews-section{background:var(--oxblood2);color:#fff}.reviews-section .eyebrow{color:var(--tan)}.review-grid article{background:transparent;border-color:var(--chrome);box-shadow:none}.review-grid span{color:var(--tan);font-weight:850}.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:linear-gradient(90deg,var(--ink) 0 50%,var(--paper) 50% 100%)}.visit-panel{background:var(--oxblood);color:#fff;padding:2rem;border:2px solid var(--chrome)}.visit-panel .eyebrow{color:var(--tan)}dl{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}dt{font-weight:950}dd{margin:0}.map-card{min-height:420px;background:var(--cream);border:3px solid var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}.map-card:before,.map-card i{content:'';position:absolute;inset:15%;border:8px double var(--oxblood);transform:rotate(-10deg)}.map-card i{inset:32%;border-color:var(--chrome2);transform:rotate(18deg)}.map-card span{z-index:1;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:Impact,'Arial Narrow';font-size:2rem}.map-card b{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#fff;padding:1rem;border:2px solid var(--ink)}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;background:var(--paper)}.contact-form{display:grid;gap:1rem;background:var(--cream);border:3px solid var(--ink);padding:1.3rem;box-shadow:10px 10px 0 rgba(16,12,13,.16)}label{display:grid;gap:.35rem;font-weight:900}input,select,textarea{width:100%;font:inherit;border:2px solid var(--ink);padding:.8rem;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid var(--brass);outline-offset:3px}.form-status{font-weight:850;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,5vw,5rem);background:var(--ink);color:#fff;border-top:5px solid var(--chrome)}.site-footer p{color:#d7cec0;max-width:54ch}.site-footer nav{display:flex;gap:1rem;flex-wrap:wrap}.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:6;display:none;background:var(--ink);border-top:2px solid var(--chrome)}.mobile-cta a{flex:1;text-align:center;color:#fff;text-decoration:none;padding:.8rem;font-weight:950;text-transform:uppercase}.subpage{background:var(--paper);min-height:70vh}.subpage .section{max-width:1100px;margin:auto}@media (max-width:980px){.site-header{grid-template-columns:auto auto}.nav-toggle{display:inline-flex;justify-self:end;border:2px solid var(--chrome);background:transparent;color:#fff;padding:.55rem .8rem;font-weight:950}.primary-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:var(--ink);padding:1rem}.primary-nav.is-open{display:flex}.hero,.booking-section,.team-section,.visit-section,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;background:linear-gradient(180deg,var(--cream),var(--oxblood2))}.hero-media{min-height:380px}.trust-strip{grid-template-columns:repeat(2,1fr)}.ticket-grid,.team-grid,.review-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lookbook-grid{grid-template-columns:1fr 1fr}.visit-section{background:var(--ink)}}@media (max-width:640px){body{padding-bottom:54px}h1{font-size:clamp(2.2rem,11.5vw,3.4rem);max-width:100%;line-height:.98}.section{padding:2.8rem 1rem}.hero{padding:1rem;display:block}.hero-copy{min-width:0;padding:1rem;border-left:5px solid var(--oxblood)}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .button,.hero-actions .text-link{width:100%;justify-content:center;text-align:center}.hero-media{min-height:300px;margin-top:1rem;transform:none;border-width:4px}.hero-media:before{width:64px;height:64px;font-size:1.45rem}.hero-media figcaption{display:block}.trust-strip{grid-template-columns:1fr;padding:0}.ticket-grid,.team-grid,.review-grid,.info-grid,.feature-row,.lookbook-grid{grid-template-columns:1fr}.ticket-card:after{display:none}.ticket-label,.price-row{margin-left:0}.team-photo,.lookbook-grid img,.feature-row img{min-height:210px}.lookbook-grid figure,.lookbook-grid img{min-height:260px}.lookbook-grid figure:nth-child(n){transform:none}.site-footer{display:block}.mobile-cta{display:flex}.button{box-shadow:5px 5px 0 var(--ink)}}