.fx-progress{position:fixed;inset:0 0 auto;height:3px;background:#d9b56e;z-index:200;transform:scaleX(0);transform-origin:left;pointer-events:none}
.fx-word-mask{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em;color:inherit!important}.fx-word-enter{display:inline-block;color:inherit!important;animation:fx-word-up .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay)}
@keyframes fx-word-up{from{transform:translateY(110%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}
.intro h2 .fx-read-word{color:inherit;transition:opacity .18s linear}.effects-on .hero-art{animation:art-in 1.7s cubic-bezier(.16,1,.3,1) both,fx-float 6s ease-in-out 1.7s infinite}.effects-on .latest-sticker{animation:fx-sticker 5s ease-in-out 2s infinite}
@keyframes fx-float{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes fx-sticker{0%,100%{translate:0 0}50%{translate:0 -9px}}
.effects-on .menu-dialog[open]{animation:fx-menu .65s cubic-bezier(.16,1,.3,1) both}.effects-on .menu-dialog[open] nav a{animation:fx-word-up .8s cubic-bezier(.16,1,.3,1) both;animation-delay:.13s}.effects-on .menu-dialog[open] nav a:nth-child(2){animation-delay:.20s}.effects-on .menu-dialog[open] nav a:nth-child(3){animation-delay:.27s}.effects-on .menu-dialog[open] nav a:nth-child(4){animation-delay:.34s}
@keyframes fx-menu{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.effects-on .mobile-menu[open] nav{animation:fx-menu .4s cubic-bezier(.16,1,.3,1) both}.effects-on .fx-tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease,box-shadow .3s ease;will-change:auto}.effects-on .fx-tilt:hover{box-shadow:0 24px 60px #0003}
.content-grid section{position:relative;transition:background .3s;padding-right:40px}.content-grid section::after{content:attr(data-number);position:absolute;right:0;top:32px;font-size:12px;color:#d9b56e;opacity:.7}.content-grid h2{transition:translate .35s,color .35s}.content-grid section:hover h2{translate:8px 0;color:#d9b56e}.note svg,.round-arrow svg,.pill svg{transition:rotate .35s,translate .35s}.note:hover svg,.project:hover .round-arrow svg{rotate:45deg}.pill:hover svg{translate:3px 0}.footer-word span,.footer-name span{display:inline-block;transition:rotate .5s}.footer-word:hover span,.footer-name:hover span{rotate:45deg}
.fx-band{overflow:hidden;background:#081426;color:#d9b56e;padding:25px 0;border-block:1px solid #ffffff26}.fx-band-track{display:flex;width:max-content;animation:fx-band 32s linear infinite;font-size:clamp(38px,5vw,76px);font-weight:600;letter-spacing:-.04em;line-height:1.2}.fx-band-track span{white-space:nowrap;padding-right:35px}.fx-band:hover .fx-band-track{animation-play-state:paused}@keyframes fx-band{to{transform:translateX(-50%)}}
@media(max-width:620px){.content-grid section{padding-right:25px}.effects-on .hero-art{animation:art-in 1.7s cubic-bezier(.16,1,.3,1) both,fx-float 7s ease-in-out 1.7s infinite}}
@media(prefers-reduced-motion:reduce){.fx-word-enter,.fx-band-track,.hero-art,.latest-sticker{animation:none!important}.fx-read-word{opacity:1!important}.fx-progress{display:none}.fx-tilt{transform:none!important}.content-grid h2,.footer-word span,.footer-name span{transition:none}.content-grid section:hover h2{translate:none}.fx-band-track{font-size:clamp(24px,4vw,60px)}}