.quiet-letter-label{white-space:nowrap;display:inline-block}.quiet-letter{display:inline-block;white-space:pre;transform:translate(0,0) rotate(0);transition:transform 450ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){summary:hover .quiet-letter,.story-close:hover .quiet-letter,.next-project:hover .quiet-letter,.scroll-cue:hover .quiet-letter{transform:translate(var(--spread),var(--lift)) rotate(var(--turn));animation:quiet-letter-sway 680ms ease-in-out var(--delay) both}}
@keyframes quiet-letter-sway{0%{transform:translate(0,0) rotate(0)}40%{transform:translate(var(--spread),calc(var(--lift)*-1)) rotate(calc(var(--turn)*-1))}75%{transform:translate(var(--spread),var(--lift)) rotate(var(--turn))}100%{transform:translate(var(--spread),0) rotate(0)}}
.story-disclosure>summary i::after,.story-close i::after{background:currentColor}
@media(prefers-reduced-motion:reduce){.quiet-letter{animation:none!important;transition:none;transform:none!important}}
.story-disclosure>summary,.story-close{color:#000}
.story-disclosure>summary i::after,.story-close i::after{background:#000}
.works-explore{display:inline-flex;align-items:center;gap:24px;border:0;text-decoration:none;color:#000;min-height:44px}
.works-explore span{margin-left:0}
.works-explore i{display:block;position:relative;width:48px;height:1px;overflow:hidden;background:transparent;flex-shrink:0}
.works-explore i::after{content:'';position:absolute;inset:0;background:currentColor;animation:works-explore-line 2.4s var(--ease,cubic-bezier(.22,1,.36,1)) infinite}
@keyframes works-explore-line{0%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(hover:hover) and (pointer:fine){.works-explore:hover .quiet-letter{animation:quiet-letter-sway 680ms ease-in-out var(--delay) both}}
@media(prefers-reduced-motion:reduce){.works-explore i::after{animation:none;transform:none}}