:root{--ink:#171a18;--paper:#f3efe6;--cream:#e5ddcd;--copper:#d7673e;--sage:#a9b9a7;--white:#fff;--line:rgba(23,26,24,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:88px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:"Oswald",sans-serif;font-size:13px;font-weight:700;letter-spacing:-.03em}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:600 17px/1 "Oswald",sans-serif;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.19em;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav>a{position:relative}.site-header nav>a:after{content:"";height:1px;background:var(--copper);position:absolute;left:0;right:100%;bottom:-7px;transition:right .2s}.site-header nav>a:hover:after{right:0}.nav-cta,.button{border:0;cursor:pointer}.nav-cta{background:var(--ink);color:var(--white);padding:14px 19px;font-weight:700}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:9px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:5px 0}.hero{height:calc(100vh - 88px);min-height:650px;position:relative;color:white;overflow:hidden}.hero>img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,16,14,.86) 0%,rgba(14,16,14,.57) 48%,rgba(14,16,14,.12) 85%)}.hero-copy{position:absolute;z-index:2;left:clamp(24px,8vw,126px);top:50%;transform:translateY(-51%);max-width:760px}.kicker,.section-label{font-size:12px;font-weight:700;letter-spacing:.2em}.hero-copy h1,.intro h2,.section-heading h2,.craft h2,.visit h2{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:-.045em}.hero-copy h1{font-size:clamp(62px,8.2vw,132px);line-height:.84;margin:23px 0 30px}.hero-copy h1 em{color:var(--copper);font-style:normal}.hero-copy>p:not(.kicker){max-width:610px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.8)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{min-height:54px;padding:0 25px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.button-light{background:white;color:var(--ink)}.button-accent{background:var(--copper);color:white}.button-dark{width:100%;background:var(--ink);color:white}.text-link{font-size:14px;font-weight:700;display:flex;gap:12px}.hero-meta{position:absolute;z-index:2;bottom:28px;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);padding-top:18px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.section-shell{padding:clamp(90px,11vw,165px) clamp(24px,7vw,110px)}.section-label{display:flex;align-items:center;gap:14px}.section-label span{color:var(--copper)}.intro-content{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;margin-top:70px}.intro h2{font-size:clamp(48px,6.5vw,96px);line-height:.93;margin:0}.intro-content>div{padding-top:8px}.intro-content p{font-size:17px;line-height:1.8;color:#555b56;margin:0 0 21px}.services{background:#e7e0d4}.section-heading{display:grid;grid-template-columns:.65fr 1.35fr 1fr;align-items:end;gap:30px;margin-bottom:68px}.section-heading h2{font-size:clamp(48px,6vw,84px);line-height:.9;margin:0}.section-heading>p{margin:0;color:#646860}.service-list{border-top:1px solid var(--ink)}.service-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;min-height:112px;display:grid;grid-template-columns:70px 1.5fr .5fr .35fr 50px;align-items:center;text-align:left;cursor:pointer;transition:background .2s,padding .2s}.service-row:hover,.service-row:focus-visible{background:var(--paper);padding:0 18px}.service-number{font-size:11px;color:var(--copper);font-weight:700}.service-name{display:flex;flex-direction:column;gap:7px}.service-name strong{font:600 27px/1 "Oswald",sans-serif;text-transform:uppercase}.service-name small,.service-duration{color:#63675f}.service-price{font:600 26px "Oswald",sans-serif}.service-arrow{font-size:25px;text-align:right}.craft{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;background:var(--ink);color:white}.craft-image{min-height:640px}.craft-copy{padding:clamp(60px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.section-label.light{color:rgba(255,255,255,.72)}.craft h2{font-size:clamp(58px,7vw,100px);line-height:.88;margin:45px 0 32px}.craft-copy>p{color:rgba(255,255,255,.68);font-size:17px;line-height:1.8;max-width:560px}.standards{margin-top:40px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.standards span{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.barber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.barber-grid article{border:1px solid var(--line);min-height:340px;padding:28px;display:flex;flex-direction:column}.initial{width:66px;height:66px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font:600 22px "Oswald",sans-serif}.barber-grid article>div{margin-top:auto}.barber-grid h3{font:600 31px "Oswald",sans-serif;text-transform:uppercase;margin:0 0 8px}.barber-grid p{color:#686c66;font-size:14px}.barber-grid button{margin-top:18px;border:0;border-top:1px solid var(--line);background:transparent;padding:19px 0 0;text-align:left;font-weight:700;cursor:pointer}.visit{display:grid;grid-template-columns:1.15fr .85fr;background:var(--copper);color:white}.visit-copy{padding:clamp(70px,9vw,140px)}.visit h2{font-size:clamp(64px,8vw,120px);line-height:.86;margin:48px 0 30px}.visit-copy>p{font-size:18px;line-height:1.8}.visit-copy .button{margin-top:25px;background:white;color:var(--ink)}.hours{background:#22322c;padding:clamp(70px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.hours h3{font:600 35px "Oswald",sans-serif;text-transform:uppercase}.hours dl{border-top:1px solid rgba(255,255,255,.25)}.hours dl div{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:14px}.hours dt{color:rgba(255,255,255,.65)}.hours dd{margin:0}.hours small{margin-top:25px;color:rgba(255,255,255,.56)}footer{background:#121513;color:white;padding:70px clamp(24px,5vw,76px) 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr .5fr;gap:40px;align-items:start}.footer-main>p{font:500 clamp(35px,5vw,65px)/.95 "Oswald",sans-serif;text-transform:uppercase;margin:0}.footer-main>div{display:flex;flex-direction:column;gap:12px;font-size:13px}.portfolio-note{border-top:1px solid rgba(255,255,255,.18);margin-top:70px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.52);font-size:11px;line-height:1.5}.portfolio-note a{text-decoration:underline}.booking-dialog{width:min(680px,calc(100% - 28px));border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.45)}.booking-dialog::backdrop{background:rgba(7,9,8,.75);backdrop-filter:blur(4px)}.booking-dialog form{padding:35px}.dialog-header{display:flex;justify-content:space-between;gap:20px}.dialog-header h2{font:600 39px/1 "Oswald",sans-serif;text-transform:uppercase;margin:10px 0 28px}.close-dialog{border:1px solid var(--line);background:none;width:42px;height:42px;font-size:25px;cursor:pointer}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking-dialog label,.booking-dialog legend{font-size:12px;font-weight:700;letter-spacing:.06em}.booking-dialog select{display:block;width:100%;margin-top:8px;height:49px;border:1px solid var(--line);background:white;padding:0 12px;font-size:14px}.booking-dialog fieldset{border:0;padding:0;margin:25px 0}.time-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.time-options button{border:1px solid var(--line);background:white;padding:11px 5px;font-size:12px;cursor:pointer}.time-options button.selected{background:var(--copper);color:white;border-color:var(--copper)}.booking-summary{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.dialog-note{text-align:center;color:#71746f;font-size:11px;line-height:1.5}.demo-confirmation{margin-top:16px;background:#dbe8da;padding:16px;display:flex;flex-direction:column;gap:5px;font-size:13px}.demo-confirmation[hidden]{display:none}:focus-visible{outline:3px solid #f28b63;outline-offset:3px}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.intro-content,.craft,.visit{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr;align-items:start}.section-heading h2{margin-top:20px}.barber-grid{grid-template-columns:1fr}.craft-image{height:500px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>p{grid-column:1/-1;grid-row:1}}@media(max-width:650px){.site-header{height:74px}.site-header nav{top:74px}.brand strong{font-size:14px}.brand-mark{width:40px;height:40px}.hero{height:780px;min-height:0}.hero-shade{background:linear-gradient(0deg,rgba(14,16,14,.9),rgba(14,16,14,.25))}.hero-copy{left:22px;right:22px;top:auto;bottom:95px;transform:none}.hero-copy h1{font-size:58px}.hero-copy>p:not(.kicker){font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{font-size:9px}.intro-content{grid-template-columns:1fr;margin-top:45px}.intro h2{font-size:49px}.service-row{grid-template-columns:35px 1fr auto;min-height:128px}.service-duration,.service-arrow{display:none}.service-price{grid-column:3}.service-name strong{font-size:23px}.service-name small{line-height:1.4}.craft-image{height:390px;min-height:0}.craft h2{font-size:56px}.section-shell{padding-left:22px;padding-right:22px}.visit h2{font-size:62px}.footer-main{grid-template-columns:1fr}.footer-main>p{grid-column:auto;grid-row:auto;margin-top:20px}.portfolio-note{flex-direction:column}.booking-grid{grid-template-columns:1fr}.time-options{grid-template-columns:repeat(2,1fr)}.booking-dialog form{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}