/* ============================================================================ ALDEX SIGNATURE · v1 The studio signature that appears at the foot of every Aldex-built site. Self-contained on purpose: the two brand faces (Playfair Display 400 for the ALDEX wordmark, Jost 300 for the label) are subset to just the glyphs this phrase needs and inlined, so dropping this file into a project adds no network requests, no font-loading flash, and no asset paths to get wrong. The mark is the real approved monogram, applied as a mask so it takes `currentColor`. That is what lets one signature sit correctly in a black footer, an ivory one, or an espresso one without ever being recoloured by hand — and without a light-background gold violation. Namespaced `aldex-` throughout. It inherits colour and nothing else. Markup: Crafted by ALDEX The mark is decorative — the link's own text already says "Crafted by ALDEX", so labelling the monogram too would make a screen reader announce the studio twice. ============================================================================ */ @font-face { font-family: "Aldex Sig Serif"; src: url(data:font/woff2;base64,d09GMgABAAAAAAeEABAAAAAADgwAAAcnAAEz+AAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbgw4cKgZgP1NUQVRIAHQRCAqMYIoLATYCJAMwCxoABCAFhTgHIAwHG4ULUVSSshD8WKh4RqKP46YqyxYi03lw4djmB/HQ/37/2zP3vPdd0kfEm3gls+imlaZaKtE0Ua3RCUX8HNCm3n/9iZDmH0YUIupQixtNiYjC5jBJ0/pi7kUmIlWpp3yL9vvVt/97EgOaS4gkIoRMafgxuCYTSTRrhEQW0+pRu1n3TGiEVNCkTUSsXIpa/tuZCPQCUgg9QqDbXGbQ7SzPQJA5zM5NBxkF3o0qhzjZ6XCSWE/RtVKj1ygliMRkXniSrmOctpu2+UxY8XBeIERb/pM0daduqVV/1l3vjas8jY76g850ek+9L2w8ROku7kP0P/1Pj6r3KgjD8+JKSv1OSxDTVX8SZj6WjqPP7rz7OrWp/0i4rM/0XB+r93hC/bv+qQ+o2SnF/FlXPi5k/4rUygwdmloWEDXuqUyKBD13xfV8OuK3gmjLl9wYlVrk5QwFsC8/lDgAeFhIOA+72rn/LMArmFFY7GqLcsEfVC8z3wXMjNBip8To1MyFnktIzEWA341+HJEWilFHkBFxk3yGRsjo7x9ZCxJEXnXUQZDXZOEZrpg8hWLjSFU4X6gVegguvc83f9dX9UUdrz21pTbVmlolJByFqG9gAHpVTPZbBXI+yFu0tmXn3EeIpoQfR2t+UR2w77zZaWMVKmEnjStr0VQoREpUzQQBrasYX6iBrHWZhVNDq+s7RjSr1jWMI21zxjECQRhIKaYIRMAVCl3/1VYHPDZWhxzh1Y5aIS0i6zEJjd8NKLeHJJBIEJ5YXFAtBG4NgTWKNzGMP1yNxNaMkOy3hpBuAlekvCrG+Hyh0IKXMiISCcCfCeVxEYzHQ0LqG4DbwMBuN85iiGCqrk4xBYbDwW3NSdTNkBaRNWUM8NtpSR0dmnB9dOgTCNoUkjs7tZBrI9AEYbxr15DA+foJSzN8lD/rjewZp0DztkEg7zYSstQ0aYW0jEgu0FgQf3MQ4S3tSbamEITXO4rxl3VaOoDbjvF7EV6XdpuEJNjQ7RAByr1FErRRac3jGH+yF+kWqgj2jJGb4+vr/cCdKTmajiFBKyWvxjFeL4a0aPOtBQpEDLx2F+MLg7iiA09fEkIIhQXEYoQnkax9PikF6SbxopEWSFytBtRPtASpxprV+2GVkqPcCRK0iucaNYX04b4QMoLD4TpdlHh+kLS7mmv1NORTxgk0HXz9uqroqut0V6+C2/qD3F9D7+Kmlcra7uCKM2bNJu6+7Fl6Eiz7yQ/4wLwCjf4jbnFV6q+ooyfL2nG9K2C3NNQz2JYW2NgQliMr50JRb/9nyekPadzVHDQg4y7uKNBDEIbRgMVDiwWjtAJv4xtpmRZVhWdBackMdZU7Tcao4YSHp2WAmt6g5l2NIT21c84uDCXP465UPUN5lGXJqAAzCtMH/MClg9P0Ax9gUoxyoSwAcBgDHO68Y0Oi0RRtqM7dLAOcofcskgE6SzjZwBhe4yY9uTPuVCNzYx/uiLa6BwIPlgizQHGevUGVHzH/k4KOL2pSYX5KVMI0eCf2f3mfpnsG9Q8CB08oHrXUfVyJ75u4qEvT5n/Ef4ka/yYA/zl6vP5/CIOsDsuJ/EqcnhkrpzAAncd1Z3/XNPjgHovyUEB10hPUKtA+OaY+R6O9pCk3UxXqHDPOUox0qxg3ZD1MKLRfySTbr+p9AunKAVoq3ef12xjvcZb7xcEy93R0+kDFndxkiOkTP6kqM0OaDJ8bEPdVlFlTTww8dRc3vmzRsfcugnI/leRlAz33M8eZMycu+PoxnSLtTQoiIpwK4+1Blhx6MTmLjaJkef8GNSNWxPE4dRX50x76bJaZlor/10et65UvaJmdjXe1yvUMtS7neABpiTykZ6hLgAeqrsZEgdA11LMfwrrhDkrIX67D3j15VZ2ofBtXZaF3CbyqV5U7ZMtdyyp5OhPVewkOXuCfctkwXw2Hylgy1eUezvh0uLAdZyxmZteCgwN4pUaPvWuKVzKoVAiuABCINT8z2myJkXX4drJpvsJnZZ4AfHFp/PrRG9nytHyAtgTBZ+H7HpK89utFSCzUm6s5ZP6b+cHiZLvk+XsVAznuW5BMMInnlocKSp4w5hkCvR7ocEGbi6Kv1OOyRpQuYi4oMwkzoWGS+mO7SWNr+JsUK+OqSct0LBu3LY/vbAS92dsmeCHRVy+cPJh+3TmXuwyZimRLkiBRLjozJkxZowusIU66r1RseOV4bEmy0XlIkiNTcwcrZ8uQjCOOVd5VnlyJMrTMHHQ6fbBc4VQ57BgzliAJnCjPRUbiZEjTEUdmeTDj6HEJOJyOjUfilGFxXQboCtiZdP44LEW2fHZJM2DJkB5D560ibX7dU7MHpsYIhf+YkRdmZjNltJIG5uyxej3L3mrI6sCQ1MxVb0gWELxaSJppG/pIWrL/pBCc08DOpWPYUrW4OP57VIgt3REJt2q1UQUfxZv3HpZPAAAAAA==) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Aldex Sig Sans"; src: url(data:font/woff2;base64,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) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } .aldex-sig { /* One knob. Everything below is in em, so setting this resizes the whole signature optically rather than component-by-component. */ --aldex-sig-size: 0.75rem; --aldex-sig-rest: 0.72; /* resting opacity — kept high enough that the label still clears AA on an ivory footer */ --aldex-sig-ease: cubic-bezier(0.22, 1, 0.36, 1); display: inline-flex; align-items: center; gap: 0.78em; font-size: var(--aldex-sig-size); line-height: 1; color: inherit; text-decoration: none; opacity: var(--aldex-sig-rest); transition: opacity 0.5s var(--aldex-sig-ease); -webkit-tap-highlight-color: transparent; } .aldex-sig:link, .aldex-sig:visited { color: inherit; } .aldex-sig:hover, .aldex-sig:focus-visible { opacity: 1; } .aldex-sig:focus-visible { outline: 1px solid currentColor; outline-offset: 6px; border-radius: 2px; } /* The monogram. 1.0435 is the true ratio of the approved mark, trimmed to its own ink — never round it, and never set width and height independently. */ .aldex-sig__mark { flex: none; width: calc(1.7em * 1.0435); height: 1.7em; background-color: currentColor; -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAQAAADE11LnAAADJklEQVR42rWXP6gURxzHv7NzF31GQwRRLLQwAVEw/kHUQgRBjaiQwkKMEINWkhCUiFqIYmshKogoVio+I4iNKYJYiIRAkiKQpLHQoBEFQcE/j3vvduZjcXu+u93Z21l87lTH7cz3+9nv7G9+KxQ1EsRRPseQRM7IRtxtBsNMxjiOsB9CoIE4Brxibl2GWP+f8AQPnK7LEOt/L9DGM1I3hzj/Q9zH42gDF+oxxPn/FkgBj6PF/DoMMf4b/I0nhUzmSh2GqhssYlu2MBnDKIuzN2NCCJr88c5/l+HmRAkkiCWAp/dyeFZg4h5Tlf+Ej/mrj6DD8HNsDjEZbO3JYJxhZZxEXJn7NSeRArficqgWsIiNBYYUWBvDEFeqE34LMNyNeeFiBCxiU5BhXTVD/HFzN8iQTIyARXwJuALDV1UMij4yDXcCDL9X5RArYBHrgwybBzPEn00J4naQoTGIIV7AIlYHGbZnp8Z7CnQYfskxODz/MokE8/4CFrECF2DYVZ5DrR4Hi7gRYLjH5DKG+gLLSQMMu8tyKH/a5f/cANo5hv+Yigkx1CPoMCyjjes75VLghzBDaJEm28r2RCYxHGB4wJQQQ3G64QtGWV5aAhIMi2gFGL5DNKsFxFng6oACYBGXA3vpIdOKe6nobj4tUlJWDmRYSAtfYPixmEPR2zmgBVyvYDgXyOExn+ZzyDuby0s8DscYCwcyfMbrQA778rbybe6RzFcKXKtgOB9kmNbP0N/mTuURHpf1oClLS/u3TlojgRwO9tvq93+gZ2+0gZ8qGM7k9pLH85TpvQz9TeL/mf9uHz3GgoEMc3gZYDjcu5d6/e/J+WlXfAtYxKlADs+Yje0yjPufweMe/10Gx6pSiQTDPF4HGC6OM3Srj7hUaK06v/+kSaOkNlnEyWBLtqVbNrrL7wws3/tMm6UMs3ieY3A4XrC0M0sYxAZatElxhZEySputpWeERZwARt/d77Kv0UcsQBgxxPdUX9tJghKdt/9NcE6Lr5ls2KFv1FJTRkZeklEiKy/kZNVUIqcRGR3SP0rklb8See3XGiHk5GT1kRqSUhkZDb8FBkOgo/F9xdkAAAAASUVORK5CYII=) no-repeat center / contain; mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAQAAADE11LnAAADJklEQVR42rWXP6gURxzHv7NzF31GQwRRLLQwAVEw/kHUQgRBjaiQwkKMEINWkhCUiFqIYmshKogoVio+I4iNKYJYiIRAkiKQpLHQoBEFQcE/j3vvduZjcXu+u93Z21l87lTH7cz3+9nv7G9+KxQ1EsRRPseQRM7IRtxtBsNMxjiOsB9CoIE4Brxibl2GWP+f8AQPnK7LEOt/L9DGM1I3hzj/Q9zH42gDF+oxxPn/FkgBj6PF/DoMMf4b/I0nhUzmSh2GqhssYlu2MBnDKIuzN2NCCJr88c5/l+HmRAkkiCWAp/dyeFZg4h5Tlf+Ej/mrj6DD8HNsDjEZbO3JYJxhZZxEXJn7NSeRArficqgWsIiNBYYUWBvDEFeqE34LMNyNeeFiBCxiU5BhXTVD/HFzN8iQTIyARXwJuALDV1UMij4yDXcCDL9X5RArYBHrgwybBzPEn00J4naQoTGIIV7AIlYHGbZnp8Z7CnQYfskxODz/MokE8/4CFrECF2DYVZ5DrR4Hi7gRYLjH5DKG+gLLSQMMu8tyKH/a5f/cANo5hv+Yigkx1CPoMCyjjes75VLghzBDaJEm28r2RCYxHGB4wJQQQ3G64QtGWV5aAhIMi2gFGL5DNKsFxFng6oACYBGXA3vpIdOKe6nobj4tUlJWDmRYSAtfYPixmEPR2zmgBVyvYDgXyOExn+ZzyDuby0s8DscYCwcyfMbrQA778rbybe6RzFcKXKtgOB9kmNbP0N/mTuURHpf1oClLS/u3TlojgRwO9tvq93+gZ2+0gZ8qGM7k9pLH85TpvQz9TeL/mf9uHz3GgoEMc3gZYDjcu5d6/e/J+WlXfAtYxKlADs+Yje0yjPufweMe/10Gx6pSiQTDPF4HGC6OM3Srj7hUaK06v/+kSaOkNlnEyWBLtqVbNrrL7wws3/tMm6UMs3ieY3A4XrC0M0sYxAZatElxhZEySputpWeERZwARt/d77Kv0UcsQBgxxPdUX9tJghKdt/9NcE6Lr5ls2KFv1FJTRkZeklEiKy/kZNVUIqcRGR3SP0rklb8See3XGiHk5GT1kRqSUhkZDb8FBkOgo/F9xdkAAAAASUVORK5CYII=) no-repeat center / contain; } /* Fallback for the handful of engines without mask support: draw the mark as a plain image instead. It loses colour inheritance, so it is deliberately the white ink — every footer this ships into is dark or mid-toned. */ @supports not ((-webkit-mask-image: url("")) or (mask-image: url(""))) { .aldex-sig__mark { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAQAAADE11LnAAADJklEQVR42rWXP6gURxzHv7NzF31GQwRRLLQwAVEw/kHUQgRBjaiQwkKMEINWkhCUiFqIYmshKogoVio+I4iNKYJYiIRAkiKQpLHQoBEFQcE/j3vvduZjcXu+u93Z21l87lTH7cz3+9nv7G9+KxQ1EsRRPseQRM7IRtxtBsNMxjiOsB9CoIE4Brxibl2GWP+f8AQPnK7LEOt/L9DGM1I3hzj/Q9zH42gDF+oxxPn/FkgBj6PF/DoMMf4b/I0nhUzmSh2GqhssYlu2MBnDKIuzN2NCCJr88c5/l+HmRAkkiCWAp/dyeFZg4h5Tlf+Ej/mrj6DD8HNsDjEZbO3JYJxhZZxEXJn7NSeRArficqgWsIiNBYYUWBvDEFeqE34LMNyNeeFiBCxiU5BhXTVD/HFzN8iQTIyARXwJuALDV1UMij4yDXcCDL9X5RArYBHrgwybBzPEn00J4naQoTGIIV7AIlYHGbZnp8Z7CnQYfskxODz/MokE8/4CFrECF2DYVZ5DrR4Hi7gRYLjH5DKG+gLLSQMMu8tyKH/a5f/cANo5hv+Yigkx1CPoMCyjjes75VLghzBDaJEm28r2RCYxHGB4wJQQQ3G64QtGWV5aAhIMi2gFGL5DNKsFxFng6oACYBGXA3vpIdOKe6nobj4tUlJWDmRYSAtfYPixmEPR2zmgBVyvYDgXyOExn+ZzyDuby0s8DscYCwcyfMbrQA778rbybe6RzFcKXKtgOB9kmNbP0N/mTuURHpf1oClLS/u3TlojgRwO9tvq93+gZ2+0gZ8qGM7k9pLH85TpvQz9TeL/mf9uHz3GgoEMc3gZYDjcu5d6/e/J+WlXfAtYxKlADs+Yje0yjPufweMe/10Gx6pSiQTDPF4HGC6OM3Srj7hUaK06v/+kSaOkNlnEyWBLtqVbNrrL7wws3/tMm6UMs3ieY3A4XrC0M0sYxAZatElxhZEySputpWeERZwARt/d77Kv0UcsQBgxxPdUX9tJghKdt/9NcE6Lr5ls2KFv1FJTRkZeklEiKy/kZNVUIqcRGR3SP0rklb8See3XGiHk5GT1kRqSUhkZDb8FBkOgo/F9xdkAAAAASUVORK5CYII=) no-repeat center / contain; } } .aldex-sig__pre { font-family: "Aldex Sig Sans", ui-sans-serif, sans-serif; font-weight: 300; font-size: 0.78em; letter-spacing: 0.2em; text-transform: uppercase; /* Sits a touch quieter than the name: the studio is the signature, the phrasing is only the frame around it. */ opacity: 0.78; margin-right: -0.2em; /* absorb the trailing tracking space */ } .aldex-sig__name { position: relative; font-family: "Aldex Sig Serif", ui-serif, Georgia, serif; font-weight: 400; font-size: 1.12em; letter-spacing: 0.26em; margin-right: -0.26em; white-space: nowrap; } /* The one motion: a hairline draws under the wordmark, the way a signature is finished. Nothing moves, nothing scales, nothing glows. */ .aldex-sig__name::after { content: ""; position: absolute; left: 0; right: 0.26em; bottom: -0.42em; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.6s var(--aldex-sig-ease); } .aldex-sig:hover .aldex-sig__name::after, .aldex-sig:focus-visible .aldex-sig__name::after { transform: scaleX(1); } /* The line the signature usually sits on: centred, and set well clear of the client's own copyright so the two never read as one block. */ .aldex-sig-row { display: flex; justify-content: center; margin-top: 1.75rem; } /* Phones: one step down, and the signature centres itself in whatever row it is given so it never collides with legal text or social icons. */ @media (max-width: 640px) { .aldex-sig { --aldex-sig-size: 0.6875rem; gap: 0.7em; } } /* Keep the opacity fade (not a vestibular trigger); drop the drawn line. */ @media (prefers-reduced-motion: reduce) { .aldex-sig__name::after { transition: none; } }