@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#050505;background:#f4f0df;min-width:320px;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}}@layer base{:root{--ink:#050505;--paper:#f4f0df;--paper-strong:#fffdf2;--atomic-yellow:#fff010;--atomic-purple:#28338c;--atomic-blue:#0060c0;--outline-white:#fff;--line:#05050529;--muted:#4f4b43;--shadow:0 24px 80px #0505052e;--radius:8px}::selection{background:var(--atomic-yellow);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:0}h1,h2{text-transform:uppercase;font-family:Oswald,Inter,sans-serif}h1{max-width:11ch;font-size:clamp(4rem,12vw,9.5rem);line-height:.86}h2{max-width:14ch;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.94}h3{font-size:1.12rem;line-height:1.2}p{color:var(--muted);line-height:1.65}}@layer layout{.site-header{z-index:20;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000e0;border-bottom:1px solid #fff01052;grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-height:94px;padding:.7rem clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0 0 auto}.brand{text-transform:uppercase;align-items:center;gap:.65rem;min-width:0;font-weight:800;display:inline-flex}.brand img{object-fit:contain;background:0 0;border:0;border-radius:0;width:clamp(166px,16vw,240px);height:68px;padding:0}.brand span{overflow-wrap:anywhere;display:none}.nav{color:#fffc;text-transform:uppercase;justify-self:end;align-items:center;gap:clamp(.7rem,2vw,1.8rem);font-size:.86rem;font-weight:800;display:flex}.nav a{align-items:center;gap:.45rem;min-height:42px;display:inline-flex}.nav a:hover{color:var(--atomic-yellow)}.audio-toggle{border-radius:var(--radius);width:42px;height:42px;color:var(--atomic-yellow);cursor:pointer;background:#ffffff14;border:1px solid #fff0107a;justify-content:center;align-items:center;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.audio-toggle:hover{background:#fff0101f;border-color:#fff010c7;transform:translateY(-1px)}.nav-call{border-radius:var(--radius);color:var(--atomic-yellow);border:1px solid #fff0109e;padding:0 .95rem}.section,.gallery-section,.schedule-section,.visit-section{padding:clamp(4.5rem,9vw,8rem) 0}.section-inner{width:min(1160px,100% - 2rem);margin-inline:auto}.section-heading{gap:.9rem;margin-bottom:clamp(2rem,5vw,3.8rem);display:grid}.split-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.intro-grid,.scheduler-layout,.visit-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}}@layer components{.icon-button{border-radius:var(--radius);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff3d;place-items:center;width:44px;height:44px;display:none}.kicker,.eyebrow{color:var(--atomic-purple);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.78rem;font-weight:900;line-height:1.2;display:inline-flex}.hero{isolation:isolate;color:#fff;background:#000;min-height:min(78svh,720px);position:relative;overflow:hidden}.hero-image{z-index:-3;object-fit:cover;object-position:center 42%;opacity:.83;filter:saturate(1.08)contrast(1.08);width:100%;height:100%;position:absolute;inset:0;transform:none}.hero-image-left-boost{display:none}.hero-overlay{z-index:-1;background:#000000a3;position:absolute;inset:0}.hero-content{gap:1.25rem;width:min(1160px,100% - 2rem);margin-inline:auto;padding-top:clamp(7.7rem,15vh,10.5rem);padding-bottom:9rem;display:grid}.hero-logo{filter:drop-shadow(0 0 20px #fff01033)drop-shadow(0 6px 18px #0000008c);background:0 0;border:0;width:clamp(190px,27vw,360px);height:auto}.hero h1,.hero p{color:#fff}.hero h1{color:var(--atomic-yellow);text-shadow:0 3px #000,0 0 28px #1040b07a}.hero .eyebrow,.barbers-section .kicker,.visit-section .kicker{color:var(--atomic-yellow)}.hero p{color:#ffffffd6;max-width:620px;font-size:clamp(1rem,2vw,1.24rem)}.hero-actions,.visit-actions,.auth-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.visit-actions{margin-top:clamp(1.25rem,3vw,2rem)}.primary-action,.secondary-action,.oauth-button,.text-link,.signed-in button{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.55rem;min-height:48px;font-weight:900;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.primary-action{background:var(--atomic-yellow);color:var(--ink);border:0;padding:0 1.1rem;box-shadow:0 14px 34px #fff01038}.secondary-action,.oauth-button{color:#fff;background:#ffffff1a;border:1px solid #fff01061;padding:0 1rem}.secondary-action.dark{background:var(--ink);border-color:#fff01070}.primary-action:hover,.secondary-action:hover,.oauth-button:hover,.text-link:hover,.signed-in button:hover{transform:translateY(-1px)}.primary-action:disabled{cursor:wait;opacity:.72;transform:none}.full-width{width:100%}.hero-booking-action{border:2px solid var(--atomic-yellow);letter-spacing:0;text-transform:uppercase;min-width:min(100%,270px);min-height:clamp(58px,7vw,72px);padding-inline:clamp(1.25rem,4vw,2rem);font-size:clamp(1.08rem,2.4vw,1.45rem);box-shadow:0 18px 42px #fff01057,0 0 0 4px #fff01014}.hero-stats{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000a3;border:1px solid #fff3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;bottom:1rem;left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem)}.hero-stats span{min-width:0;color:var(--atomic-yellow);text-align:center;text-transform:uppercase;overflow-wrap:anywhere;padding:1rem;font-size:clamp(.8rem,2vw,1rem);font-weight:900}.hero-stats span+span{border-left:1px solid #fff3}.intro-band{background:var(--atomic-yellow);border-bottom:1px solid var(--line);padding:clamp(2.5rem,6vw,4.5rem) 0}.intro-band h2{max-width:13ch;font-size:clamp(2rem,4vw,3.8rem)}.intro-band p:not(.kicker){color:#15120a;align-self:center;font-size:1.06rem}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.service-card{border:1px solid var(--line);border-top:5px solid var(--atomic-yellow);border-radius:var(--radius);background:var(--paper-strong);min-height:245px;padding:1.2rem;display:grid;box-shadow:0 18px 54px #19171612}.service-card h3{margin-bottom:.6rem}.service-card p{font-size:.93rem}.service-meta{border-top:1px solid var(--line);justify-content:space-between;align-self:end;align-items:center;gap:1rem;padding-top:1rem;display:flex}.service-meta span{color:var(--atomic-purple);text-transform:uppercase;font-size:.84rem;font-weight:900}.service-meta strong{font-size:1.75rem}.barbers-section,.visit-section{color:#fff;background:#000}.barbers-section h2,.barbers-section h3,.visit-section h2,.visit-section strong,.visit-section span{color:#fff}.barbers-section p,.visit-section p{color:#ffffffad}.text-link{color:#fff;min-height:44px;font-size:.9rem}.barber-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.barber-card{border:2px solid var(--atomic-yellow);border-radius:var(--radius);background:#151312;min-height:410px;transition:box-shadow .22s,transform .22s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff0102e,0 0 24px #fff0105c,0 18px 46px #00000070}.barber-card img{object-fit:cover;opacity:.86;width:100%;height:100%;min-height:410px;transition:transform .22s,opacity .22s}.barber-card:hover img{opacity:1;transform:scale(1.035)}.barber-card:hover{box-shadow:0 0 0 2px #fff01061,0 0 38px #fff01094,0 22px 56px #00000085}.barber-card:after{content:"";background:linear-gradient(#0000,#000000d6);height:56%;position:absolute;inset:auto 0 0}.barber-copy{z-index:1;gap:.45rem;padding:1rem;display:grid;position:absolute;inset:auto 0 0}.barber-copy span{color:var(--atomic-yellow);text-transform:uppercase;font-size:.73rem;font-weight:900}.barber-copy p{font-size:.92rem}.gallery-section{background:var(--atomic-purple);color:#fff;overflow:hidden}.gallery-section .kicker{color:var(--atomic-yellow)}.gallery-section h2{color:#fff;text-shadow:0 0 10px #fff010d1,0 0 28px #fff0106b,0 2px #000}.gallery-strip{scroll-snap-type:x proximity;grid-auto-columns:minmax(240px,18vw);grid-auto-flow:column;gap:1rem;padding:0 max(1rem,50vw - 580px) .6rem;display:grid;overflow-x:auto}.gallery-strip figure{scroll-snap-align:start;gap:.7rem;margin:0;transition:transform .22s;display:grid}.gallery-strip img{aspect-ratio:4/5;border:2px solid var(--atomic-yellow);border-radius:var(--radius);object-fit:cover;width:100%;transition:transform .22s,box-shadow .22s;box-shadow:0 0 0 1px #fff0102e,0 0 24px #fff0105c,0 18px 46px #00000057}.gallery-strip figure:hover{transform:translateY(-8px)}.gallery-strip figure:hover img{box-shadow:0 0 0 2px #fff01061,0 0 38px #fff01094,0 22px 56px #00000070}.gallery-strip figcaption{color:#ffffffdb;min-height:2.4em;font-size:.84rem;font-weight:800}.schedule-section{background:linear-gradient(90deg, #1040b01f, transparent 42%), linear-gradient(180deg, #fff01024, transparent 24%), var(--paper)}.scheduler-intro{gap:1.3rem;display:grid;position:sticky;top:100px}.availability-board{margin-bottom:clamp(2rem,5vw,4rem)}.availability-heading{grid-template-columns:minmax(0,.9fr) minmax(280px,.75fr);align-items:end;gap:clamp(1rem,4vw,3rem);margin-bottom:1.25rem;display:grid}.availability-heading h2{max-width:16ch;font-size:clamp(2.1rem,5vw,4.3rem)}.availability-grid{gap:1rem;display:grid}.availability-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:1rem;padding:1rem;display:grid;box-shadow:0 18px 58px #19171614}.availability-card.selected{border-color:var(--atomic-purple);box-shadow:0 0 0 2px #28338c1f,0 22px 64px #1917161f}.availability-barber{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.availability-barber img{border:2px solid var(--atomic-yellow);border-radius:var(--radius);object-fit:cover;width:64px;height:64px;box-shadow:0 0 18px #fff01047}.availability-barber strong,.availability-barber span{overflow-wrap:anywhere;display:block}.availability-barber span{color:var(--muted);margin-top:.22rem;font-size:.83rem;line-height:1.4}.availability-days{grid-template-columns:repeat(7,minmax(118px,1fr));gap:.65rem;padding-bottom:.25rem;display:grid;overflow-x:auto}.availability-day{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:start;gap:.55rem;min-width:118px;min-height:156px;padding:.65rem;display:grid}.availability-day>span{color:var(--atomic-purple);text-transform:uppercase;font-size:.72rem;font-weight:900}.availability-day em{color:var(--muted);font-size:.82rem;font-style:normal}.availability-slots{gap:.4rem;display:grid}.slot-button{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--ink);cursor:pointer;background:#fffdf2;font-size:.78rem;font-weight:900;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}.slot-button:hover,.slot-button.selected{border-color:var(--ink);background:var(--atomic-yellow);transform:translateY(-1px);box-shadow:0 0 20px #fff01057}.auth-panel,.booking-form,.selection-preview,.appointment-list article,.hours-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);box-shadow:0 18px 58px #19171614}.auth-panel{padding:1rem}.oauth-button{border-color:var(--line);min-width:210px;color:var(--ink);background:#fff}.google-button-slot{width:min(100%,320px);min-height:44px}.oauth-button:hover{border-color:var(--atomic-purple)}.google-mark{border:1px solid var(--line);color:#2567d9;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.auth-message{color:var(--atomic-purple);margin-top:.8rem;font-size:.9rem}.signed-in{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.signed-in strong,.signed-in span{overflow-wrap:anywhere;min-width:0;display:block}.signed-in span{color:var(--muted);margin-top:.2rem;font-size:.84rem}.signed-in button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:0 0;padding:0 .85rem}.avatar{color:#fff;background:#1f1b18;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.selection-preview{grid-template-columns:112px minmax(0,1fr);display:grid;overflow:hidden}.selection-preview img{object-fit:cover;width:100%;height:100%;min-height:132px}.selection-preview div{align-content:center;gap:.35rem;min-width:0;padding:1rem;display:grid}.selection-preview span{color:var(--atomic-purple);text-transform:uppercase;font-size:.77rem;font-weight:900}.selection-preview strong{overflow-wrap:anywhere}.selection-preview p{font-size:.9rem}.availability-note{border-radius:var(--radius);color:var(--ink);background:#fff0103d;padding:.75rem;font-size:.9rem}.booking-form{gap:1rem;padding:clamp(1rem,3vw,1.4rem);display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}label{min-width:0;color:var(--ink);text-transform:uppercase;gap:.45rem;font-size:.78rem;font-weight:900;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;color:var(--ink);background:#fff;outline:none}input,select{min-height:46px;padding:0 .85rem}textarea{resize:vertical;min-height:112px;padding:.8rem .85rem}input:focus,select:focus,textarea:focus{border-color:var(--atomic-purple);box-shadow:0 0 0 3px #1040b024}.confirmation{border-radius:var(--radius);color:var(--atomic-purple);background:#fff0102e;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem;display:grid}.confirmation strong,.confirmation span{overflow-wrap:anywhere;min-width:0;display:block}.confirmation span{color:#1d2555;margin-top:.2rem;font-size:.9rem}.appointment-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.appointment-list article{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:1rem;display:grid}.appointment-list strong,.appointment-list span{overflow-wrap:anywhere;display:block}.appointment-list span{color:var(--muted);margin-top:.25rem;font-size:.88rem}.cancellation-policy{grid-template-columns:minmax(0,.78fr) minmax(320px,1.22fr);align-items:start;gap:clamp(1rem,4vw,3rem);margin-top:clamp(2rem,5vw,4rem);display:grid}.cancellation-policy h2{max-width:13ch;font-size:clamp(2rem,4.8vw,4.2rem)}.policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.policy-grid article{border-radius:var(--radius);color:#fff;background:#000;border:1px solid #fff0106b;gap:.7rem;min-height:210px;padding:1rem;display:grid;box-shadow:0 20px 58px #0000002e}.policy-grid svg{color:var(--atomic-yellow)}.policy-grid strong{color:#fff;line-height:1.2}.policy-grid p{color:#ffffffb8;font-size:.9rem}.visit-grid{align-items:center}.hours-panel{background:var(--atomic-yellow);border:2px solid var(--atomic-yellow);color:var(--ink);gap:.2rem;padding:1.1rem;display:grid;box-shadow:10px 10px #fff0102e}.address-line,.hour-row{border-bottom:1px solid #0003;justify-content:space-between;gap:1rem;min-width:0;padding:.85rem 0;display:flex}.address-line{justify-content:flex-start}.address-line span,.hour-row strong{overflow-wrap:anywhere;min-width:0;color:var(--ink)}.hour-row:last-child{border-bottom:0}.hour-row span{color:var(--ink)}footer{color:#ffffffb3;background:#151312;padding:1.25rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;font-size:.88rem;font-weight:800;display:flex}.footer-inner span:first-child{color:#fff;text-transform:uppercase}.booking-option .primary-action{justify-content:center;width:100%;margin-top:1.25rem}}@layer responsive{@media (width<=980px){.icon-button{justify-self:end;display:grid}.nav{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;gap:.5rem;padding-top:.75rem;display:none}.nav.open{display:grid}.nav a{border-radius:var(--radius);border:1px solid #ffffff2e;justify-content:center}.service-grid,.barber-grid,.appointment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid,.scheduler-layout,.visit-grid,.availability-heading,.availability-card,.cancellation-policy{grid-template-columns:1fr}.scheduler-intro{position:static}.policy-grid{grid-template-columns:1fr}}@media (width<=700px){.site-header{min-height:80px}.brand img{width:152px;height:54px}.hero{min-height:86svh}.hero-content{padding-top:6.5rem;padding-bottom:8.5rem}.hero-logo{width:min(72vw,235px)}.hero h1{font-size:clamp(3.35rem,18vw,5.4rem)}.hero-stats{grid-template-columns:1fr}.hero-stats span{padding:.62rem;font-size:.78rem}.hero-stats span+span{border-top:1px solid #fff3;border-left:0}.hero-actions,.visit-actions,.auth-actions,.primary-action,.secondary-action,.oauth-button{width:100%}.service-grid,.barber-grid,.appointment-list,.policy-grid,.form-row{grid-template-columns:1fr}.barber-card,.barber-card img{min-height:360px}.split-heading{grid-template-columns:1fr}.selection-preview{grid-template-columns:92px minmax(0,1fr)}.availability-days{grid-template-columns:none;grid-auto-columns:minmax(132px,42vw);grid-auto-flow:column}.signed-in{grid-template-columns:auto minmax(0,1fr)}.signed-in button{grid-column:1/-1;width:100%}.address-line,.hour-row{flex-direction:column;align-items:flex-start;gap:.35rem}}}#schedule{scroll-margin-top:96px}