:root{--bg:#0a0a0a;--ink:#ebe6dc;--crimson:#c41e3a;--steel:#6a6a6a;--display:"Oswald", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--crimson);color:var(--ink)}.clip{clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}.clip-tl{clip-path:polygon(24px 0,100% 0,100% 100%,0 100%,0 24px)}.nav{z-index:100;mix-blend-mode:difference;font-family:var(--display);text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-size:20px;font-weight:700}.nav-logo span{color:var(--crimson)}.nav-links{gap:28px;font-size:13px;display:flex}.nav-links a{color:var(--ink);text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--crimson);width:0;height:2px;transition:width .25s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.hero{background:url(../images/hero.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 24px;display:flex;position:relative}.hero>*{z-index:1;position:relative}.hero:after{content:"";background:radial-gradient(#0a0a0a8c 0%,#0a0a0ae0 100%);position:absolute;inset:0}.hero:before{content:"";pointer-events:none;background:linear-gradient(#6a6a6a0f 1px,#0000 1px) 0 0/100% 4px,radial-gradient(at 50% 120%,#c41e3a1f,#0000 60%);position:absolute;inset:0}.glitch-stage{text-align:center;position:relative}.glitch-logo{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:clamp(64px,14vw,200px);font-weight:700;line-height:.95;display:inline-block;position:relative}.glitch-char{display:inline-block;position:relative}.glitch-char .layer{pointer-events:none;opacity:0;position:absolute;inset:0}.glitch-char .layer.r{color:var(--crimson)}.glitch-char .layer.c{color:#2dd4bf}.hero-sub{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--steel);opacity:0;margin-top:32px;font-size:clamp(11px,1.4vw,14px)}.hero-sub b{color:var(--crimson);font-weight:600}.hero-rule{background:var(--crimson);width:0;height:2px;margin-top:24px}.scroll-cue{font-family:var(--mono);letter-spacing:.3em;color:var(--steel);text-transform:uppercase;opacity:0;font-size:10px;animation:2s ease-in-out infinite cue;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes cue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.scanlines{pointer-events:none;opacity:0;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000080 2px 4px);position:absolute;inset:0}.services{padding:160px 0;position:relative;overflow:hidden}.section-tag{font-family:var(--mono);letter-spacing:.4em;color:var(--crimson);text-transform:uppercase;overflow-wrap:break-word;max-width:100%;margin-bottom:48px;padding:0 32px;font-size:11px}.section-tag:before{content:"// ";color:var(--steel)}.kinetic-row{white-space:nowrap;font-family:var(--display);text-transform:uppercase;will-change:transform;gap:.6em;font-size:clamp(48px,9vw,128px);font-weight:600;line-height:1.1;display:flex}.kinetic-row .item{align-items:center;gap:.6em;display:inline-flex}.kinetic-row .sep{color:var(--crimson);font-size:.5em}.kinetic-row.outline .item{color:#0000;-webkit-text-stroke:1.5px var(--steel)}.kinetic-row.outline .item:hover{-webkit-text-stroke-color:var(--ink)}.price-hint{font-family:var(--mono);color:var(--steel);letter-spacing:.15em;text-transform:uppercase;overflow-wrap:break-word;max-width:100%;padding:48px 32px 0;font-size:12px}.price-hint b{color:var(--ink)}.barbers{max-width:1400px;margin:0 auto;padding:120px 32px 160px}.barbers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.barber-card{aspect-ratio:3/4;cursor:pointer;perspective:1200px;background:#111;border:1px solid #222;position:relative}.barber-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.barber-card:hover .barber-inner{transform:rotateY(180deg)}.barber-face{backface-visibility:hidden;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.barber-face.back{background:var(--crimson);justify-content:center;transform:rotateY(180deg)}.barber-portrait{font-family:var(--display);color:#1a1a1a;background:linear-gradient(135deg,#161616 0%,#0d0d0d 100%) top/cover;justify-content:center;align-items:center;font-size:clamp(80px,10vw,140px);font-weight:700;display:flex;position:absolute;inset:0}.barber-portrait.has-photo{color:#0000}.barber-face.back .barber-portrait{color:#00000026;background:0 0}.barber-face.front:after{content:"";background:linear-gradient(#0000 40%,#0a0a0af2);position:absolute;inset:0}.barber-meta{z-index:2;position:relative}.barber-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:28px;font-weight:600}.barber-role{font-family:var(--mono);color:var(--crimson);letter-spacing:.25em;text-transform:uppercase;margin-top:4px;font-size:11px}.barber-back-meta{z-index:2;color:var(--ink);position:relative}.barber-back-meta .stat{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #ebe6dc40;padding:8px 0;font-size:12px}.barber-back-meta .stat b{float:right}.barber-num{z-index:3;font-family:var(--mono);color:var(--steel);letter-spacing:.2em;font-size:11px;position:absolute;top:16px;right:20px}.booking{text-align:center;background:radial-gradient(at 50% 0,#c41e3a14,#0000 55%);border-top:1px solid #1c1c1c;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:80px 24px;display:flex;position:relative}.count-label{font-family:var(--mono);letter-spacing:.5em;color:var(--steel);text-transform:uppercase;margin-bottom:24px;font-size:12px}.count-digit{font-family:var(--display);color:var(--ink);font-size:clamp(120px,26vw,340px);font-weight:700;line-height:1;position:relative}.count-digit.hot{color:var(--crimson)}.booking-cta{font-family:var(--display);text-transform:uppercase;letter-spacing:.2em;color:var(--bg);background:var(--crimson);opacity:0;margin-top:40px;padding:20px 56px;font-size:clamp(18px,2.4vw,28px);font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s;display:inline-block;transform:translateY(24px)}.booking-cta.on{opacity:1;transform:translateY(0)}.booking-cta:hover{background:var(--ink);transform:translateY(-4px)skew(-4deg)}.booking-note{font-family:var(--mono);letter-spacing:.3em;color:var(--steel);text-transform:uppercase;opacity:0;margin-top:24px;font-size:11px;transition:opacity .5s}.booking-note.on{opacity:1}.footer{border-top:1px solid #1c1c1c;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px;max-width:1400px;margin:0 auto;padding:80px 32px 48px;display:grid}.footer h4{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--crimson);margin-bottom:20px;font-size:14px}.footer p,.footer li{font-family:var(--mono);color:var(--steel);letter-spacing:.05em;font-size:13px;line-height:2;list-style:none}.footer li b{color:var(--ink);float:right;font-weight:500}.footer-brand{font-family:var(--mono);letter-spacing:.3em;color:var(--steel);text-transform:uppercase;border-top:1px solid #1c1c1c;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:16px;margin-top:32px;padding-top:32px;font-size:10px;display:flex}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(40px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.barber-card:hover .barber-inner{transform:none}.scroll-cue{animation:none}*{transition-duration:.01ms!important}}@media (width<=640px){.nav-links{display:none}}