/* Motion never changes the work-row geometry. */
.accordion details,.faq details,details.fit{overflow:hidden}
.accordion-body{display:flow-root}
.accordion summary b{transition:transform .68s cubic-bezier(.22,1,.36,1),color .5s}
.accordion details[open] summary b{transform:none}
.accordion details[data-expanded="true"] summary b{transform:rotate(45deg)}
.accordion summary{transition:color .5s}
.accordion summary:hover,.accordion details[data-expanded="true"] summary{color:var(--accent)}
.work-row{position:relative;isolation:isolate;transition:none}
.work-row:hover{padding-left:0}
.work-row:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 85%);opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1)}
.work-row:after{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.work-row h3{transition:color .65s cubic-bezier(.22,1,.36,1)}
.work-row .arrow{transition:transform .65s cubic-bezier(.22,1,.36,1),color .65s;transform-origin:center}
.work-row:is(:hover,:focus-visible):before{opacity:1}
.work-row:is(:hover,:focus-visible):after{transform:scaleX(1)}
.work-row:is(:hover,:focus-visible) h3,.work-row:is(:hover,:focus-visible) .arrow{color:var(--accent)}
.work-row:is(:hover,:focus-visible) .arrow{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.work-row:before,.work-row:after,.work-row h3,.work-row .arrow,.accordion summary b{transition:none}.work-row .arrow{transform:none!important}}