@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#201b17;--espresso:#211814;--bone:#f1eadc;--ivory:#faf6ed;--clay:#a65338;--tobacco:#76533c;--stone:#b7afa3;--brass:#b08d57;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);letter-spacing:-.035em;font-weight:400;line-height:.93}h1{font-size:clamp(4.4rem,9vw,9.5rem)}h2{font-size:clamp(3.2rem,6vw,6.7rem)}h3{font-size:1.25rem}i{font-weight:400}p{color:#5c524a}.eyebrow{text-transform:uppercase;letter-spacing:.17em;margin-bottom:2rem;font-size:.7rem;font-weight:600}.button{text-transform:uppercase;letter-spacing:.09em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:1rem 1.35rem;font-size:.7rem;font-weight:600;display:inline-flex}.button.dark{background:var(--espresso);color:var(--bone)}.button.clay{background:var(--clay);color:#fff}.button.cream{background:var(--bone);color:var(--espresso)}.button.outline{background:0 0;border-color:currentColor}.arrow,.textlink{text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid;padding-bottom:.3rem;font-size:.77rem;display:inline-block}.actions{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.lead{font:400 clamp(1.6rem,2.5vw,2.6rem)/1.25 var(--serif);color:var(--ink)}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#faf6edf0;border-bottom:1px solid #201b171f;justify-content:space-between;align-items:center;height:86px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;align-items:center;gap:12px;font-size:.83rem;font-weight:600;line-height:1.15;display:flex}.brand small{letter-spacing:.18em;margin-top:4px;font-size:.46rem;font-weight:400;display:block}.mark{border:1px solid var(--clay);width:33px;height:33px;color:var(--clay);font:italic 15px var(--serif);place-items:center;display:grid}nav{align-items:center;gap:clamp(1rem,2vw,2.3rem);display:flex}nav>a:not(.button){text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.menub{background:0 0;border:0;display:none}.mobilebar{display:none}.hero{height:min(820px,100vh - 86px);min-height:630px;color:var(--bone);background:linear-gradient(90deg,#19110cd1,#19110c33 60%),url(/images/hero.png) 50%/cover;align-items:center;padding:8vw;display:flex}.hero-copy{width:min(710px,80%)}.hero h1{margin:0 0 2rem}.hero p{color:#ded5c8;max-width:500px;font-size:1.05rem}.intro{grid-template-columns:1.3fr 1fr;align-items:end;gap:10vw;padding:10vw 8vw;display:grid}.intro h2{margin-bottom:0}.signature{background:var(--bone);grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw;padding:8vw;display:grid}.crop{background-image:url(/images/contact-sheet.png);background-repeat:no-repeat;background-size:200% 200%}.crop-cut{background-position:0 0}.crop-consult{background-position:100% 0}.crop-interior{background-position:0 100%}.crop-product{background-position:100% 100%}.crop-beard,.crop-wash{background-image:url(/images/services.png);background-size:200% 100%}.crop-beard{background-position:0}.crop-wash{background-position:100%}.crop-hero{background-image:url(/images/hero.png);background-position:50%;background-size:cover}.crop-style{background-image:url(/images/contact-sheet.png);background-position:0 0;background-size:200% 200%}.signature>.crop{height:690px}.service-row{border-top:1px solid #bdb2a3;grid-template-columns:1fr auto auto auto;align-items:center;gap:1.5rem;padding:1.1rem 0;display:grid}.service-row:last-of-type{border-bottom:1px solid #bdb2a3;margin-bottom:2rem}.service-row h3{font-family:var(--serif);margin:0;font-size:1.5rem;font-weight:400}.service-row p{max-width:390px;margin:0;font-size:.8rem}.service-row>span,.service-row>strong,.service-row>a{white-space:nowrap;font-size:.75rem}.experience{background:var(--espresso);color:var(--bone);grid-template-columns:1fr 1fr;min-height:670px;display:grid}.experience>div:first-child{flex-direction:column;justify-content:center;padding:9vw;display:flex}.experience p{color:#bfb3a8;max-width:500px}.package-preview{padding:10vw 8vw}.package-preview>h2{max-width:800px}.packagegrid{border-top:1px solid #afa69a;grid-template-columns:repeat(3,1fr);margin:4rem 0 2rem;display:grid}.packagegrid article{border-right:1px solid #afa69a;padding:2rem 2rem 2rem 0}.packagegrid article+article{padding-left:2rem}.packagegrid h3{font:2.3rem var(--serif);margin:2.5rem 0 .7rem}.packagegrid strong{font-size:1.1rem}.team-preview{background:var(--clay);color:#fff;grid-template-columns:1fr 1fr;min-height:680px;display:grid}.team-preview>div:first-child{flex-direction:column;justify-content:center;padding:9vw;display:flex}.team-preview p{color:#f1d9cf;max-width:450px}.gallerystrip{background:var(--bone);grid-template-columns:1.1fr .8fr .7fr;gap:1rem;min-height:600px;padding:7vw 0 7vw 7vw;display:grid}.gallerycopy{flex-direction:column;justify-content:center;padding:5vw 4vw;display:flex}.gallerycopy h2{font-size:5rem}.quotes{padding:9vw 12vw}.quotes blockquote{font:2.1rem/1.25 var(--serif);border-top:1px solid #bfb6aa;grid-template-columns:60px 1fr;margin:0;padding:2rem 0;display:grid}.quotes blockquote span{font:600 .65rem var(--sans);letter-spacing:.1em}.finalcta{background:var(--espresso);color:var(--bone);padding:9vw}.finalcta h2{font-size:clamp(4.5rem,11vw,11rem)}.pagehero{background:var(--bone);align-items:flex-end;min-height:570px;padding:9vw 8vw 7vw;display:flex}.pagehero>div:first-child{max-width:1050px}.pagehero h1{margin-bottom:2rem;font-size:clamp(4.6rem,9vw,9rem)}.pagehero p{max-width:620px;font-size:1.05rem}.pagehero.withimage{grid-template-columns:1fr .8fr;align-items:center;gap:6vw;display:grid}.pagehero.withimage .crop{height:480px}.manifesto{padding:10vw 12vw}.manifesto p{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.manifesto h2{max-width:1100px;font-size:clamp(3rem,5vw,6rem)}.split{background:var(--espresso);color:var(--bone);grid-template-columns:1fr 1fr;display:grid}.split .crop{min-height:680px}.split>div:last-child{flex-direction:column;justify-content:center;padding:9vw;display:flex}.split p{color:#bfb3a8}.principles{grid-template-columns:repeat(3,1fr);padding:8vw;display:grid}.principles>div{border-top:1px solid #aaa095;padding:2rem 2rem 2rem 0}.principles h3{font:2rem var(--serif);margin:3rem 0 1rem}.menu-list{padding:7vw 8vw}.menu-group{margin-bottom:7vw}.menu-group>.eyebrow{border-bottom:2px solid var(--ink);padding-bottom:1rem}.note{background:var(--clay);color:#fff;justify-content:space-between;align-items:center;padding:5vw 8vw;display:flex}.note p{color:#fff;margin:0}.categoryhero{background:var(--espresso);color:var(--bone);grid-template-columns:1fr 1fr;min-height:710px;display:grid}.categoryhero>div:first-child{flex-direction:column;justify-content:center;padding:9vw;display:flex}.categoryhero p{color:#c6bbb1;max-width:500px}.categoryhero h1{font-size:clamp(4.5rem,8vw,8rem)}.packagesfull{padding:5vw 8vw 9vw}.packagesfull article{border-top:1px solid #aaa095;grid-template-columns:60px 1fr 1fr .5fr .7fr;align-items:center;gap:2rem;padding:2.3rem 0;display:grid}.packagesfull h2{margin:0;font-size:3rem}.packagesfull p{margin:0}.packagesfull ul{margin:0;padding:0;list-style:none}.packagesfull strong{font-size:1.2rem}.stylists{grid-template-columns:repeat(3,1fr);gap:2.4vw;padding:7vw 8vw;display:grid}.stylistpic{background:var(--espresso);height:540px;margin-bottom:2rem;position:relative;overflow:hidden}.stylistpic:before{content:"";filter:saturate(.7);background:url(/images/contact-sheet.png) 100% 0/200% 200%;position:absolute;inset:0}.stylist-1:before{background-position:0 0}.stylist-2:before{background-image:url(/images/services.png);background-position:0;background-size:200% 100%}.stylistpic span{color:#fff;z-index:2;border:1px solid #fff;place-items:center;width:45px;height:45px;display:grid;position:absolute;bottom:1rem;left:1rem}.stylists h2{font-size:3rem}.likes{font-size:.8rem}.filters{flex-wrap:wrap;gap:1rem;padding:3rem 8vw 0;display:flex}.filters button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.5rem .8rem}.masonry{grid-template-columns:1.3fr .8fr 1fr;grid-auto-rows:270px;gap:1rem;padding:4vw 8vw 9vw;display:grid}.masonry .crop{cursor:pointer;border:0;position:relative}.masonry .crop:first-child,.masonry .crop:nth-child(5){grid-row:span 2}.masonry .crop:nth-child(4){grid-column:span 2}.masonry span{background:var(--ivory);opacity:0;padding:.5rem .8rem;transition:all .2s;position:absolute;bottom:1rem;right:1rem}.masonry button:hover span,.masonry button:focus span{opacity:1}.offers{padding:6vw 10vw}.offers article{border-top:1px solid #aaa095;grid-template-columns:80px 1fr auto;align-items:center;padding:3rem 0;display:grid}.offers article>span{font-size:.7rem}.offers h2{margin-bottom:1rem;font-size:4rem}.offers small{color:var(--tobacco)}.center{text-align:center}.muted{color:#7c736b}.booking{grid-template-columns:1.5fr .7fr;gap:8vw;padding:7vw 8vw;display:grid}.fields{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.fields label,.fields fieldset{text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.4rem;font-size:.72rem;display:flex}.fields input,.fields select,.fields textarea{background:0 0;border:0;border-bottom:1px solid #817970;outline:none;padding:.9rem 0}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--clay);box-shadow:0 2px 0 var(--clay)}.fields fieldset{border:0;flex-direction:row;align-items:center;padding:0}.fields fieldset label{flex-direction:row}.fields .wide{grid-column:1/-1}.booking form>.button{margin-top:2rem}.success{background:#e1eadb;border-left:3px solid #617856;margin-bottom:2rem;padding:1rem}.booking aside{border-left:1px solid #aaa095;padding-left:5vw}.booking aside h2{font-size:3.5rem}.booking details{border-top:1px solid #aaa095;margin-top:2rem;padding:1rem 0}.booking summary{cursor:pointer;justify-content:space-between;display:flex}.contact{grid-template-columns:1.2fr 1fr;min-height:700px;display:grid}.map{background:var(--tobacco);position:relative;overflow:hidden}.map:before,.map:after{content:"";border:1px solid #ffffff4d;border-radius:50%;position:absolute;inset:-20%;transform:rotate(25deg)}.map:after{inset:20% -40%;transform:rotate(-15deg)}.map>div{z-index:2;background:var(--bone);gap:1rem;padding:1.2rem;display:flex;position:absolute;top:42%;left:45%}.contactinfo{padding:7vw}.contactinfo h2{font-size:3rem}.contactinfo hr{border:0;border-top:1px solid #aaa095;margin:3rem 0}.hour{justify-content:space-between;margin:1rem 0;display:flex}@media (width<=900px){body{padding-bottom:66px}h1{font-size:4.4rem}header{height:70px}.menub{z-index:61;display:block}.scrim{z-index:39;background:#0000004d;border:0;position:fixed;inset:0}nav{z-index:60;background:var(--bone);flex-direction:column;align-items:stretch;gap:1.4rem;width:min(86vw,400px);height:100vh;padding:100px 2rem 2rem;display:none;position:fixed;top:0;right:0}nav.open{display:flex}nav>a:not(.button){font:2rem var(--serif);text-transform:none}.mobilebar{z-index:70;background:var(--espresso);height:66px;color:var(--bone);grid-template-columns:1fr 1.4fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.mobilebar a{text-transform:uppercase;border-right:1px solid #51433b;justify-content:center;align-items:center;gap:.4rem;font-size:.65rem;display:flex}.mobilebar svg{width:16px}.hero{background-position:62%;align-items:flex-end;height:calc(100svh - 70px);min-height:640px;padding:2rem}.hero-copy{width:100%}.hero h1{font-size:clamp(4.2rem,18vw,6.5rem)}.intro,.signature,.experience,.team-preview,.pagehero.withimage,.split,.categoryhero,.booking,.contact{grid-template-columns:1fr}.intro,.signature,.pagehero,.menu-list,.stylists,.booking{padding:5rem 1.3rem}.signature>.crop,.experience .crop,.team-preview .crop,.split .crop,.categoryhero .crop{grid-row:1;height:480px;min-height:0}.signature{gap:3rem}.service-row{grid-template-columns:1fr auto}.service-row p{display:none}.service-row>a{grid-column:2}.experience>div:first-child,.team-preview>div:first-child,.split>div:last-child,.categoryhero>div:first-child{padding:5rem 1.5rem}.package-preview,.quotes,.finalcta{padding:5rem 1.3rem}.packagegrid,.principles,.stylists{grid-template-columns:1fr}.packagegrid article{border-bottom:1px solid #aaa;border-right:0;padding:2rem 0!important}.gallerystrip{grid-template-columns:1fr 1fr;min-height:600px;padding:1rem}.gallerycopy{grid-column:1/-1}.pagehero{min-height:470px}.pagehero.withimage .crop{height:340px}.manifesto{padding:6rem 1.3rem}.note{padding:3rem 1.3rem;display:block}.note .button{margin-top:1rem}.packagesfull{padding:3rem 1.3rem}.packagesfull article{grid-template-columns:40px 1fr auto}.packagesfull ul{grid-column:2/4}.packagesfull article>a{grid-column:2}.stylists{gap:5rem}.stylistpic{height:500px}.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:230px;padding:2rem 1rem 5rem}.masonry .crop:nth-child(4){grid-column:auto}.offers{padding:3rem 1.3rem}.offers article{grid-template-columns:40px 1fr}.offers article>a{grid-column:2}.offers h2{font-size:3rem}.fields{grid-template-columns:1fr}.booking aside{border-top:1px solid #aaa;border-left:0;padding:3rem 0 0}.contact{min-height:auto}.map{height:430px}.contactinfo{padding:4rem 1.3rem}footer{padding-bottom:90px!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}footer{color:var(--bone);background:#17120f;grid-template-columns:1.3fr .7fr 1fr .7fr;gap:5vw;padding:7vw 5vw 3vw;display:grid}footer>div{flex-direction:column;gap:.7rem;display:flex}footer p{color:#a99e95;margin:0}footer b{text-transform:uppercase;letter-spacing:.13em;margin-bottom:1rem;font-size:.7rem}.footerbrand{font:4rem/.8 var(--serif)}footer>small{color:#80756e;border-top:1px solid #403732;grid-column:1/-1;margin-top:3rem;padding-top:2rem}@media (width<=700px){footer{grid-template-columns:1fr 1fr}.footerbrand{font-size:3.2rem}footer>small{grid-column:1/-1}}@media (width<=900px){.hero{background-image:linear-gradient(#18100c33 22%,#18100ce0),url(/images/hero.png)}}.filters button{color:var(--ink);opacity:.52;transition:opacity .2s,border-color .2s}.filters button:hover,.filters button:focus-visible,.filters button.active{opacity:1}.filters button.active{border-bottom-color:var(--clay);color:var(--clay)}.gallery-filtered{animation:.28s both gallery-in}@keyframes gallery-in{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gallery-filtered{animation:none}}