:root{--motion-accent:#ae4e2d;--motion-glow:#ffffff18}body[data-concept=northline]{--motion-accent:#1849ed;--motion-glow:#1849ed18}body[data-concept=union]{--motion-accent:#b24323;--motion-glow:#ffffff16}.motion-button{position:relative;isolation:isolate;overflow:hidden;transition:translate .22s ease,box-shadow .22s ease,filter .22s ease}.motion-button:hover{translate:0 -3px;box-shadow:0 8px 20px #0002}.motion-button:active{translate:0 1px}.motion-button:disabled:hover{translate:none;box-shadow:none}.motion-button svg{transition:transform .25s ease}.motion-button:hover svg{transform:translateX(4px)}.motion-ripple{position:absolute;pointer-events:none;border-radius:50%;background:currentColor;opacity:.2;width:20px;height:20px;z-index:3;transform:translate(-50%,-50%)}.motion-surface{--tilt-base:0deg;--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-base));transition:transform .35s ease,box-shadow .35s ease;will-change:auto}.motion-surface.is-tracking{transition:transform .12s ease;box-shadow:0 18px 35px #0002}.menu.motion-surface{--tilt-base:2deg}.motion-photo{overflow:hidden}.motion-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}.motion-photo:hover img{transform:scale(1.035)}.motion-surface:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),var(--motion-glow),transparent 65%);opacity:0;transition:opacity .3s}.motion-surface{position:relative}.motion-surface:hover:after{opacity:1}.motion-nav{position:relative}.motion-nav:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.motion-nav:hover:after,.motion-nav:focus-visible:after{transform:scaleX(1)}body[data-concept=northline] .brand>span{display:inline-block;transition:transform .4s}body[data-concept=northline] .brand:hover>span{transform:rotate(90deg)}.service,.barber-grid label,.dates label,.times label{transition:background-color .2s,border-color .2s,box-shadow .2s,translate .2s}.service:hover,.barber-grid label:hover,.dates label:hover,.times label:hover{translate:0 -2px;box-shadow:0 4px 12px #0001}.photo-stamp{transition:rotate .5s}.shop-photo:hover .photo-stamp{rotate:-12deg}@media(max-width:700px){.menu.motion-surface{--tilt-base:1deg}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-button,.motion-button svg,.motion-surface,.motion-photo img,.motion-nav:after,.photo-stamp,.service,.barber-grid label,.dates label,.times label{transition:none!important}.motion-button:hover,.motion-button:active,.motion-photo:hover img,.service:hover,.barber-grid label:hover,.dates label:hover,.times label:hover{translate:none;transform:none}.motion-surface{transform:none!important}.motion-ripple{display:none}.shop-photo:hover .photo-stamp{rotate:none}body[data-concept=northline] .brand:hover>span{transform:none}}