:root{--ink:#14201d;--ink2:#1d2f2a;--cream:#f4ecdc;--paper:#fbf6ea;--line:#ddd0b4;--brass:#d9b25f;--brass-d:#85601c;--red:#b3412f;--teal:#2f5d63;--muted:#5d6a63;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:Georgia,"Times New Roman",serif;--ease:cubic-bezier(.22,1,.36,1);--scroll1:-632px;--scroll2:-1350px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:390px;height:844px;overflow:hidden;background:var(--cream);color:var(--ink);font:15px/1.4 var(--sans)}ul{list-style:none}button{font:inherit;border:0;color:inherit;background:none}svg{display:block}.defs{position:absolute}em{font-style:normal}.fixed-top{position:fixed;z-index:5;top:0;left:0;width:390px;background:var(--ink);color:var(--cream)}.status{height:44px;display:flex;justify-content:space-between;align-items:center;padding:8px 26px 0;font-size:15px;font-weight:600}.sys{display:flex;gap:4px;align-items:center}.sys i{width:4px;height:8px;background:var(--cream);border-radius:1px}.sys i:nth-child(2){height:10px}.sys i:nth-child(3){height:12px}.sys b{width:24px;height:11px;margin-left:6px;border:1.5px solid var(--cream);border-radius:3.5px;background:linear-gradient(90deg,var(--cream) 78%,transparent 78%)}.bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #2e433d}.brand{display:flex;align-items:center;gap:10px;font:700 19px/1 var(--serif);color:var(--cream);text-decoration:none}.brand em{color:var(--brass)}.pole-mini{width:12px;height:28px}.menu{width:40px;height:40px;display:grid;align-content:center;gap:5px;justify-items:end}.menu i{width:22px;height:2px;background:var(--cream);border-radius:2px}.menu i:nth-child(2){width:16px}.page{padding-top:100px;width:390px;will-change:transform}.hero{position:relative;height:640px;padding:34px 20px 0;background:var(--ink);color:var(--cream);overflow:hidden}.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-weight:600}h1{margin-top:16px;font:700 43px/1.08 var(--serif);letter-spacing:-.01em}.mark{position:relative;display:inline-block;color:var(--brass)}.underline{position:absolute;left:0;bottom:-8px;width:100%;height:8px;transform-origin:left center}.lede{margin-top:30px;width:290px;font-size:16px;line-height:1.5;color:#d8d1bf}.rating{margin-top:22px;display:flex;align-items:center;gap:8px;font-size:13px;color:#cfc8b4}.rating b{color:var(--cream);font-size:15px}.stars{display:flex;gap:2px;color:var(--brass)}.stars svg{width:15px;height:15px}.cta{margin-top:30px;display:flex;gap:10px}.btn{height:54px;border-radius:12px;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px}.btn svg{width:20px;height:20px}.primary{flex:1;background:var(--brass);color:var(--ink);box-shadow:0 6px 0 #a98534}.ghost{width:96px;border:1.5px solid #52665f;color:var(--cream)}.pole{position:absolute;right:22px;top:34px;width:46px;height:172px}.chips{position:absolute;left:20px;right:20px;bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:var(--ink2);border:1px solid #34493f;font-size:12.5px;line-height:1.3;color:#bfc8bd}.chip svg{flex:none;width:24px;height:24px;color:var(--brass)}.chip b{display:block;color:var(--cream);font-size:13.5px}.sec{padding:34px 20px 8px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-d);font-weight:700}h2{margin-top:6px;font:700 29px/1.15 var(--serif)}.svc{margin-top:18px;display:grid;gap:8px}.svc li,.sum{display:flex;align-items:center;gap:12px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--ink);color:var(--brass);display:grid;place-items:center}.ic svg{width:20px;height:20px}.nm{flex:1;font-size:13px;color:var(--muted);line-height:1.3}.nm b{display:block;font-size:16px;color:var(--ink)}.nm em{display:table;margin-top:4px;padding:1px 8px;border-radius:99px;background:var(--red);color:var(--cream);font-size:11px;font-weight:700}.pr{text-align:right;font:700 20px/1.1 var(--serif)}.pr small{display:block;font:500 11.5px var(--sans);color:var(--muted);margin-top:2px}.hot{border-color:var(--brass);background:#fff8e4}.note{margin:14px 0 6px;font-size:13px;color:var(--muted)}.team{padding-top:22px}.barbers{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcard{padding:14px 6px 12px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.bcard b{margin-top:8px;font:700 17px var(--serif)}.bcard small{font-size:11.5px;color:var(--muted)}.av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:700 18px var(--serif);color:var(--cream);border:3px solid var(--brass)}.a1{background:var(--teal)}.a2{background:var(--red)}.a3{background:var(--ink2)}.next{margin-top:8px;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--teal)}.next i{width:7px;height:7px;border-radius:50%;background:#3f9a62}.book{padding-bottom:24px;padding-top:28px}.days{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.day{padding:8px 0;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.day small{display:block;font-size:12px;color:var(--muted)}.day b{font:700 19px var(--serif)}.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.on small{color:var(--brass)}.slots{margin:12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{position:relative;height:44px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);font-weight:700;font-size:15px}.gone{color:#a69c86;text-decoration:line-through;background:#ece3cd;border-color:transparent;font-weight:500}.sel{position:absolute;inset:-1.5px;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:var(--brass);opacity:0}.quote{margin-top:14px;padding:18px;background:var(--ink);color:var(--cream);border-radius:16px}.quote blockquote{margin:10px 0 10px;font:italic 17px/1.45 var(--serif)}.quote figcaption{font-size:12.5px;color:var(--brass)}.reviews{padding-bottom:14px}.map{margin-top:14px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.map svg{width:100%;height:120px}.hours{margin-top:12px}.hours div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:15px}.hours dt{font-weight:600}.hours dd{color:var(--muted)}.addr{margin:10px 0 8px;font-size:13px;color:var(--muted)}.foot{margin-top:20px;padding:24px 20px 120px;background:var(--ink);color:#bfc8bd;display:grid;gap:4px;font-size:12.5px}.foot b{font:700 18px var(--serif);color:var(--cream)}.foot em{color:var(--brass)}.dock{position:fixed;z-index:6;left:0;bottom:0;width:390px;height:90px;padding:14px 20px 0;background:linear-gradient(to top,var(--cream) 72%,rgba(244,236,220,0))}.book-btn{position:relative;width:100%;height:56px;border-radius:14px;background:var(--ink);color:var(--cream);font-weight:700;font-size:17px;box-shadow:0 8px 18px rgba(20,32,29,.28)}.book-btn span{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.book-btn small{font:600 13px var(--sans);color:var(--brass)}.l-b{background:var(--teal);border-radius:14px;opacity:0}.l-b small{color:var(--cream)}.toast{position:absolute;left:20px;right:20px;bottom:84px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--paper);border:1.5px solid var(--teal);box-shadow:0 12px 24px rgba(20,32,29,.22);font-size:13px;color:var(--muted);opacity:0}.toast b{display:block;font-size:15px;color:var(--ink)}.tick path{stroke-dasharray:20}.tick{width:30px;height:30px;flex:none}html.is-done .page{transform:translateY(var(--scroll2))}html.is-done .sel{opacity:1}html.is-done .l-b,html.is-done .toast{opacity:1}@media (prefers-reduced-motion:no-preference){html.is-playing .page{transition:transform 760ms cubic-bezier(.65,0,.35,1)}html.is-playing.s2 .page{transform:translateY(var(--scroll1))}html.is-playing.s3 .page{transform:translateY(var(--scroll2))}html.is-playing .rise{animation:rise 520ms var(--ease) both}html.is-playing .r1{animation-delay:0ms}html.is-playing .r2{animation-delay:80ms}html.is-playing .r3{animation-delay:160ms;animation-duration:560ms}html.is-playing .r4{animation-delay:240ms;animation-duration:540ms}html.is-playing .pop{animation:pop 420ms var(--ease) both}html.is-playing .c1{animation-delay:200ms}html.is-playing .c2{animation-delay:250ms}html.is-playing .c3{animation-delay:300ms}html.is-playing .c4{animation-delay:350ms}html.is-playing .pole{animation:rise 600ms var(--ease) 120ms both}html.is-playing .underline{animation:draw 560ms cubic-bezier(.65,0,.35,1) 240ms both}html.is-playing .stars svg{animation:pop 360ms var(--ease) both}html.is-playing .stars svg:nth-child(1){animation-delay:200ms}html.is-playing .stars svg:nth-child(2){animation-delay:250ms}html.is-playing .stars svg:nth-child(3){animation-delay:300ms}html.is-playing .stars svg:nth-child(4){animation-delay:350ms}html.is-playing .stars svg:nth-child(5){animation-delay:400ms}html.is-playing .dock{animation:dockin 480ms var(--ease) 300ms both}html.is-playing .svc li,html.is-playing .bcard,html.is-playing .slot,html.is-playing .sum,html.is-playing .day{opacity:0}html.is-playing.s2 .svc li{opacity:1;animation:rise 460ms var(--ease) both}html.is-playing.s2 .svc li:nth-child(2){animation-delay:60ms}html.is-playing.s2 .svc li:nth-child(3){animation-delay:120ms}html.is-playing.s2 .svc li:nth-child(4){animation-delay:180ms}html.is-playing.s2 .svc li:nth-child(5){animation-delay:240ms}html.is-playing.s2 .svc li:nth-child(6){animation-delay:300ms}html.is-playing.s3 .bcard,html.is-playing.s3 .day,html.is-playing.s3 .sum{opacity:1;animation:rise 460ms var(--ease) both}html.is-playing.s3 .bcard:nth-child(2){animation-delay:70ms}html.is-playing.s3 .bcard:nth-child(3){animation-delay:140ms}html.is-playing.s3 .day{animation-delay:160ms;animation-duration:420ms}html.is-playing.s3 .sum{animation-delay:300ms}html.is-playing.s3 .slot{opacity:1;animation:pop 320ms var(--ease) both}html.is-playing.s3 .slot:nth-child(1){animation-delay:200ms}html.is-playing.s3 .slot:nth-child(2){animation-delay:230ms}html.is-playing.s3 .slot:nth-child(3){animation-delay:260ms}html.is-playing.s3 .slot:nth-child(4){animation-delay:290ms}html.is-playing.s3 .slot:nth-child(5){animation-delay:320ms}html.is-playing.s3 .slot:nth-child(6){animation-delay:350ms}html.is-playing.s3 .slot:nth-child(7){animation-delay:380ms}html.is-playing.s3 .slot:nth-child(8){animation-delay:410ms}html.is-playing.s3 .slot:nth-child(9){animation-delay:440ms}html.is-playing.s4 .sel{opacity:1;animation:pop 360ms var(--ease) both}html.is-playing.s4 .l-b{opacity:1;animation:pop 400ms var(--ease) 80ms both}html.is-playing.s4 .toast{opacity:1;animation:toast 460ms var(--ease) 140ms both}html.is-playing.s4 .tick path{animation:ticky 300ms ease-out 400ms both}}@keyframes rise{from{opacity:0;translate:0 18px}}@keyframes pop{from{opacity:0;scale:.86}}@keyframes draw{from{transform:scaleX(0)}}@keyframes dockin{from{opacity:0;translate:0 40px}}@keyframes toast{from{opacity:0;translate:0 22px;scale:.94}}@keyframes ticky{from{stroke-dashoffset:20}}