@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Roboto+Condensed:wght@400;700&display=swap";:root{--black:#000;--white:#fff;--line:#1b1b1b;--soft-line:#d9d9d9;--text:#090909;--muted:#3b3b3b;--display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--body:"Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:var(--body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.narrow{width:min(900px,calc(100% - 48px));margin-inline:auto}.center{text-align:center}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;color:#000;z-index:99;padding:.5rem}h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.08;margin:0 0 1rem;letter-spacing:.01em}h1{font-size:clamp(4rem,8vw,6.9rem)}h2{font-size:clamp(2.4rem,4.8vw,4.1rem)}h3{font-size:clamp(1.75rem,3.2vw,2.65rem)}h4{font-size:clamp(1.45rem,2.4vw,2rem)}p{margin:.7rem 0}.lede{font-size:clamp(1.05rem,1.8vw,1.25rem);max-width:920px;margin:1.1rem auto;color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;min-width:142px;background:#000;color:#fff;border:1px solid #000;padding:17px 32px;text-decoration:none;font-family:var(--display);font-size:1.12rem;font-weight:600;border-radius:0;line-height:1;transition:background .16s ease,color .16s ease,border-color .16s ease}.button:hover{background:#fff;color:#000}.black .button,.hero .button,.button-light{background:#fff;color:#000;border-color:#fff}.black .button:hover,.hero .button:hover,.button-light:hover{background:#000;color:#fff;border-color:#fff}.cta-row{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2rem}.site-header{background:#fff;color:#000;border-bottom:1px solid #f1f1f1;position:sticky;top:0;z-index:30}.header-inner{height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{grid-column:2;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.brand img{width:min(320px,44vw);max-height:96px;object-fit:contain}.site-header nav{visibility:hidden;display:flex;gap:1rem;align-items:center;justify-content:flex-start;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.site-header nav a{text-decoration:none}.header-actions{justify-self:end;display:flex;gap:.7rem;align-items:center}.header-actions .call{display:none}.header-actions .button{min-height:56px;min-width:132px;font-size:1.02rem}.section{padding:88px 0}.section.white{background:#fff;color:#000}.section.black,.black{background:#000;color:#fff}.section.black{padding:112px 0}.hero{position:relative;min-height:540px;display:grid;place-items:center;text-align:center;color:#fff;background-image:linear-gradient(#0000008f,#0000008f),url(/images/josephs-01.webp);background-size:cover;background-position:center 48%;padding:88px 0;overflow:hidden}.hero .wrap{position:relative;z-index:2}.hero .eyebrow{font-family:var(--display);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:600;line-height:1.25;margin:1.5rem auto 0;color:#fff}.about-copy{font-size:clamp(1.25rem,2.1vw,1.55rem);line-height:1.6;max-width:930px;margin:1.5rem auto 0}.section.black.haircut-photo-band{min-height:430px;display:grid;place-items:center;background-image:linear-gradient(#00000047,#00000047),url(/images/mens-boys-haircuts-manhasset.webp);background-size:cover;background-position:center 42%;padding:116px 0}.haircut-photo-band h2{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.32)}.haircut-photo-band .button{background:#fff;color:#000;border-color:#fff}.haircut-photo-band .button:hover{background:#000;color:#fff}.rule{width:min(960px,92%);height:1px;background:var(--line);margin:2.8rem auto}.white .rule{background:#222}.hours p{font-weight:700;margin:.8rem 0}.hours h3 a{text-decoration:none}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:7rem;max-width:770px;margin:2.4rem auto;text-align:left}.service-columns p{font-size:clamp(1.25rem,2vw,1.55rem);margin:1.05rem 0}.source-service-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:2.7rem auto 0;max-width:980px}.source-service-gallery figure{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;background:#eee}.source-service-gallery img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.source-service-gallery figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000000c7);color:#fff;padding:52px 16px 18px;font-family:var(--display);font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:600;text-align:center}.spacious{min-height:720px;display:flex;align-items:flex-start}.spacious .cta-row{margin-top:4rem}.instagram-section{min-height:850px}.instagram-section h2{font-size:clamp(1.7rem,3vw,2.35rem);text-decoration:underline}.instagram-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:54px auto 0;max-width:1120px}.instagram-grid a{display:block;aspect-ratio:1/1;overflow:hidden;background:#eee}.instagram-grid img{width:100%;height:100%;object-fit:cover}.classic-spacer{min-height:430px;display:flex;flex-direction:column;justify-content:space-between;padding:70px 0}.classic-spacer .rule{width:calc(100% - 76px);max-width:none;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card{border:1px solid #222;background:#fff;color:#000;text-align:center;padding:1.35rem}.service-card h3{font-size:1.8rem}.pill,.meta span{display:inline-block;border:1px solid var(--soft-line);padding:.3rem .65rem;margin:.2rem;font-size:.9rem}.list{list-style:none;padding:0;margin:2rem auto;max-width:850px}.list li{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--soft-line);padding:1rem 0}.paper,.visit-panel{background:#fff;color:#000;text-align:center}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery-grid .wide{grid-column:span 2}.photo-frame{overflow:hidden;background:#eee}.photo-frame img{width:100%;height:100%;object-fit:cover}.breadcrumbs{font-size:.9rem;padding:1rem 0;text-align:center}.location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:850px;margin:2rem auto}.location-list a{border:1px solid #fff;padding:1rem;text-decoration:none;text-align:center}.faq{padding:80px 0}.faq details{max-width:850px;margin:0 auto;border-top:1px solid var(--soft-line);padding:1rem;text-align:left}.faq summary{font-family:var(--display);font-size:1.35rem;cursor:pointer}.seo-links-section{padding:70px 0}.seo-links-section h2{font-size:clamp(2rem,3.4vw,3rem)}.seo-links-section .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer{background:#000;color:#fff;text-align:center;padding:78px 0}.site-footer strong{display:block;font-family:var(--display);font-size:clamp(2.1rem,3.7vw,3.2rem);font-weight:600;margin-bottom:1.3rem}.site-footer p{margin:.85rem auto}.site-footer .button{background:#fff;color:#000;border-color:#fff}.footer-grid{display:grid;gap:1.25rem}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem 1rem;max-width:980px;margin:2rem auto 0;text-align:left}.footer-links a{font-size:.9rem;color:#ddd}.mobile-cta{display:none}.section.black.photo-copy-band{min-height:430px;display:grid;place-items:center;background-size:cover;background-position:center;padding:116px 0}.photo-copy-band h2,.photo-copy-band p{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.34)}.photo-copy-band .narrow,.photo-copy-band .wrap{max-width:920px}.section.black.no-appointment-photo-band{background-image:linear-gradient(#0000006b,#0000006b),url(/images/no-appointment-needed-barbershop.webp)}.section.black.local-trust-photo-band{background-image:linear-gradient(#00000070,#00000070),url(/images/local-barbershop-trust.webp)}@media(max-width:900px){body{font-size:16px}.site-header{position:static;top:auto}.wrap,.narrow{width:min(100% - 32px,1120px)}.header-inner{grid-template-columns:1fr auto;height:auto;min-height:88px}.brand{grid-column:1;justify-content:flex-start}.brand img{width:min(220px,54vw);max-height:76px}.site-header nav{display:none}.header-actions{grid-column:2}.hero{min-height:520px;background-position:center center}.section{padding:66px 0}.section.black{padding:82px 0}.service-columns{grid-template-columns:1fr;gap:.2rem;text-align:center}.source-service-gallery,.instagram-grid,.cards,.grid,.gallery-grid,.location-list,.seo-links-section .cards{grid-template-columns:1fr}.source-service-gallery figure{aspect-ratio:4/3}.instagram-section{min-height:auto}.classic-spacer{min-height:260px}.footer-links{grid-template-columns:1fr 1fr}.mobile-cta{position:fixed;display:flex;gap:.5rem;left:0;right:0;bottom:0;background:#000;padding:.7rem;z-index:50}.mobile-cta .button{flex:1;min-width:0}}