:root{--pole-red:#e6242a;--pole-blue:#1f5eff;--gold:#e2b857;--card-bg:#0a0c10b8;--card-border:#ffffff14;--text-soft:#ffffffd9}.barbers-intro{z-index:50;background:#000;place-items:center;display:grid;position:fixed;inset:0}.barbers-intro__video{object-fit:cover;filter:brightness(.7)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.barbers-intro__overlay{z-index:2;text-align:center;color:#fff;padding:2rem;position:relative}.barbers-intro__btn{border:1px solid var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#e2b85740,#e2b8570d);border-radius:999px;margin-top:1rem;padding:.9rem 1.25rem;font-weight:600;transition:transform .2s,box-shadow .2s}.barbers-intro__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e2b85759}.barbers-page{min-height:100vh;color:var(--text-soft);background:radial-gradient(1200px 600px at 10% -20%,#1f5eff33,#0000 60%),radial-gradient(1000px 600px at 110% 0,#e6242a2e,#0000 60%),#0b0e14;padding:32px 20px 80px}.barbers-header{align-items:end;gap:14px;max-width:1100px;margin:0 auto 28px;display:flex}.barbers-title{letter-spacing:.3px;font-size:clamp(28px,3.4vw,44px);font-weight:800}.barbers-subtitle{opacity:.75}.barbers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;max-width:1100px;margin-inline:auto;display:grid}.barber-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform, filter;border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.barber-card:hover{border-color:#ffffff24;transform:translateY(-6px);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0f}.barber-card:before{content:"";background:conic-gradient(from 0deg, var(--pole-red), #fff 15%, var(--pole-blue) 30%, #fff 45%, var(--pole-red) 60%, #fff 75%, var(--pole-blue) 90%, #fff 100%);-webkit-mask-composite:xor;opacity:0;filter:blur();border-radius:20px;padding:2px;transition:opacity .25s,filter .25s;animation:3.6s linear infinite paused spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.barber-card:hover:before{opacity:.95;filter:blur(.8px);animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.barber-card__media{aspect-ratio:4/5;object-fit:cover;border-bottom:1px solid #ffffff0f;width:100%;display:block}.barber-card__body{padding:12px 14px 16px}.barber-card__name{font-size:1.05rem;font-weight:700}.barber-card__role{opacity:.75;font-size:.9rem}.music-toggle{z-index:40;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-radius:12px;padding:.6rem .9rem;font-weight:600;position:fixed;bottom:16px;right:16px}.music-toggle:hover{border-color:#ffffff2e}@media (prefers-reduced-motion:reduce){.barber-card:before{animation:none}.barber-card:hover{transform:none}}