/* Public studio identity. Keep the mascot's cream face opaque in both themes. */
body a.brand.studio-mascot-brand{display:inline-flex;align-items:center;flex-direction:column;gap:2px;flex-shrink:0;max-width:100%;text-decoration:none;line-height:1.1;letter-spacing:-1px;font:600 28px/1.1 Georgia,serif;color:#174844;white-space:nowrap}
body a.brand.studio-mascot-brand .studio-mascot{display:block;width:150px;height:100px;object-fit:contain;flex-shrink:0;mix-blend-mode:normal;filter:none;border:0;border-radius:0;background:transparent;margin:0}
body a.brand.studio-mascot-brand .studio-wordmark{display:inline;width:auto;height:auto;padding:0;background:none;border-radius:0;color:#174844;font:inherit;letter-spacing:-1px}
body a.brand.studio-mascot-brand .studio-wordmark-accent{display:inline;width:auto;height:auto;padding:0;background:none;border-radius:0;color:#ae492c;font:inherit}
:root[data-site-theme=dark] body a.brand.studio-mascot-brand .studio-wordmark{color:#f3efdf}
:root[data-site-theme=dark] body a.brand.studio-mascot-brand .studio-wordmark-accent{color:#f3af8d}
body a.brand.studio-mascot-brand:focus-visible{outline:3px solid #b76836;outline-offset:5px;border-radius:8px}
@media(max-width:760px){body a.brand.studio-mascot-brand{font-size:25px;gap:2px}body a.brand.studio-mascot-brand .studio-mascot{width:126px;height:84px}}
@media(max-width:360px){body a.brand.studio-mascot-brand{font-size:23px;gap:2px}body a.brand.studio-mascot-brand .studio-mascot{width:120px;height:80px}}

/* A fine warm silhouette keeps the beak and crown legible on dark paper. */
:root[data-site-theme=dark] body a.brand.studio-mascot-brand .studio-mascot{filter:drop-shadow(0 0 .7px #fff3d8) drop-shadow(0 0 .7px #fff3d8)}