@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f1ede4;--cream:#fbf7ee;--wine:#481622;--ink:#271d1a;--taupe:#81756b;--line:#d6cabd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}.skip-link{position:fixed;top:-100px;left:10px;padding:12px;background:var(--cream);z-index:100}.skip-link:focus{top:10px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.wordmark,.footer-wordmark{font-family:Georgia,serif;text-decoration:none;font-size:35px;letter-spacing:-.11em;font-weight:700}.wordmark-dot{color:#af795d}.desktop-nav{display:flex;gap:35px}.desktop-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;font-weight:700}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--wine)}.header-cta{font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--wine);padding-bottom:6px;font-weight:700;color:var(--wine)}.header-cta span{margin-left:25px}.menu-button,.mobile-nav{display:none}.hero{min-height:720px;display:grid;grid-template-columns:53% 47%;position:relative}.hero-copy{padding:65px 7.5% 90px;position:relative}.overline,.section-label,.manifesto-side,.service-no,.service-time,.service-footnote,.barber-note,.summary-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.overline{display:flex;gap:40px;color:var(--wine);margin:0}.hero h1,.manifesto h2,.services h2,.barbers h2,.appointment h2,.visit h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.07em;line-height:.95}.hero h1{font-size:clamp(82px,8.3vw,140px);margin:78px 0 32px;white-space:nowrap}.hero h1 em,.manifesto h2 em,.services h2 em,.barbers h2 em,.appointment h2 em,.visit h2 em{color:var(--wine);font-weight:400}.hero-intro{font-size:15px;line-height:1.7;max-width:320px;color:#655951}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{padding:16px 20px;text-decoration:none;display:inline-flex;align-items:center;gap:40px;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--wine);color:var(--cream)}.underlined-link{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;text-decoration:none;border-bottom:1px solid var(--wine);padding-bottom:5px}.underlined-link span{margin-left:12px}.hero-side-note{position:absolute;bottom:39px;left:7.5%;font-size:9px;letter-spacing:.17em;font-weight:700}.hero-art{background:#4b1d2a;padding:44px 7% 43px 5%;overflow:hidden}.hero-art-frame{height:100%;position:relative;border:1px solid rgba(245,223,205,.35);background:radial-gradient(circle at 50% 40%,#8b5360,#5e2a37 53%,#3e1725 100%);overflow:hidden;min-height:630px}.art-grain{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(110deg,transparent 0,transparent 6px,#1c0810 7px,#1c0810 8px)}.hero-art-frame:before,.hero-art-frame:after{content:'';position:absolute;left:50%;top:50%;width:610px;height:610px;border:1px solid rgba(239,214,187,.25);border-radius:50%;transform:translate(-50%,-50%)}.hero-art-frame:after{width:510px;height:510px}.chair{position:absolute;width:80%;height:82%;left:10%;bottom:1%;filter:drop-shadow(18px 22px 14px rgba(18,3,10,.35));z-index:2}.art-top,.art-bottom{position:absolute;z-index:3;color:#f0dfd1;font-size:9px;letter-spacing:.2em;font-weight:700}.art-top{top:22px;left:22px}.art-bottom{bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between}.art-bottom b{font-size:18px}.hero-footer{position:absolute;bottom:0;left:0;right:0;background:var(--cream);height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:9px;letter-spacing:.17em;font-weight:700}.manifesto,.services,.barbers,.appointment{padding:80px 5% 105px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--wine);padding-top:14px;color:var(--wine)}.manifesto-grid{display:grid;grid-template-columns:27% 73%;margin:95px 0 100px}.manifesto-side{align-self:start;max-width:130px;line-height:1.6;margin-top:10px;color:var(--taupe)}.manifesto h2,.services h2,.barbers h2,.appointment h2{font-size:clamp(78px,9vw,144px);margin:0}.manifesto-grid>div>p{max-width:560px;font-size:18px;line-height:1.7;margin:34px 0 28px;color:#594d47}.manifesto-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-numbers>div{display:flex;gap:18px;align-items:end;padding:24px 15px 24px 0;border-right:1px solid var(--line)}.manifesto-numbers>div:last-child{border-right:0;padding-left:20px}.manifesto-numbers>div:nth-child(2){padding-left:20px}.manifesto-numbers strong{font:400 62px/.8 'Libre Caslon Display',Georgia,serif;color:var(--wine)}.manifesto-numbers span{font-size:9px;letter-spacing:.15em;line-height:1.6;font-weight:700}.services{background:var(--cream)}.services-head,.barbers-head,.appointment-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:80px 0 48px}.services-head p,.barbers-head p,.appointment-header p{font-size:15px;line-height:1.7;max-width:300px;margin:0 0 10px;color:#685b53}.service-list{border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:8% 1fr 12% 48px;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding:28px 0}.service-no{color:var(--wine);padding-top:12px}.service-list h3{font:400 56px/.9 'Libre Caslon Display',Georgia,serif;letter-spacing:-.05em;margin:0 0 9px}.service-list p{font-size:12px;color:#6f645d;line-height:1.5;margin:0}.service-time{padding-top:12px}.service-list a{border:1px solid var(--wine);width:41px;height:41px;display:grid;place-items:center;border-radius:50%;text-decoration:none;color:var(--wine);font-size:20px}.service-list a:hover{background:var(--wine);color:var(--cream)}.service-footnote{color:var(--taupe);margin-top:20px}.interlude{background:var(--wine);color:var(--cream);min-height:390px;padding:34px 5%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.interlude>span{font-size:10px;letter-spacing:.18em;font-weight:700;position:relative;z-index:1}.interlude>span:last-child{align-self:flex-end}.interlude blockquote{font:400 clamp(43px,5.5vw,85px)/1.05 'Libre Caslon Display',Georgia,serif;letter-spacing:-.045em;max-width:880px;margin:30px 0 30px;position:relative;z-index:1}.interlude-symbol{position:absolute;font-size:470px;right:1%;top:-140px;line-height:1;color:rgba(245,223,205,.08)}.barbers{background:#e9e1d4}.barber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.barber-portrait{height:410px;position:relative;overflow:hidden;display:grid;place-items:center}.barber-portrait:before{content:'';position:absolute;width:58%;height:82%;bottom:-12%;border-radius:48% 48% 0 0;background:rgba(22,15,14,.3);box-shadow:0 -40px 0 -18px rgba(25,18,17,.35)}.barber-portrait:after{content:'';position:absolute;left:50%;top:10%;width:60%;height:62%;border:1px solid rgba(255,255,255,.42);border-radius:50%;transform:translateX(-50%)}.portrait-one{background:radial-gradient(circle at 65% 22%,#c39672,#7d4f4d 50%,#4d2733)}.portrait-two{background:radial-gradient(circle at 65% 20%,#b2997f,#6e6c5d 50%,#333c36)}.portrait-three{background:radial-gradient(circle at 65% 25%,#d5a1a3,#8b646f 48%,#543742)}.portrait-initial{font:400 270px/.8 'Libre Caslon Display',Georgia,serif;color:rgba(255,242,226,.7);position:relative;z-index:2;margin-top:-15px}.portrait-corner{position:absolute;bottom:18px;left:18px;color:#fff7ee;font-size:9px;letter-spacing:.17em;font-weight:700;z-index:3}.barber-info{display:flex;justify-content:space-between;align-items:start;border-top:1px solid var(--wine);margin-top:15px;padding-top:15px}.barber-info h3{font:400 43px/.9 'Libre Caslon Display',Georgia,serif;letter-spacing:-.04em;margin:0 0 7px}.barber-info p{font-size:12px;color:#6f625a;margin:0}.barber-info>span{font-size:20px;color:var(--wine)}.barber-note{color:#7b6d64;margin-top:25px}.appointment{background:var(--paper)}.appointment-header{margin-bottom:60px}.booking-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:6%}.booking-controls fieldset{border:0;border-top:1px solid var(--line);margin:0 0 32px;padding:0}.booking-controls legend{float:left;width:100%;font:400 31px 'Libre Caslon Display',Georgia,serif;letter-spacing:-.04em;padding:21px 0 22px}.booking-controls legend span{font:700 10px 'DM Sans',sans-serif;color:var(--wine);letter-spacing:.18em;vertical-align:middle;margin-right:15px}.choice-grid,.date-grid,.time-grid{clear:both;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-grid{grid-template-columns:repeat(4,1fr);margin-top:8px}.choice{min-height:70px;text-align:left;background:transparent;border:1px solid #c7b7ab;padding:12px 14px;font-weight:700;font-size:12px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);transition:background .15s}.choice small{font-size:9px;color:#776960;font-weight:500;letter-spacing:.04em}.choice:hover{background:#e6dacd}.choice.is-selected{background:var(--wine);color:var(--cream);border-color:var(--wine)}.choice.is-selected small{color:#d6bec0}.time-grid .choice{min-height:45px;justify-content:center;align-items:center}.booking-summary{background:var(--wine);color:var(--cream);padding:30px 32px;min-height:540px;position:relative;display:flex;flex-direction:column;overflow:hidden}.summary-eyebrow{color:#e7c8c9}.summary-symbol{position:absolute;right:-25px;top:-70px;font:300 220px Georgia,serif;color:rgba(255,255,255,.07)}.booking-summary h3{font:400 62px/.95 'Libre Caslon Display',Georgia,serif;letter-spacing:-.06em;margin:70px 0 52px;position:relative}.booking-summary dl{margin:0;position:relative}.booking-summary dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.25);padding:15px 0}.booking-summary dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#dbbfc0}.booking-summary dd{margin:0;font-size:12px;font-weight:700;text-align:right}.booking-summary>p{font-size:11px;line-height:1.6;color:#ddc4c5;margin-top:auto;max-width:260px}.visit{display:grid;grid-template-columns:57% 43%;min-height:565px;background:#32141c;color:var(--cream)}.visit-copy{padding:70px 9%}.visit .overline{color:#d7b5a6}.visit h2{font-size:clamp(80px,8.8vw,142px);margin:43px 0 24px}.visit h2 em{color:#c69c8c}.visit p{font-size:13px;line-height:1.7;color:#d9c3be;max-width:360px;margin-bottom:24px}.button-light{background:var(--paper);color:var(--wine)}.visit-art{position:relative;background:repeating-linear-gradient(-45deg,#a38575 0,#a38575 24px,#f3e8db 24px,#f3e8db 48px,#613441 48px,#613441 72px);overflow:hidden}.visit-art:before{content:'';position:absolute;inset:8%;background:#431b26;border:1px solid #d4b4a0}.visit-art>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#e9d6c8;font:400 62px/.9 'Libre Caslon Display',Georgia,serif;letter-spacing:-.06em}.pole{position:absolute;z-index:2;left:50%;bottom:10%;height:47%;width:30px;background:repeating-linear-gradient(-45deg,#8e3b47 0,#8e3b47 17px,#f7ede4 17px,#f7ede4 34px,#456356 34px,#456356 51px);transform:translateX(-50%);border:5px solid #cbb6a6;border-radius:16px;opacity:.55}.visit-art>span{z-index:3}footer{background:#241a19;color:var(--paper);padding:60px 5% 25px}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:start}.footer-wordmark{font-size:67px}.footer-main p{font:400 34px 'Libre Caslon Display',Georgia,serif;margin:16px 0}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-main nav a{font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.footer-base{border-top:1px solid #67544f;display:flex;justify-content:space-between;gap:20px;padding-top:20px;margin-top:75px;color:#bdaea4;font-size:10px;letter-spacing:.07em}.footer-base a{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #bd9d8a;outline-offset:4px}@media(max-width:900px){.desktop-nav{gap:15px}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero h1{font-size:clamp(65px,8.4vw,95px);margin-top:55px}.hero-art-frame{min-height:515px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.barber-portrait{height:300px}.portrait-initial{font-size:210px}.appointment-header h2{font-size:105px}.booking-grid{gap:3%}.booking-summary{padding:26px}.visit h2{font-size:90px}}@media(max-width:650px){.site-header{height:68px;padding:0 5%}.wordmark{font-size:30px}.desktop-nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:6px;justify-content:center;width:42px;height:42px;border:0;background:none}.menu-button span{width:27px;height:2px;background:var(--wine)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:68px;left:0;right:0;z-index:10;background:var(--paper);flex-direction:column;padding:10px 5% 25px;border-bottom:1px solid var(--line)}.mobile-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 5% 65px}.hero h1{font-size:clamp(66px,13.2vw,105px);margin:52px 0 25px}.hero-side-note{display:none}.hero-art{padding:20px 5%;height:430px}.hero-art-frame{min-height:0}.chair{height:92%;width:75%;left:12.5%}.hero-footer{position:static;height:34px;padding:0 5%;font-size:7px}.manifesto,.services,.barbers,.appointment{padding:62px 5% 75px}.manifesto-grid{display:block;margin:60px 0}.manifesto-side{margin-bottom:22px}.manifesto h2,.services h2,.barbers h2,.appointment h2{font-size:clamp(70px,14vw,110px)}.manifesto-grid>div>p{font-size:15px}.manifesto-numbers{grid-template-columns:1fr}.manifesto-numbers>div,.manifesto-numbers>div:nth-child(2),.manifesto-numbers>div:last-child{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.manifesto-numbers>div:last-child{border-bottom:0}.services-head,.barbers-head,.appointment-header{display:block;margin:55px 0 30px}.services-head p,.barbers-head p,.appointment-header p{margin-top:24px}.service-list article{grid-template-columns:30px 1fr 43px;gap:8px}.service-list h3{font-size:42px}.service-list p{font-size:11px}.service-time{grid-column:2;grid-row:2;padding:0}.service-list a{grid-column:3;grid-row:1}.interlude{min-height:340px}.interlude blockquote{font-size:50px}.barber-grid{grid-template-columns:1fr;gap:35px}.barber-portrait{height:360px}.booking-grid{grid-template-columns:1fr}.booking-summary{min-height:420px}.booking-summary h3{margin:50px 0 35px}.choice-grid{grid-template-columns:1fr}.choice-grid .choice{min-height:52px;flex-direction:row;align-items:center}.date-grid{grid-template-columns:repeat(3,1fr)}.date-grid .choice{flex-direction:column;align-items:start}.visit{grid-template-columns:1fr}.visit-copy{padding:65px 5%}.visit h2{font-size:clamp(70px,13.5vw,110px)}.visit-art{height:300px}.footer-main{grid-template-columns:1fr;gap:20px}.footer-main p{margin:0}.footer-main nav{margin-top:20px}.footer-base{flex-wrap:wrap;margin-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.choice{transition:none}}
.service-time{font-size:11px;font-weight:700;white-space:nowrap}
.service-time small{display:block;margin-top:7px;font-size:8px;letter-spacing:.08em;color:var(--taupe)}
.sample-availability{font-size:10px;color:var(--taupe);margin:12px 0 0}
.aftercare{padding:80px 5% 105px;background:#e5d9ca}
.aftercare-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:75px 0 45px}
.aftercare-head h2{font:400 clamp(78px,9vw,144px)/.87 'Libre Caslon Display',Georgia,serif;letter-spacing:-.055em;margin:16px 0 0}
.aftercare-head h2 em{color:var(--wine)}
.aftercare-head>p{font-size:15px;line-height:1.7;max-width:315px;color:#685b53;margin:0}
.aftercare-guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:1px;background:var(--wine);border:1px solid var(--wine)}
.care-choices{background:var(--paper)}
.care-choice{width:100%;display:flex;align-items:center;gap:25px;text-align:left;padding:27px 24px;border:0;border-bottom:1px solid #c8b6aa;background:transparent;color:var(--ink);font:400 clamp(28px,3vw,45px)/1 'Libre Caslon Display',Georgia,serif}
.care-choice:last-child{border-bottom:0}
.care-choice span{font:700 10px 'DM Sans',sans-serif;color:var(--wine)}
.care-choice b{margin-left:auto;font:400 20px 'DM Sans',sans-serif}
.care-choice.is-selected{background:var(--wine);color:var(--cream)}
.care-choice.is-selected span{color:#e5c3c8}
.care-result{padding:32px 36px;min-height:280px;background:var(--wine);color:var(--cream);display:flex;flex-direction:column}
.care-result>span{font-size:9px;letter-spacing:.16em;color:#e5c3c8}
.care-result h3{font:400 clamp(42px,4.5vw,66px)/.95 'Libre Caslon Display',Georgia,serif;margin:38px 0 15px}
.care-result p{font-size:13px;line-height:1.7;max-width:560px}
#care-timing{border-top:1px solid rgba(255,255,255,.3);padding:14px 0 0;font-size:11px}
.care-result small{font-size:9px;margin-top:auto;padding-top:25px;color:#dec6c1}
@media(max-width:650px){.service-time small{display:inline;margin-left:8px}.aftercare{padding:62px 5% 75px}.aftercare-head{display:block;margin:55px 0 30px}.aftercare-head>p{margin-top:22px}.aftercare-guide{grid-template-columns:1fr}.care-choice{padding:21px;font-size:32px}.care-result{padding:27px;min-height:340px}.care-result h3{font-size:49px}}

/* Brand wordmark proportions. */
.wordmark,.footer-wordmark{display:inline-block;white-space:nowrap;line-height:.9}.wordmark-kind{display:block;font:600 9px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.26em;margin-top:8px}.footer-wordmark{font-size:clamp(2.55rem,5vw,4.2rem)}.footer-wordmark .wordmark-kind{font-size:10px;margin-top:12px}
