:root{--ink:#111;--paper:#fff;--muted:#666;--line:#ddd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #8b8b8b;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:0}.announcement{background:#111;color:#eee;text-align:center;font-size:.75rem;letter-spacing:.12em;padding:9px 20px}header{position:sticky;top:0;background:#fff;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 5%;border-bottom:1px solid #eee}.wordmark{font-size:1.7rem;font-weight:900;letter-spacing:.15em;line-height:1;display:inline-block}.wordmark span{display:block;font-size:.6rem;letter-spacing:.19em;margin-top:9px}nav{display:flex;gap:32px;font-size:.875rem}nav a:hover{opacity:.5}.header-book{border-bottom:1px solid;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;background:#111;color:white;min-height:640px}.hero-copy{padding:80px 10% 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:bold;margin:0 0 24px}h1{font-size:clamp(2.8rem,4.5vw,5.2rem);letter-spacing:-.05em;line-height:1.04;margin:0 0 26px;font-weight:900}h2{font-size:clamp(2.1rem,3.6vw,3.7rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 28px}h3{margin:0;line-height:1.3;font-size:1.15rem}.intro{color:#ccc;max-width:340px;font-size:1.1rem;margin:0 0 32px}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 24px;border:1px solid transparent;font-size:.875rem;font-weight:bold;border-radius:0;transition:background .2s}.button.light{background:#fff;color:#111}.button.dark{background:#111;color:#fff}.button.outline{color:#fff;border-color:#888;background:transparent}.button:hover{background:#777;color:#fff}.hero-location{font-size:.75rem;letter-spacing:.1em;margin-top:48px;color:#aaa}.hero-image{position:relative;background:#c2bbb1;min-height:550px;display:flex;align-items:center}.hero-image>img{width:100%;height:100%;object-fit:contain}.image-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:20px 25px;background:#111;color:#fff;font-size:.75rem;letter-spacing:.05em}.image-caption a{border-bottom:1px solid #888}.brand-strip{display:flex;justify-content:space-around;padding:23px 5%;border-bottom:1px solid #ddd;font-size:.75rem;letter-spacing:.1em;gap:20px}.section{padding:90px 7%;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px}.section-top h2{margin-bottom:0}.section-top>p{color:#666;max-width:380px}.apparel-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.product-image{display:block;position:relative;width:100%;padding:0;border:0;background:#eee;overflow:hidden}.product-image img{width:100%;display:block;aspect-ratio:1.35;object-fit:cover;transition:transform .5s}.product-image:hover img{transform:scale(1.025)}.product-image>span{position:absolute;top:18px;left:18px;background:white;padding:5px 10px;font-size:.75rem;letter-spacing:.05em}.product-line{display:flex;justify-content:space-between;margin-top:22px;gap:20px}.product-line>span,.product>p{color:#666;font-size:.875rem}.product>p{margin:8px 0}.text-button{padding:6px 0;background:none;border:0;border-bottom:1px solid #111;font-size:.875rem}.collection-note{border-top:1px solid #ddd;margin-top:35px;padding-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.collection-note p{font-weight:bold}.collection-note>span{font-size:.875rem;color:#666}.grooming{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#f1f1f1}.grooming-image img{width:100%;height:100%;max-height:650px;object-fit:cover}.grooming-copy{align-self:center}.grooming-copy>p:not(.eyebrow){max-width:450px;color:#555}.groom-list{margin-top:30px}.groom-list button,.groom-list>div{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;border-top:1px solid #ccc;padding:17px 0;background:none}.groom-list button:hover{padding-left:8px}.groom-list span:last-child{font-size:.75rem;color:#666}.barber{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.barber-copy>p:not(.eyebrow){color:#666;max-width:450px}.services{margin:30px 0}.services>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ddd;gap:25px}.services strong{white-space:nowrap}.barber-image{position:relative;max-height:710px;overflow:hidden}.barber-image img{display:block;width:100%;max-height:710px;object-fit:cover}.barber-image span{position:absolute;bottom:0;left:0;right:0;background:#111;color:white;font-size:.75rem;text-align:center;padding:16px;letter-spacing:.06em}.small{font-size:.875rem}.education{background:#111;color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.education>div>p:not(.eyebrow){color:#bbb;max-width:420px}.education .button{margin-top:18px}.course{border:1px solid #555;padding:35px}.course-label{font-size:.75rem;letter-spacing:.1em;color:#aaa;margin-bottom:35px}.course h3{font-size:2rem;letter-spacing:-.025em}.course-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #555;border-bottom:1px solid #555;padding:24px 0;margin-top:30px}.course-facts>span{font-size:.75rem;color:#aaa}.course-facts strong{display:block;font-size:1.8rem;color:white}.course>p{font-size:.875rem;color:#bbb}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-logo img{width:100%;display:block}.story p:not(.eyebrow){color:#555}.story .signature{font-weight:bold;color:#111}.closing{padding:75px 7%;background:#111;color:white;text-align:center}.closing h2{font-size:clamp(3rem,7.5vw,7rem);margin-bottom:35px}footer{padding:55px 7%;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}footer>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;font-size:.875rem}footer>p{font-size:.75rem;color:#666;margin:0}dialog{border:0;padding:40px;max-width:680px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#000b}.close{position:absolute;right:10px;top:5px;border:0;background:white;font-size:2rem;width:40px;height:40px}dialog img{width:100%;max-height:450px;object-fit:contain;background:#eee}dialog h2{font-size:2.3rem;margin:20px 0}dialog label{display:block;font-size:.875rem;font-weight:bold}textarea{width:100%;padding:14px;font:inherit;border:1px solid #bbb;margin:10px 0 20px}#copy-status{font-size:.875rem}#detail-content .button{margin-top:15px}@media(max-width:850px){header{gap:15px;padding:18px 5%}nav{gap:18px}.hero-copy{padding:60px 8%}h1{font-size:3rem}.hero{min-height:550px}.hero-image{min-height:480px}.section{padding:65px 6%}.grooming,.barber,.education,.story{gap:6%}.course{padding:25px}.section-top{align-items:flex-start;flex-direction:column}.section-top>p{margin:0}.brand-strip{font-size:.65rem}.course-facts{grid-template-columns:1fr}.course-facts strong{display:inline;margin-right:10px}footer{flex-wrap:wrap}}@media(max-width:620px){.announcement{font-size:.65rem;letter-spacing:.04em}.wordmark{font-size:1.4rem}.wordmark span{font-size:.5rem}.menu{display:block;background:none;border:0;font-size:.875rem;margin-left:auto}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 6%;border-bottom:1px solid #ddd}nav.open{display:flex;flex-direction:column}.header-book{font-size:.75rem}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6% 35px}.hero-location{margin:30px 0 0}.hero-image{min-height:0}.hero-image>img{height:auto}.image-caption{position:static}.hero-image{display:block}h1{font-size:clamp(2.7rem,9.8vw,4rem)}.brand-strip{justify-content:center}.brand-strip span:first-child{display:none}.apparel-grid{grid-template-columns:1fr;gap:38px}.grooming,.barber,.education,.story{grid-template-columns:1fr;gap:35px}.grooming-image img{max-height:440px}.barber-image{order:-1}.barber-image img{max-height:520px;object-position:center 30%}.course-facts{grid-template-columns:repeat(3,1fr)}.course-facts strong{display:block}.story-logo{max-width:340px;width:100%;margin:auto}.section{padding:55px 6%}.collection-note{gap:12px}.collection-note>p{width:100%;margin:0}.closing{padding:65px 6%}footer{padding:40px 6%;flex-direction:column}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.team{background:#f4f4f4}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.barber-card{background:#fff;border-top:3px solid #111;padding:32px;max-width:520px}.barber-card h3{font-size:2rem;letter-spacing:-.035em}.barber-card .barber-role{font-size:.875rem;font-weight:bold;color:#444}.barber-card>p:not(.eyebrow){max-width:380px}.barber-card .button{margin-top:12px}nav{gap:22px}@media(min-width:621px) and (max-width:950px){nav{gap:12px;font-size:.8rem}header{gap:15px}}

.core-grid{grid-template-columns:repeat(3,1fr)}.core-grid .product-image img{aspect-ratio:1.15;object-fit:contain}.core-grid .product-line{flex-direction:column;gap:4px}.collection-heading{margin:38px 0 24px}.collection-heading h3{font-size:1.8rem;letter-spacing:-.03em}.collection-heading p{color:#666;font-size:.875rem;margin:8px 0}.mexico-heading{padding-top:45px;margin-top:45px;border-top:1px solid #ddd}.collection-heading .eyebrow{font-size:.75rem;margin-bottom:15px}@media(max-width:800px){.core-grid{grid-template-columns:1fr}.core-grid .product-line{flex-direction:row}.core-grid .product-image img{aspect-ratio:1.4}.core-grid{gap:38px}}

.service-menu{background:#fafafa}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{background:#fff;border:1px solid #ddd;padding:26px;display:flex;flex-direction:column}.service-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.service-title h3{font-size:1.05rem}.service-title strong{white-space:nowrap;font-size:1rem}.service-card p{font-size:.875rem;color:#666;margin:18px 0 24px}.service-book{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:auto;border-top:1px solid #ddd;font-size:.875rem;font-weight:bold}.service-book:hover{opacity:.6}.service-note{color:#666;font-size:.875rem;margin:28px 0 0;max-width:700px}nav{gap:16px}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:621px) and (max-width:950px){nav{gap:9px;font-size:.75rem}header{gap:10px}}@media(max-width:620px){.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:24px}}

.grooming-catalog{display:block}.grooming-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-bottom:45px}.grooming-feature>img{width:100%;height:auto;display:block}.grooming-feature p:not(.eyebrow){max-width:450px;color:#555}.groom-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.groom-photo{display:block;border:0;padding:0;width:100%;background:#111;overflow:hidden}.groom-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .3s}.groom-photo:hover img{transform:scale(1.025)}.groom-product h3{margin:18px 0 8px}.groom-product .text-button{min-height:44px}@media(max-width:850px){.groom-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.grooming-feature{grid-template-columns:1fr;gap:30px}.groom-product-grid{grid-template-columns:1fr;gap:32px}}

.contact{background:#f4f4f4;border-top:1px solid #ddd;display:grid;grid-template-columns:.9fr 1.4fr;gap:7%;align-items:start}.contact-heading>p:not(.eyebrow){color:#666;max-width:380px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{padding:30px;background:white;border-top:3px solid #111;min-width:0}.contact-card .eyebrow{font-size:.65rem;margin-bottom:24px}.contact-card h3{font-size:1.5rem;letter-spacing:-.035em}.contact-card>p:not(.eyebrow){font-size:.875rem;color:#666;margin:18px 0 26px}.contact-card .button{gap:18px;width:100%}.contact-address{display:block;font-size:.8rem;color:#666;margin-top:16px;overflow-wrap:anywhere}.contact-location-link{display:inline-flex;gap:16px;align-items:center;font-size:.875rem;font-weight:bold;border-bottom:1px solid #111;min-height:44px}.contact-address:hover,.contact-location-link:hover{opacity:.6}@media(min-width:621px) and (max-width:1100px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 24px}}@media(max-width:1000px){.contact{grid-template-columns:1fr;gap:30px}.contact-heading>p:not(.eyebrow){max-width:550px}}@media(max-width:620px){.contact-cards{grid-template-columns:1fr}.contact-card{padding:26px}}

.contact-phone{grid-column:1/-1}.contact-phone h3{font-size:clamp(1.7rem,4vw,2.3rem)}.contact-phone-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-phone-actions .button{width:auto;min-width:140px}.contact-text{background:white;color:#111;border-color:#111}@media(max-width:620px){.contact-phone-actions .button{flex:1}}

.education-formats{grid-column:1/-1;width:100%;margin-top:12px}.education-format-heading{border-top:1px solid #555;padding-top:38px;margin-bottom:28px}.education-format-heading h3{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.035em}.education-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.education-card{border:1px solid #555;padding:30px;display:flex;flex-direction:column;min-width:0}.education-card .eyebrow{color:#bbb;font-size:.7rem;margin-bottom:20px}.education-card h3{font-size:1.6rem;letter-spacing:-.03em}.education-card>p:not(.eyebrow){color:#bbb;font-size:.95rem}.education-card .format-facts{color:white!important;font-size:.8rem!important;border-top:1px solid #555;padding-top:18px;margin:12px 0 0}.education-card .button{align-self:flex-start;margin-top:auto}.education-card .format-facts{margin-bottom:24px}.education .education-note{max-width:none;color:#bbb;font-size:.875rem;margin:24px 0 0}@media(max-width:620px){.education-grid{grid-template-columns:1fr}.education-card{padding:26px}.education-formats{margin-top:0}}
