/* Small, finite movements; all links also respond to keyboard focus. */
body .header .brand .brand-letter{display:inline-block;color:inherit}
body .header .brand .brand-dot{color:#879d6b}
body .button{transition:background .2s,transform .2s,box-shadow .2s}
body .product{transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
body .email{transition:color .2s,border-color .2s}
body .header nav a{position:relative;text-decoration:none}
body .header nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#627e63;transform:scaleX(0);transform-origin:left;transition:transform .2s}
body .header nav a:last-child::after{left:0;right:0}
body .header nav a[aria-current="location"]::after,body .header nav a:focus-visible::after{transform:scaleX(1)}
body .up,body .up-stage:is(:hover,:focus-visible,:active) .up{transform:rotate(-13deg);transition:none}
body .button:focus-visible{background:#233b40;box-shadow:0 6px 16px #344b501c;transform:translateY(-2px)}
body .button.secondary:focus-visible{background:#e4ebe2}
body .product:focus-within{transform:translateY(-3px);box-shadow:0 14px 30px #304b5015}
body .club:focus-within{background:#f4ecd7;border-color:#c7b68e}
body .lab:focus-within{background:#deebe4;border-color:#9db6a9}
body .email:focus-visible{color:#245e52;border-color:#245e52}
@media(hover:hover) and (pointer:fine){
 body .button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #344b501c}
 body .club:hover{background:#f4ecd7;border-color:#c7b68e}
 body .lab:hover{background:#deebe4;border-color:#9db6a9}
 body .email:hover{color:#245e52;border-color:#245e52;text-decoration:none}
 body .header nav a:hover::after{transform:scaleX(1)}
}
body .button:active{transform:translateY(1px) scale(.98);box-shadow:none}
body .email:active{color:#245e52}
@media(hover:none){body .product:hover{transform:none;box-shadow:none}body .button:hover{transform:none}body .button:active{transform:scale(.98)}}
@media(max-width:700px){body .header nav a:last-child::after{left:0;right:0}}
@media(prefers-reduced-motion:reduce){
 html:root{scroll-behavior:auto}
 body .up{animation:none}
 body .button,body .product,body .email,body .header nav a::after,body .up{transition:none!important}
 body .button:is(:hover,:focus-visible,:active),body .product:is(:hover,:focus-within){transform:none}
 body .up-stage:is(:hover,:focus-visible,:active) .up{transform:rotate(-13deg)}
}