:root{--black:#080b0b;--ink:#111515;--paper:#f2eee4;--orange:#ff5a00;--green:#0d3b2a;--acid:#35c86f;--line:rgba(242,238,228,.18);--display:"Barlow Condensed",sans-serif;--heavy:"Archivo Black",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);overflow-x:hidden}body.nav-open{overflow:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin-top:0}.site-header{height:76px;padding:0 clamp(22px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(53,200,111,.3);background:rgba(8,11,11,.96);position:relative;z-index:40}.brand{width:max-content;display:grid;grid-template-columns:auto auto auto;align-items:center;font:900 31px/.75 var(--heavy);letter-spacing:-.09em}.brand i{width:28px;height:28px;margin:0 1px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--black);font-style:normal}.brand i:after{content:"";width:6px;height:14px;border-radius:50%;background:var(--black)}.brand small{grid-column:1/-1;margin-top:5px;text-align:center;font:800 7px/1 var(--body);letter-spacing:.05em}.desktop-nav{display:flex;gap:clamp(20px,2.8vw,42px);align-self:stretch}.desktop-nav a{display:flex;align-items:center;border-bottom:3px solid transparent;font:700 12px/1 var(--display);letter-spacing:.07em;text-transform:uppercase}.desktop-nav a:hover,.desktop-nav a.active{border-color:var(--orange);color:white}.header-cta{justify-self:end;padding:11px 20px;border:1px solid var(--orange);border-radius:5px;color:var(--orange);font:800 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}.header-cta:hover{background:var(--orange);color:var(--black)}.header-cta--green{border-color:var(--acid);color:var(--acid)}.header-cta--green:hover{background:var(--acid)}.nav-toggle{display:none;width:44px;height:44px;border:0;background:none;position:relative}.nav-toggle span{position:absolute;left:8px;right:8px;top:17px;border-top:2px solid}.nav-toggle span+span{top:27px}.nav-open .nav-toggle span{top:22px;transform:rotate(45deg)}.nav-open .nav-toggle span+span{transform:rotate(-45deg)}.mobile-nav{position:fixed;inset:76px 0 0;z-index:35;padding:24px;background:var(--black);transform:translateX(100%);visibility:hidden;transition:.3s}.nav-open .mobile-nav{transform:none;visibility:visible}.mobile-nav nav{display:flex;flex-direction:column}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font:900 43px/.9 var(--display);text-transform:uppercase}.mobile-nav p{margin:26px 0;color:var(--orange);font:800 14px var(--body);letter-spacing:.15em}
.home-hero,.sub-hero{min-height:610px;position:relative;overflow:hidden;border-bottom:1px solid rgba(53,200,111,.35)}.home-hero>img,.sub-hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,6,.98) 0%,rgba(4,7,6,.91) 34%,rgba(4,7,6,.18) 68%,rgba(4,7,6,.08) 100%)}.hero-copy,.sub-hero-copy{position:relative;z-index:2;width:min(670px,62%);padding:clamp(70px,8vw,118px) 0 70px clamp(28px,6vw,92px)}.kicker,.section-tag{margin:0 0 14px;color:#ffbd8f;font:800 13px/1 var(--body);letter-spacing:.16em}.hero-copy h1,.sub-hero-copy h1{margin:0;font:900 clamp(75px,9.2vw,142px)/.78 var(--display);letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.35)}.hero-copy h1 em,.sub-hero-copy h1 em,.menu-section h2 em,.service-section h2 em{color:var(--orange);font-style:normal}.hero-copy h2{margin:18px 0 10px;font:800 clamp(24px,3vw,42px)/1 var(--display);letter-spacing:.06em}.hero-copy>p,.sub-hero-copy>p{max-width:480px;margin:0 0 24px;font-size:16px;line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;padding:0 24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid currentColor;font:800 13px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;transition:.2s}.button:hover{transform:translateY(-2px)}.button--orange{background:var(--orange);border-color:var(--orange);color:var(--black)}.button--green{background:var(--acid);border-color:var(--acid);color:var(--black)}.button--line{background:rgba(8,11,11,.28);color:white}.scribble,.hand-note{font:600 clamp(23px,2.4vw,37px)/1.05 "Barlow Condensed",sans-serif;letter-spacing:.05em;color:rgba(255,255,255,.55);transform:rotate(-4deg)}.scribble{position:absolute;z-index:2;right:5%;top:17%}
.benefit-strip,.barber-features,.menu-features{min-height:112px;padding:0 clamp(20px,6vw,86px);display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#0a0e0e}.benefit-strip article,.barber-features article,.menu-features article{display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid var(--line)}.benefit-strip article:last-child,.barber-features article:last-child,.menu-features article:last-child{border-right:0}.benefit-strip p,.barber-features b,.menu-features b{margin:0;font:800 13px/1.05 var(--display);letter-spacing:.08em}.line-icon{width:38px;height:38px;display:block;position:relative;flex:0 0 auto;color:var(--orange)}.line-icon--cup:before{content:"";position:absolute;left:5px;top:11px;width:23px;height:18px;border:2px solid;border-radius:2px 2px 9px 9px}.line-icon--cup:after{content:"";position:absolute;left:26px;top:14px;width:9px;height:10px;border:2px solid;border-left:0;border-radius:0 8px 8px 0}.line-icon--scissors:before,.line-icon--scissors:after{content:"";position:absolute;width:12px;height:12px;border:2px solid;border-radius:50%;bottom:3px}.line-icon--scissors:before{left:3px}.line-icon--scissors:after{right:3px}.line-icon--scissors{background:linear-gradient(52deg,transparent 47%,currentColor 48% 52%,transparent 53%),linear-gradient(-52deg,transparent 47%,currentColor 48% 52%,transparent 53%)}.line-icon--truck:before{content:"";position:absolute;inset:9px 2px 8px;border:2px solid;border-radius:2px}.line-icon--truck:after{content:"";position:absolute;left:7px;right:5px;bottom:2px;height:9px;background:radial-gradient(circle,currentColor 0 3px,transparent 4px) left center/10px 10px no-repeat,radial-gradient(circle,currentColor 0 3px,transparent 4px) right center/10px 10px no-repeat}.line-icon--cold:before{content:"";position:absolute;left:10px;top:5px;width:18px;height:27px;border:2px solid;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.line-icon--sweet:before{content:"";position:absolute;left:5px;bottom:5px;width:28px;height:20px;border:2px solid;border-radius:50% 50% 5px 5px}.line-icon--leaf:before{content:"";position:absolute;inset:4px;border:2px solid;border-radius:100% 0 100% 0;transform:rotate(-15deg)}.line-icon--beard:before{content:"";position:absolute;inset:4px 7px;border:2px solid;border-radius:50% 50% 45% 45%}.line-icon--people:before{content:"";position:absolute;left:11px;top:2px;width:13px;height:13px;border:2px solid;border-radius:50%;box-shadow:-10px 12px 0 -3px transparent,0 16px 0 4px transparent}.line-icon--people:after{content:"";position:absolute;left:3px;right:3px;bottom:2px;height:15px;border:2px solid;border-radius:18px 18px 3px 3px}.line-icon--crown:before{content:"";position:absolute;inset:10px 2px 4px;border:2px solid;clip-path:polygon(0 20%,25% 55%,50% 0,75% 55%,100% 20%,90% 100%,10% 100%)}
.dual{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.dual-card{position:relative;overflow:hidden;border-right:1px solid var(--line)}.dual-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.dual-card:hover>img{transform:scale(1.035)}.dual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,6,.96),rgba(4,7,6,.45) 60%,rgba(4,7,6,.1))}.dual-card>div{position:relative;z-index:2;width:52%;height:100%;padding:48px 0 38px clamp(28px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start}.dual-card span{color:var(--orange);font:900 16px var(--display)}.dual-card h2{margin:2px 0 12px;font:900 clamp(58px,6vw,92px)/.8 var(--display)}.dual-card p{font:700 20px/1.15 var(--display);text-transform:uppercase}.dual-card b{margin-top:auto;padding:12px 18px;background:var(--orange);color:var(--black);border-radius:3px;font:800 12px var(--body);text-transform:uppercase}
.happenings{padding:55px clamp(24px,5vw,78px) 65px;background:var(--paper);color:var(--ink)}.happenings header,.menu-section>header,.service-section>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.happenings h2,.menu-section h2,.service-section h2{margin:0;font:900 clamp(50px,5vw,80px)/.82 var(--display);letter-spacing:-.03em}.happenings header>a{font:800 13px var(--display);text-transform:uppercase}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.promo{min-height:280px;position:relative;overflow:hidden;border-radius:8px;background:var(--green);color:white}.promo>img{position:absolute;inset:0;height:100%;object-fit:cover}.promo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,6,.88),transparent 72%)}.promo>div{position:absolute;z-index:2;left:24px;right:24px;bottom:20px}.promo span{font:800 11px var(--body);letter-spacing:.12em;color:#ffba8e}.promo h3{margin:4px 0;font:900 clamp(35px,4vw,56px)/.82 var(--display)}.promo p{margin:8px 0 0;font-size:12px}.promo--green{padding:28px;background:linear-gradient(135deg,#143c29,#0b6a35);background-color:var(--green)}.promo--green:before{content:"";position:absolute;width:210px;height:210px;border:34px solid rgba(255,255,255,.08);border-radius:50%;right:-75px;bottom:-60px}.promo--green h3{margin-top:8px}.promo--green b{position:absolute;bottom:24px;left:28px;font:900 70px/.8 var(--display);color:var(--orange)}.promo--green b small{font-size:15px;color:white}.quick-strip{padding:24px clamp(24px,5vw,78px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#101515}.quick-strip article{min-height:86px;padding:18px 24px;display:flex;align-items:center;gap:18px;border:1px solid var(--line)}.quick-strip strong{font:900 32px var(--display);color:var(--orange)}.quick-strip p{margin:0;font:800 15px/1 var(--display);text-transform:uppercase}.quick-strip span{font:500 11px var(--body);text-transform:none;color:#afb8b3}.location{min-height:390px;display:grid;grid-template-columns:.7fr 1.35fr .35fr;border-top:1px solid rgba(53,200,111,.25)}.location-copy{padding:50px clamp(28px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start}.location h2{margin:0 0 14px;font:900 clamp(58px,6vw,92px)/.8 var(--display)}.location-copy>p{line-height:1.6}.hours{margin:16px 0 24px;display:flex;gap:24px;font-size:12px}.hours b{color:var(--orange)}.location>img{height:100%;min-height:390px;object-fit:cover}.location-note{margin:0;padding:55px 22px;display:flex;align-items:center;background:var(--green);font:700 30px/1.05 var(--display);color:rgba(255,255,255,.45)}footer{min-height:105px;padding:26px clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line)}footer p{margin:0;font-size:12px;color:#aab1ad}footer>a:last-child{justify-self:end;color:var(--orange);font:800 12px var(--body);text-transform:uppercase}
.sub-hero{min-height:560px}.sub-hero-copy{padding-top:105px}.sub-hero-copy h1{font-size:clamp(72px,8vw,126px)}.sub-hero--coffee .hero-shade,.sub-hero--barber .hero-shade{background:linear-gradient(90deg,rgba(4,7,6,.99) 0%,rgba(4,7,6,.88) 42%,rgba(4,7,6,.08) 78%)}.menu-features{grid-template-columns:repeat(4,1fr);background:var(--paper);color:var(--ink)}.menu-features article{border-color:rgba(17,21,21,.18)}.menu-features .line-icon{color:var(--ink)}.barber-features{grid-template-columns:repeat(4,1fr)}.menu-section,.service-section{padding:52px clamp(24px,5vw,76px) 62px}.menu-section>header,.service-section>header{padding-bottom:22px;border-bottom:1px solid var(--line)}.menu-section .hand-note,.service-section .hand-note{max-width:240px;text-align:right}.product-grid,.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product,.service{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#0b1010}.product img,.service img{height:310px;object-fit:cover}.product>div,.service>div{padding:17px;position:relative}.product h3,.service h3{margin:0;font:900 28px/.9 var(--display)}.product p,.service p{margin:8px 0;font-size:12px;color:#adb5b1}.product b{color:var(--orange);font:900 22px var(--display)}.service span{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--black);display:grid;place-items:center}.service--alt img{object-position:70% center}.season-banner,.kids-banner{margin:0 clamp(24px,5vw,76px) 30px;min-height:270px;display:grid;grid-template-columns:1fr 1.3fr;overflow:hidden;border-radius:7px;background:var(--green)}.season-banner>div,.kids-banner>div{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.season-banner span,.kids-banner span{color:#ffb082;font:800 11px var(--body);letter-spacing:.13em}.season-banner h2,.kids-banner h2{margin:6px 0;font:900 clamp(45px,5vw,72px)/.82 var(--display)}.season-banner p,.kids-banner p{max-width:460px;font-size:13px}.season-banner img,.kids-banner img{height:100%;min-height:270px;object-fit:cover}.kids-banner{grid-template-columns:1fr 1.2fr}.kids-banner img{object-position:center 35%}.info-row{padding:18px clamp(24px,5vw,76px) 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-row article{padding:22px;border:1px solid var(--line);border-radius:6px}.info-row b{color:var(--orange);font:800 14px var(--display);letter-spacing:.06em}.info-row p{margin:8px 0 0;font-size:12px;color:#aab1ad}
@media(max-width:900px){.site-header{height:68px;padding:0 18px;grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.nav-toggle{display:block}.mobile-nav{inset:68px 0 0}.brand{font-size:27px}.brand i{width:25px;height:25px}.home-hero,.sub-hero{min-height:570px}.home-hero>img,.sub-hero>img{object-position:62% center}.hero-shade,.sub-hero--coffee .hero-shade,.sub-hero--barber .hero-shade{background:linear-gradient(90deg,rgba(4,7,6,.94),rgba(4,7,6,.55) 62%,rgba(4,7,6,.2))}.hero-copy,.sub-hero-copy{width:100%;padding:72px 20px 35px}.kicker{font-size:10px}.hero-copy h1,.sub-hero-copy h1{font-size:68px;max-width:95%}.hero-copy h2{font-size:24px}.hero-copy>p,.sub-hero-copy>p{max-width:310px;font-size:13px}.scribble{top:auto;right:18px;bottom:18px;font-size:22px}.button{min-height:46px;padding:0 17px;font-size:11px;gap:15px}.benefit-strip,.barber-features,.menu-features{padding:0;min-height:86px}.benefit-strip article,.barber-features article,.menu-features article{gap:6px;flex-direction:column;text-align:center;padding:10px 3px}.benefit-strip p,.barber-features b,.menu-features b{font-size:9px}.line-icon{transform:scale(.78)}.dual{grid-template-columns:1fr;min-height:0}.dual-card{height:235px;border-right:0;border-bottom:1px solid var(--line)}.dual-card>div{width:60%;padding:28px 20px}.dual-card h2{font-size:56px}.dual-card p{font-size:15px}.dual-card b{font-size:9px}.happenings{padding:38px 14px}.happenings header,.menu-section>header,.service-section>header{align-items:flex-start}.happenings h2,.menu-section h2,.service-section h2{font-size:48px}.happenings header>a{margin-top:10px;font-size:10px}.promo-grid{grid-template-columns:1fr;gap:9px}.promo{min-height:240px}.quick-strip{padding:12px;grid-template-columns:1fr;gap:7px}.quick-strip article{min-height:66px}.location{grid-template-columns:1fr}.location-copy{padding:38px 22px}.location>img{min-height:260px;height:260px}.location-note{display:none}footer{grid-template-columns:1fr auto;gap:18px;padding:22px 18px}footer p{grid-column:1/-1;grid-row:2}.sub-hero{min-height:520px}.sub-hero-copy{padding-top:76px}.menu-features,.barber-features{grid-template-columns:repeat(4,1fr)}.menu-section,.service-section{padding:34px 12px}.menu-section .hand-note,.service-section .hand-note{display:none}.product-grid,.service-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product img,.service img{height:220px}.product>div,.service>div{padding:12px}.product h3,.service h3{font-size:22px}.season-banner,.kids-banner{margin:0 12px 20px;grid-template-columns:1fr}.season-banner>div,.kids-banner>div{padding:26px 20px}.season-banner img,.kids-banner img{min-height:220px;order:-1}.season-banner h2,.kids-banner h2{font-size:47px}.info-row{padding:10px 12px 28px;grid-template-columns:1fr;gap:7px}}
@media(max-width:480px){.home-hero{min-height:520px}.home-hero>img{object-position:66% center}.hero-copy,.sub-hero-copy{padding-top:58px}.hero-copy h1,.sub-hero-copy h1{font-size:59px}.hero-copy h2{font-size:21px}.hero-actions{gap:8px}.hero-actions .button{flex:1;white-space:nowrap}.benefit-strip{grid-template-columns:repeat(3,1fr)}.benefit-strip article{min-width:0}.dual-card{height:220px}.happenings header{display:block}.happenings header>a{display:inline-block;margin-top:14px}.promo{min-height:220px}.menu-features,.barber-features{overflow-x:auto;grid-template-columns:repeat(4,minmax(94px,1fr))}.product img,.service img{height:185px}.product h3,.service h3{font-size:19px}.product p,.service p{font-size:10px}.sub-hero{min-height:480px}.sub-hero--coffee>img{object-position:62% center}.sub-hero--barber>img{object-position:66% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}