:root{--ink:#061a2c;--ink-deep:#03111e;--paper:#fffef9;--paper-soft:#fffef9b3;--bronze:#dceaf3;--hairline:#ffffff29}*{box-sizing:border-box}html{background:var(--ink);min-height:100%}body{background:var(--ink);min-height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{border:0}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{--pointer-x:50%;--pointer-y:50%;isolation:isolate;background:radial-gradient(circle at 50% 44%, #31577033, transparent 42%), linear-gradient(145deg, var(--ink-deep) 0%, var(--ink) 42%, #09243a 100%);grid-template-rows:auto 1fr;min-height:100svh;padding:clamp(1.25rem,3.2vw,3rem) clamp(1.25rem,4.5vw,4.75rem);display:grid;position:relative;overflow:hidden}.backgroundFilm{z-index:-3;opacity:.4;pointer-events:none;background:url(/videos/peoples-background-v2-poster.webp) 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}@media (max-width:700px){.backgroundFilm{background-position:30%}}.backgroundFilm video{object-fit:cover;opacity:0;width:100%;height:100%;display:block}.backgroundFilm video[data-ready=true]{opacity:1}.backgroundFilmControl{z-index:5;min-height:44px;color:var(--paper);cursor:pointer;background:#03111e99;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:inline-flex;position:absolute;bottom:1rem;right:clamp(1.25rem,4.5vw,4.75rem)}.backgroundFilmControl:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.landing:has(.backgroundFilm){padding-bottom:5rem}.landing:before,.landing:after{z-index:-2;content:"";pointer-events:none;border:1px solid #cce4f41a;border-radius:50%;position:absolute}.landing:before{aspect-ratio:1;width:min(72vw,68rem);animation:10s ease-in-out infinite orbit-breathe;top:50%;left:50%;transform:translate(-50%,-51%)}.landing:after{aspect-ratio:1;border-color:#cce4f40e;width:min(90vw,84rem);top:50%;left:50%;transform:translate(-50%,-50%)}.grain{z-index:4;opacity:.055;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");position:absolute;inset:0}.pointerLight{z-index:-1;pointer-events:none;opacity:.44;background:radial-gradient(38rem circle at var(--pointer-x) var(--pointer-y), #81adc821, transparent 68%);transition:opacity .5s;position:absolute;inset:0}.masthead{z-index:5;color:var(--paper-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.875rem;font-weight:400;line-height:1.5;animation:.9s .15s both quiet-reveal;display:flex;position:relative}.mastheadRule{background:var(--hairline);width:clamp(2rem,7vw,5.5rem);height:1px}.mastheadLegal{min-height:44px;color:inherit;align-items:center;margin-left:auto;text-decoration:none;transition:color .22s;display:inline-flex}.mastheadLegal:hover,.mastheadLegal:focus-visible{color:var(--paper)}.mastheadLegal:focus-visible{outline-offset:4px;outline:1px solid #ffffffe6}.hero{z-index:1;align-content:center;place-items:center;width:100%;padding-block:clamp(1.5rem,4vh,3.5rem);display:grid;position:relative}.logoStage{width:clamp(16rem,20vw,22rem);animation:1.2s cubic-bezier(.2,.7,.2,1) both logo-arrival;position:relative}.logoAnchor{transform-origin:0 0;z-index:6}.landingBooking{background-attachment:fixed;min-height:100svh;display:block;overflow:clip}html:has(.landingBooking){scroll-padding-block:24px calc(var(--booking-summary-height,0px) + 48px)}.landingBooking input{scroll-margin-block:85px calc(var(--booking-summary-height,0px) + 48px)}.landingBooking:before,.landingBooking:after,.landingBooking .grain,.landingBooking .pointerLight{position:fixed}.landingBooking .masthead{justify-content:flex-end;gap:32px;height:84px;animation:none}.landingBooking .hero{display:contents}.landingBooking .logoAnchor{width:136px;position:absolute;top:26px;left:clamp(1.25rem,4.5vw,4.75rem)}.landingBooking .logoStage{width:100%;animation:none}.landingBooking .logoField{animation:none}.landingBooking .bookingCallout{display:none}.returnHome{color:var(--paper-soft);cursor:pointer;letter-spacing:.02em;background:0 0;padding:15px 0;font-size:.875rem}.returnHome:hover{color:var(--paper)}.returnHome:focus-visible{outline:1px solid var(--bronze);outline-offset:6px}.bookingEdition{letter-spacing:.08em;font-size:.875rem}.wizardLoading{text-align:center;color:var(--paper-soft);margin:100px 0;font:24px Georgia,serif}@media (max-width:700px){.landingBooking .logoAnchor{width:98px;top:19px}.landingBooking .masthead{height:70px}.bookingEdition{display:none}}.logoHalo{filter:blur(4rem);opacity:.24;background:#759db529;border-radius:50%;transition:opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:16% 9%;transform:scale(.85)}.logoField{aspect-ratio:2000/1263;animation:7s ease-in-out infinite logo-breathe;position:relative}.logoMain,.logoGhost{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.logoMain{z-index:2;filter:drop-shadow(0 1.7rem 3.5rem #0003);transition:filter .9s,opacity .9s,transform .9s}.logoGhost{z-index:1;opacity:.04;filter:blur(1.15rem);transition:filter .9s,opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1);transform:scale(1.015)}.logoShimmer{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(108deg,#0000 35%,#ffffff14 43%,#ffffff6b 50%,#ffffff14 57%,#0000 65%) 170% 0/220% 100%;animation:8s ease-in-out 1.8s infinite shimmer;position:absolute;inset:0;-webkit-mask:url(/the-peoples-barber-logo.svg) 50%/contain no-repeat;mask:url(/the-peoples-barber-logo.svg) 50%/contain no-repeat}.logoStage:hover .logoHalo{opacity:.42;transform:scale(1.025)}.logoStage:hover .logoMain{filter:blur(.22px)brightness(1.04)drop-shadow(0 1.5rem 3rem #00000038);transform:scale(1.003)}.logoStage:hover .logoGhost{opacity:.08;filter:blur(1.35rem);transform:translate(.22rem,-.16rem)scale(1.018)}.bookingCallout{z-index:5;justify-items:center;margin-top:clamp(2.8rem,6vh,4rem);animation:.9s .65s both quiet-reveal;display:grid;position:relative}.discoveryNav{justify-content:center;align-items:center;gap:26px;margin-top:12px;display:flex}.discoveryNav button{cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 4px;font-family:inherit;transition:color .3s,transform .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.directionsTrigger{color:#c4d1da;letter-spacing:.02em;font-size:1rem}.directionsTrigger svg{width:16px;height:16px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.aboutTrigger{color:#aebdc7;letter-spacing:.02em;font-size:1rem}.discoveryNav button:after{content:"";opacity:.45;transform-origin:0;background:currentColor;height:1px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:7px;left:4px;right:4px;transform:scaleX(0)}.discoveryNav button:hover,.discoveryNav button:focus-visible{color:var(--paper)}.discoveryNav button:hover:after,.discoveryNav button:focus-visible:after{transform:scaleX(1)}.directionsTrigger:hover svg{transform:translateY(-2px)}.discoveryNav button:focus-visible{outline:1px solid var(--paper);outline-offset:4px}.discoveryNav button:active{transform:scale(.97)}.bookingButton{color:#fffffff0;cursor:pointer;letter-spacing:.18em;text-transform:uppercase;background:#05162533;border:1px solid #ffffffb8;border-radius:18px;justify-content:center;align-items:center;width:clamp(17.5rem,22vw,23rem);min-height:4rem;padding:0 2rem;font-size:1rem;font-weight:400;transition:color .45s,border-color .45s,background .45s,box-shadow .55s,transform .45s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.bookingButton:before{content:"";opacity:0;background:linear-gradient(110deg,#0000 20%,#ffffff17,#0000 80%);transition:opacity .45s;position:absolute;inset:0}.bookingButton span{z-index:1;position:relative}.bookingButton:hover,.bookingButton:focus-visible{color:var(--paper);background:#ffffff0e;border-color:#fff;transform:translateY(-1px);box-shadow:0 1.2rem 3rem #00000029}.bookingButton:hover:before,.bookingButton:focus-visible:before{opacity:1}.bookingButton:focus-visible,.closeButton:focus-visible{outline-offset:4px;outline:1px solid #ffffffe6}@keyframes logo-arrival{0%{opacity:0;filter:blur(.75rem);transform:translateY(1.1rem)scale(.975)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes quiet-reveal{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.006)}}@keyframes shimmer{0%,72%{opacity:0;background-position:170% 0}76%{opacity:.28}88%{opacity:0;background-position:-70% 0}to{opacity:0;background-position:-70% 0}}@keyframes orbit-breathe{0%,to{opacity:.55;transform:translate(-50%,-51%)scale(.98)}50%{opacity:1;transform:translate(-50%,-51%)scale(1.015)}}@keyframes backdrop-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(1.2rem)scale(.985)}}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.landing{padding:1.25rem}.landing:before{width:112vw}.landing:after{width:148vw}.masthead{letter-spacing:.04em;flex-wrap:wrap;gap:.5rem .75rem}.mastheadRule{display:none}.logoStage{width:min(78vw,19rem)}.bookingCallout{margin-top:2.4rem}.bookingButton{letter-spacing:.12em;width:min(80vw,18.5rem);min-height:3.65rem;padding-inline:1.25rem}}@media (max-height:650px) and (min-width:701px){.landing{padding-block:1.25rem}.hero{padding-block:1rem}.logoStage{width:clamp(15rem,18vw,19rem)}.bookingCallout{margin-top:1.25rem}.bookingButton{height:3.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bookingButton,.discoveryNav button,.discoveryNav button svg{transform:none}}