/* chip morph | orange buttons */
.btn:not(.ghost):not(.df-btn)::before{content:"";position:absolute;right:7px;top:50%;width:32px;height:32px;border-radius:50%;background:var(--ink);transform:translateY(-50%) scale(0);transition:transform .55s cubic-bezier(.65,0,.35,1);z-index:-1}
.btn:not(.ghost):not(.df-btn):hover::before{transform:translateY(-50%) scale(20)}
.btn:not(.ghost):not(.df-btn) svg{transition:transform .35s cubic-bezier(.5,0,.2,1)}
.btn:not(.ghost):not(.df-btn):hover svg{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.btn,.btn::before,.btn svg{transition:none!important}}




.mail-pill{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,border-color .25s}
.mail-pill svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.mail-pill:hover{transform:translateY(-1.5px);background:#FFF4EF;border-color:rgba(240,83,28,.45);box-shadow:0 16px 34px -16px rgba(240,83,28,.45)}
.mail-pill:hover svg{transform:translateY(-1px) rotate(-7deg)}


/* reactive bold headline */
.wordmark-wrap{position:relative}
.hero .wordmark{font-family:'Archivo',var(--display),sans-serif;font-weight:800;letter-spacing:-.01em;word-spacing:normal;font-variation-settings:normal;padding:8px 26px}
.wm-sm{display:block;font-size:clamp(20px,3vw,38px);font-weight:600;font-variation-settings:'wght' 600,'wdth' 100;letter-spacing:.004em;line-height:1;color:var(--ink-soft);margin-bottom:.04em}
.wm-big{display:block;white-space:nowrap;font-size:clamp(58px,15.4vw,208px);line-height:.84;letter-spacing:-.02em;color:var(--ink)}
.wm-big .rl{display:inline-block;font-weight:900;font-variation-settings:'wght' 900,'wdth' 100;will-change:font-variation-settings}
.wm-big .pd{color:var(--brand)}
.wm-spec{position:absolute;top:-4px;right:3%;z-index:6;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:5px 11px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--ink);box-shadow:0 10px 24px -14px rgba(20,32,43,.4);white-space:nowrap}
.wm-spec .sd{width:8px;height:8px;border-radius:50%;background:var(--tool);box-shadow:0 0 0 3px rgba(13,153,255,.18)}
.wm-spec b{color:var(--tool);font-variant-numeric:tabular-nums}
@media(max-width:820px){.wm-spec{display:none}}