@media(hover:hover) and (pointer:fine){
:where(a,button,summary,h1,h2,h3,main p,main .kicker,main .tags,figcaption){transition:translate .35s cubic-bezier(.22,1,.36,1),filter .35s,color .3s,box-shadow .35s}
:where(h1,h2,h3,main p,main .kicker,main .tags,figcaption):hover{translate:2px -2px;filter:brightness(1.08)}
:where(a,button,summary):hover{translate:0 -3px}
:where(a,button):hover img{filter:brightness(1.06)}
.hover-surface{transition:translate .4s cubic-bezier(.22,1,.36,1),rotate .45s,box-shadow .4s}
.hover-surface:hover{translate:var(--hover-x,0px) var(--hover-y,-5px);rotate:var(--hover-angle,0deg);box-shadow:0 18px 42px #0002}
.hero-email:hover{filter:brightness(1.04)}
:where(.brand,.folio-header a,footer a):hover{filter:brightness(1.12)}
}
@media(prefers-reduced-motion:reduce){:where(a,button,summary,h1,h2,h3,main p,main .kicker,main .tags,figcaption,.hover-surface):hover{translate:none!important;rotate:none!important;filter:none}}