/* motion: short, once, respects reduced motion */
@media (prefers-reduced-motion:no-preference){
 .h1w{display:inline-block;opacity:0;transform:translateY(16px);animation:rise .55s cubic-bezier(.2,.7,.2,1) forwards}
 .hero .portrait,.phero .portrait,.hero .caption,.phero .caption{opacity:0;animation:fade .6s ease-out .45s forwards}
 html.mdone .h1w,html.mdone .hero .portrait,html.mdone .phero .portrait,html.mdone .hero .caption,html.mdone .phero .caption{opacity:1;transform:none;animation:none}
 @keyframes rise{to{opacity:1;transform:none}}
 @keyframes fade{to{opacity:1}}
 .sig{background-image:linear-gradient(var(--ember),var(--ember));background-repeat:no-repeat;background-size:0% 2px;background-position:0 100%;padding-bottom:2px;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}
 .sig.on{background-size:100% 2px}
 .pill{transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}
 .pill:hover{transform:translateY(-2px)}
 .pill.ember:hover{background:#D9561A}
 .pill.ink:hover{background:#2B2A28}
 .band.ink .pill.ink:hover{background:#2B2A28}
 .card{transition:transform .15s ease,border-color .15s ease}
 .card:hover{transform:translateY(-3px);border-color:#C9C3B9}
 .nav ul a{position:relative;padding-bottom:6px}
 .nav ul a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
 .nav ul a:hover::after,.nav ul a.on::after{transform:scaleX(1)}
 .nav ul a.on{text-decoration:none}
}
.vid{position:relative}
.vid video{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}