@import "https://fonts.googleapis.com/css2?family=Anton&family=Rock+Salt&display=swap";@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";.barber-page,.barber-reserve,.barber-dash{--paper:#efede8;--ink:#0b0b0b}.barber-page{background:var(--paper);color:var(--ink);font-family:Anton,Impact,sans-serif;overflow-x:hidden}.barber-page *,.barber-page :before,.barber-page :after{box-sizing:border-box;margin:0;padding:0}.barber-page:after{content:"";pointer-events:none;z-index:50;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.barber-page .logo{z-index:40;letter-spacing:.08em;text-transform:uppercase;mix-blend-mode:difference;color:#fff;font-size:22px;position:fixed;top:22px;left:28px}.barber-page .book-btn{z-index:40;background:var(--ink);color:var(--paper);box-shadow:0 0 0 1px var(--paper);font:inherit;letter-spacing:.12em;padding:10px 22px;font-size:15px;text-decoration:none;position:fixed;top:18px;right:24px}.barber-page .rail{background:var(--ink);z-index:40;mix-blend-mode:difference;background:#fff;width:2px;position:fixed;top:90px;bottom:0;left:28px}.barber-page section{min-height:100vh;position:relative;overflow:hidden}.barber-page .big{text-transform:uppercase;letter-spacing:-.01em;filter:url(#rough);white-space:nowrap;font-size:clamp(90px,24vw,430px);line-height:.82}.barber-page .note{font-family:Rock Salt,cursive;font-size:clamp(13px,1.4vw,20px)}.barber-page .stage{place-items:center;display:grid;position:absolute;inset:0}.barber-page .obj{z-index:2;filter:drop-shadow(28px 36px 28px #00000061);will-change:transform;height:78vh;position:relative}.barber-page .obj img{will-change:transform;width:auto;height:100%;display:block}.barber-page .hero .lines{flex-direction:column;justify-content:center;align-items:center;gap:1vw;display:flex;position:absolute;inset:0}.barber-page .hero .lines .big{color:var(--ink)}.barber-page .hero .hint{z-index:3;position:absolute;bottom:28px;left:50%;translate:-50%}.barber-page .tool{place-items:center;display:grid;position:absolute;inset:0}.barber-page .tool .big{opacity:.95;position:absolute}.barber-page .tool .note{z-index:3;position:absolute;bottom:12vh}.barber-page .tool .obj{height:74vh}.barber-page .tool .obj:has(.frames){filter:none;height:62vh;margin-bottom:10vh}.barber-page .tool .obj:has(.frames):after{content:"";z-index:-1;background:radial-gradient(closest-side,#00000061,#0000);height:7%;position:absolute;bottom:-2%;left:8%;right:0}.barber-page .tool:has(.frames) .big{font-size:clamp(90px,36vw,640px)}.barber-page .frames{grid-template-rows:minmax(0,1fr);height:100%;display:grid;position:relative}.barber-page .frames img{grid-area:1/1;min-height:0}.barber-page .frames canvas{width:100%;height:100%;position:absolute;inset:0}.barber-page .statement{text-align:center;place-items:center;padding:0 6vw;display:grid}.barber-page .statement p{text-transform:uppercase;font-size:clamp(60px,12vw,200px);line-height:.9}.barber-page .statement .w{opacity:.12;margin:0 .12em;display:inline-block}.barber-page .book{background:var(--ink);color:var(--paper);text-align:center;align-content:center;place-items:center;gap:4vh;display:grid}.barber-page .book .big{pointer-events:none}.barber-page .book .cta{background:var(--paper);color:var(--ink);letter-spacing:.14em;padding:20px 56px;font-size:clamp(18px,2.4vw,30px);text-decoration:none;display:inline-block}.barber-page .book .cta:hover{background:#fff}@media (width<=700px),(aspect-ratio<=4/5){.barber-page .rail{display:none}.barber-page .logo{left:16px}.barber-page .obj,.barber-page .tool .obj{height:46vh}.barber-page .tool .obj:has(.frames){height:42vh;margin-bottom:6vh}.barber-page .tool:has(.frames) .big{font-size:58vw}.barber-page .hero .big{font-size:34vw}}.barber-page .find-bar{z-index:40;align-items:stretch;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;bottom:18vh;right:0;transform:translate(calc(100% - 44px))}.barber-page .find-bar.open{transform:none}.barber-page .find-tab{background:var(--ink);width:44px;color:var(--paper);box-shadow:0 0 0 1px var(--paper);font:inherit;letter-spacing:.14em;writing-mode:vertical-rl;cursor:pointer;border:0;padding:16px 0;font-size:14px}.barber-page .find-icons{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--ink);gap:4px;padding:8px 10px;display:flex}.barber-page .find-icon{width:44px;height:44px;color:inherit;place-items:center;display:grid}.barber-page .find-icon:hover{background:var(--ink);color:var(--paper)}.barber-page .find-row{justify-content:center;gap:14px;display:flex}.barber-page .find-row .find-icon{border:1px solid var(--paper);width:52px;height:52px;color:var(--paper);border-radius:50%}.barber-page .find-row .find-icon:hover{background:var(--paper);color:var(--ink)}@media (prefers-reduced-motion:reduce){.barber-page .find-bar{transition:none}}.barber-reserve{background:var(--paper);min-height:100dvh;color:var(--ink);place-items:center;padding:24px 16px;font-family:system-ui,sans-serif;font-size:16px;line-height:1.4;display:grid}.barber-reserve *,.barber-reserve :before,.barber-reserve :after{box-sizing:border-box;margin:0;padding:0}.barber-reserve :lang(ar),.barber-reserve :lang(he){font-family:Rubik,system-ui,sans-serif}.barber-reserve .card{border:2px solid var(--ink);gap:20px;width:100%;max-width:420px;padding:24px 20px;display:grid}.barber-reserve .top{justify-content:space-between;align-items:center;font-size:14px;display:flex}.barber-reserve .back{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.barber-reserve [dir=rtl] .back .arrow{transform:scaleX(-1)}.barber-reserve .logo,.barber-reserve h1,.barber-reserve .btn{letter-spacing:.04em;text-transform:uppercase;font-family:Anton,Impact,sans-serif;font-weight:400}.barber-reserve :lang(ar) :is(h1,.btn),.barber-reserve :lang(he) :is(h1,.btn),.barber-reserve .btn:is(:lang(ar),:lang(he)){letter-spacing:0;font-family:Rubik,system-ui,sans-serif;font-weight:700}.barber-reserve .logo{letter-spacing:.12em;font-size:15px}.barber-reserve h1{font-size:30px;line-height:1.15}.barber-reserve .stack{gap:12px;display:grid}.barber-reserve .btn{background:var(--paper);width:100%;min-height:56px;color:var(--ink);border:2px solid var(--ink);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:20px;text-decoration:none;display:flex}.barber-reserve .btn.center{justify-content:center}.barber-reserve .btn.solid,.barber-reserve .btn[aria-pressed=true],.barber-reserve .btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.barber-reserve .btn:disabled{opacity:.35;cursor:not-allowed}.barber-reserve .btn small{letter-spacing:0;text-transform:none;font-family:system-ui,sans-serif;font-size:14px}.barber-reserve :lang(ar) .btn small,.barber-reserve :lang(he) .btn small{font-family:Rubik,system-ui,sans-serif;font-weight:400}.barber-reserve :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.barber-reserve .days{scroll-snap-type:x proximity;gap:8px;margin:0 -4px;padding:4px 4px 8px;display:flex;overflow-x:auto}.barber-reserve .days .btn{text-align:center;scroll-snap-align:start;flex-direction:column;flex:none;justify-content:center;gap:2px;width:76px;min-height:72px;padding:8px 4px;font-size:18px}.barber-reserve .times{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.barber-reserve .times .btn{justify-content:center;min-height:48px;padding:8px;font-size:18px}.barber-reserve label{gap:6px;font-size:14px;display:grid}.barber-reserve input{width:100%;min-height:52px;color:var(--ink);border:2px solid var(--ink);font:inherit;background:#fff;border-radius:0;padding:10px 14px;font-size:18px}.barber-reserve .summary{background:var(--ink);color:var(--paper);padding:10px 14px;font-size:15px}.barber-reserve .error{border:2px dashed var(--ink);padding:10px 14px;font-size:15px}.barber-reserve .muted{opacity:.7;font-size:15px}