/* Motion belongs to navigation and artwork, leaving the hero still. */
.site-header nav a{position:relative;display:inline-flex;align-items:center;min-height:44px}
.site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.round-link span,.shop-button span{display:inline-block;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.round-link:hover span,.shop-button:hover span{transform:translate(3px,-3px)}
.shop-button,.social-links a{transition:background .3s,color .3s,transform .3s,border-color .3s}
.shop-button:active,.social-links a:active{transform:scale(.98)}
.gallery figure:hover{transform:none}.art-frame{position:relative}.art-frame::after{content:none;position:absolute;right:14px;bottom:14px;background:#17172d;color:white;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;opacity:0;transform:translateY(8px);transition:transform .3s,opacity .3s}
.art-frame:hover::after,.art-frame:focus-visible::after{opacity:1;transform:translateY(0)}.art-frame img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.gallery figure:hover img{transform:scale(1.035)}.art-dialog{background:transparent;box-shadow:none}.art-dialog-inner{background:#17172d}.art-dialog[open]::backdrop{animation:backdrop-in .35s ease both}.art-dialog.is-closing::backdrop{animation:backdrop-out .22s ease both}.art-dialog-bar button,.art-dialog-close{transition:transform .25s,background .25s}.art-dialog-bar button:hover{transform:translateX(2px)}.art-dialog-bar .art-dialog-prev:hover{transform:translateX(-2px)}.art-dialog-close:hover{background:#f475a0}
@keyframes backdrop-in{from{background:rgba(12,12,26,0)}to{background:rgba(12,12,26,.85)}}
@keyframes backdrop-out{from{background:rgba(12,12,26,.85)}to{background:rgba(12,12,26,0)}}
::view-transition-old(root){animation:page-out .3s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:page-in .45s cubic-bezier(.22,1,.36,1) both}
@keyframes page-out{to{opacity:0;transform:translateY(-28px)}}
@keyframes page-in{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;gap:4px 18px;padding:12px 20px}.site-header nav{gap:15px;flex-wrap:wrap}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:inline-flex}.art-frame::after{width:32px;height:32px;font-size:19px;right:10px;bottom:10px;opacity:1;transform:none}}
.art-dialog-inner{background:transparent}.art-dialog-image{width:auto;max-width:100%;flex-shrink:0;transform-origin:center;box-shadow:0 20px 65px #0003}.art-dialog-bar{min-height:56px}.art-dialog[open]::backdrop{animation-duration:.6s}.art-dialog.is-closing::backdrop{animation-duration:.46s}.art-dialog.is-closing .art-dialog-bar,.art-dialog.is-closing .art-dialog-close{opacity:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}