/* Original logo viewports and motion. The 1.05s assembly has a 4.45s still hold. */
.work-art.art-fixabl{display:grid;place-items:center;container-type:size;background:linear-gradient(120deg,#2b3990 12%,#655079 60%,#f26522);border-radius:inherit}
.art-fixabl .fixabl-logo-stage{display:block;position:relative;width:78%;aspect-ratio:2435/653}
.art-fixabl .fixabl-resting{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:none!important;transition:none!important}
.fixabl-assembly{display:none;position:absolute;inset:0;pointer-events:none}
.fixabl-piece{position:absolute;top:0;height:100%;overflow:hidden;transform-box:fill-box;animation-duration:5.5s;animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:var(--art-play-state,paused)}
.fixabl-piece-f{left:0;width:16.221766%;transform-origin:center;animation-name:fixabl-f;animation-timing-function:cubic-bezier(.18,.8,.25,1)}
.fixabl-piece-i{left:16.221766%;width:8.778234%;transform-origin:center;animation-name:fixabl-i;animation-timing-function:ease}
.fixabl-piece-x{left:25%;width:22%;transform-origin:50% 64%;animation-name:fixabl-x;animation-timing-function:cubic-bezier(.2,.75,.25,1)}
.fixabl-piece-rest{left:47%;width:53%;animation-name:fixabl-word;animation-timing-function:cubic-bezier(.25,.75,.25,1)}
.portfolio-motion-running .art-fixabl[data-motion-visible=true] .fixabl-resting{visibility:hidden}
.portfolio-motion-running .art-fixabl[data-motion-visible=true] .fixabl-assembly{display:block}
@keyframes fixabl-x{0%{opacity:.25;transform:rotate(-90deg) scale(.78)}3.436%{opacity:1}7.636%{transform:rotate(-8deg) scale(.97)}11.455%,100%{opacity:1;transform:rotate(0) scale(1)}}
@keyframes fixabl-f{0%,2.864%{opacity:0;transform:translateX(200%) scale(.8)}4.773%{opacity:1}11.836%{transform:translateX(4%) scale(1)}14.891%,100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes fixabl-i{0%,8.018%{opacity:0;transform:translateX(35%)}13.745%,100%{opacity:1;transform:translateX(0)}}
@keyframes fixabl-word{0%,6.109%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-12%)}8.591%{opacity:1}17.182%,100%{opacity:1;clip-path:inset(0);transform:translateX(0)}}
.fixabl-title{display:inline-block;width:clamp(140px,25vw,320px);line-height:0;vertical-align:middle}
.fixabl-title img{display:block;width:100%;height:auto;object-fit:contain;max-width:none}
.fixabl-title--card{width:112px;max-width:100%}
.work-grid.index .art-fixabl{--art-play-state:paused!important}
.work-grid.index .art-fixabl .fixabl-resting{visibility:visible!important}
.work-grid.index .art-fixabl .fixabl-assembly{display:none!important}
@media(prefers-reduced-motion:reduce){.art-fixabl .fixabl-resting{visibility:visible!important}.art-fixabl .fixabl-assembly{display:none!important}.fixabl-piece{animation:none!important}}
@media print{.art-fixabl .fixabl-resting{visibility:visible!important}.art-fixabl .fixabl-assembly{display:none!important}}
