
:root{--mahogany:#141714;--walnut:#20231e;--leather:#392b21;--cognac:#c39561;--brass:#c6a373;--brass-l:#ead4ae;--cream:#f3ecdf;--smoke:#beb9ad;--line:#c6a37340;--tuft:none}
body{background:var(--mahogany)}.bar{background:#141714;border-bottom:1px solid #b3956655}.bar .wrap{height:100px}.logo b{font-size:29px}.logo small{font-size:10px;letter-spacing:2.5px;margin-top:9px}.logo svg{width:42px}.bar nav{font-size:12px;gap:28px;letter-spacing:1.2px}.bar nav a{color:#e1d9ca}.pill{padding:13px 20px}.hero{position:relative;background:#1a1b17;isolation:isolate;min-height:650px}.lounge-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero::before{background:linear-gradient(90deg,rgba(10,15,11,.93),rgba(10,15,11,.68) 37%,rgba(10,15,11,.03) 72%);opacity:1;z-index:0}.hero::after{display:none}.hero .wrap{display:block;padding:90px 0 110px;z-index:1;position:relative}.hero-copy{max-width:570px}.label{font-size:12px;letter-spacing:2.2px;font-weight:500;line-height:1.5}.hero h1{font-size:clamp(60px,6.5vw,96px);line-height:1.03;letter-spacing:-2px;margin-top:28px}.hero h1 em{display:block;color:#dfc49b}.hero .lede{font-size:17px;line-height:1.8;max-width:380px;margin:28px 0 32px;color:#e0d7c7}.btn{font-size:12px;letter-spacing:1.5px;padding:17px 25px}.btn:hover{transform:none}.hero .btns{align-items:center;gap:28px}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;text-underline-offset:6px}.hero .hero-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff40;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#e2d6c3}.club-strip{border-bottom:1px solid var(--line);background:#1c211b}.club-strip .wrap{display:flex;align-items:center;gap:35px;padding:22px 0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--brass-l)}.club-strip a{margin-left:auto;text-decoration:none;color:var(--smoke)}section{padding:100px 0}#services .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 80px}#services .title{text-align:left;margin:0;max-width:400px}#services .title h2{font-size:52px;line-height:1.1}#services .title p{font-size:16px;margin-top:24px}#services .menu{display:block;max-width:none;width:100%}.svc{padding:22px 0}.svc:first-child{padding-top:0;border:0}.svc h3{font-size:25px}.svc p{font-size:15px}.svc small{display:block;font-size:12px;margin-top:8px;color:var(--brass-l)}.svc b{font-size:26px}.member{grid-column:1/-1;max-width:none;width:100%;margin-top:60px;background:#23281f;border-color:#88734f;padding:28px 36px}.member h3{font-size:32px;margin:8px 0}.member .label{font-size:11px}.member p{font-size:15px}.lounge{background:#242821;border-block:1px solid var(--line)}.lounge::before{display:none}.lounge .wrap{gap:80px;grid-template-columns:1fr 1fr}.lounge h2{font-size:54px;line-height:1.1}.lounge .big{font-size:25px}.perks{gap:0}.perk{border:0;border-top:1px solid var(--line);background:none;padding:28px 20px 20px 0}.perk:hover{transform:none}.perk svg{width:28px;margin-bottom:14px}.perk h3{font-size:25px}.perk p{font-size:15px}#barbers .title{text-align:left;max-width:none}.title h2{font-size:56px}.team{counter-reset:barber;gap:40px}.barber{text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:28px 0}.barber::before{counter-increment:barber;content:'0' counter(barber);font:italic 40px var(--serif);color:var(--brass);display:block;margin-bottom:25px}.barber h3{font-size:34px}.barber .role{font-size:11px;letter-spacing:1.5px}.barber p{font-size:16px;max-width:310px}.book{background:#1c201a;border-block:1px solid var(--line)}.book .title{text-align:left;max-width:none}.book .title p{max-width:590px;margin-left:0}.panel{background:#141714}.ticket{background:#242821}.step h3{font-size:12px;letter-spacing:1.3px}.opt label{padding:16px;color:#d4cbbc}.opt label b{font-size:21px;line-height:1.3;margin-bottom:5px}.fields label{color:#d4cbbc}.day small{font-size:12px}.ticket dd.empty{color:#c2bda8}.demo-note{color:#d3cdbf}.visit h3{font-size:25px}.visit p,.hours{font-size:16px}.made{max-width:900px;margin:24px auto 0}.done .seal{border-radius:0}
@media(max-width:1100px){#services .wrap{gap:0 45px}.hero-copy{max-width:520px}.hero h1{font-size:78px}.club-strip .wrap{gap:22px;font-size:10px}.lounge .wrap{gap:40px}}
@media(max-width:900px){.bar .wrap{height:auto}.hero{min-height:640px}.hero h1{font-size:72px}.hero .wrap{padding:70px 0 110px}.lounge-hero{object-position:64% center}.hero::before{background:linear-gradient(90deg,#10160fef,#10160fb3 50%,#10160f30)}.club-strip .wrap{flex-wrap:wrap;gap:16px}.club-strip a{margin-left:0}.book-grid{grid-template-columns:1fr}.chairs{grid-template-columns:1fr 1fr}}
@media(max-width:760px){section{padding:64px 0}.hero{min-height:690px}.hero h1{font-size:65px;letter-spacing:-1.5px}.hero .wrap{padding:55px 0 110px}.hero .lede{font-size:16px;max-width:300px}.hero-copy{max-width:440px}.hero .btns{gap:24px;align-items:flex-start;flex-direction:column}.hero .hero-caption{padding:20px 0;flex-direction:column;gap:6px;font-size:10px;letter-spacing:1px}.lounge-hero{object-position:61% center}.hero::before{background:linear-gradient(90deg,#10160fee,#10160f9e 60%,#10160f38)}.club-strip .wrap{gap:14px 24px;font-size:10px}.club-strip a{flex-basis:100%}#services .wrap{grid-template-columns:1fr;gap:35px}#services .title{max-width:none}#services .title h2,.lounge h2,.title h2{font-size:44px}.svc h3{white-space:normal}.member{margin-top:0;padding:26px;gap:12px}.member h3{font-size:29px}.lounge .wrap{grid-template-columns:1fr;gap:30px}.perks{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr;gap:0}.barber p{max-width:none}.barber{padding:24px 0}.barber::before{margin-bottom:12px;font-size:32px}.picks{grid-template-columns:1fr}.chairs{grid-template-columns:1fr 1fr}.visit{grid-template-columns:1fr}.visit div{padding:28px 0;margin:0}.bar .logo b{font-size:27px}.bar .logo svg{display:none}.bar nav{gap:20px}.bar nav a{font-size:12px}.label{font-size:11px;letter-spacing:1.5px}.fields{grid-template-columns:1fr}}
@media(max-width:380px){.hero h1{font-size:56px}.perks{grid-template-columns:1fr}.hero .lede{max-width:270px}.bar nav{gap:14px}.logo small{letter-spacing:1.5px}}
.lounge-hero{z-index:0}.hero::before{z-index:1}.hero .wrap{z-index:2}
