/* Two aligned lines, one playful signature: DESIGN BY / CHANDLER. */
.footer-signature{overflow:hidden;overflow:clip;padding:36px 22px 20px;background:var(--plum);color:var(--marigold)}
.signature-scene{width:100%;max-width:1396px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:0}
.signature-row{display:block;width:100%;max-width:1180px;height:auto;overflow:hidden;overflow:clip;fill:currentColor}
.signature-first{margin-bottom:-15px}
.signature-letter{transform-box:fill-box;transform-origin:50% 100%}
.type-pop-ready .signature-letter{transform:translateY(180px)}
.type-pop-ready.is-playing .signature-letter{animation:signature-letter-pop .94s cubic-bezier(.17,.67,.3,1.16) var(--pop-delay,0s) both}
@keyframes signature-letter-pop{from{transform:translateY(180px) rotate(4deg)}to{transform:translateY(0) rotate(0deg)}}

/* The marigold introduction uses the same stagger and soft overshoot. */
.hero-word{display:inline-block;overflow:hidden;overflow:clip;vertical-align:bottom;padding:.08em .025em .12em;margin:-.08em -.025em -.12em;white-space:nowrap}
.hero-letter{display:inline-block;transform-origin:50% 100%}
.hero h1 .hero-word{font:inherit;letter-spacing:inherit}
.hero h1 em.hero-word{color:var(--rust);font-style:normal}
.type-pop-ready .hero-letter{transform:translateY(125%)}
.type-pop-ready.is-playing .hero-letter{animation:hero-letter-pop .85s cubic-bezier(.17,.67,.3,1.12) var(--pop-delay,0s) both}
.type-pop-ready.is-playing .eyebrow{animation:hero-small-pop .7s cubic-bezier(.22,1,.36,1) both}
.type-pop-ready.is-playing .intro{animation:hero-small-pop .85s cubic-bezier(.17,.67,.3,1.1) .24s both}
@keyframes hero-letter-pop{from{transform:translateY(125%) rotate(4deg)}to{transform:translateY(0) rotate(0deg)}}
@keyframes hero-small-pop{from{translate:0 20px}to{translate:0 0}}

/* Background browser throttling and keyboard navigation must never hide the type. */
.type-pop-paused .signature-letter,.type-pop-paused .hero-letter{animation:none!important;transform:none!important}
.type-pop-paused .eyebrow,.type-pop-paused .intro{animation:none!important;translate:none!important}
@media(max-width:700px){
 .footer-signature{padding:28px 12px 12px}
 .signature-first{margin-bottom:-6px}
}
@media(prefers-reduced-motion:reduce),print{
 .type-pop-ready .signature-letter,.type-pop-ready .hero-letter{animation:none!important;transform:none!important}
 .type-pop-ready .eyebrow,.type-pop-ready .intro{animation:none!important;translate:none!important}
}