/* The original supplied mark, without an outer frame or halo. */
.emblem-interactive { position: relative; width: min(100%,clamp(290px,34vw,540px)); }
.emblem-stage { position: relative; width: 100%; aspect-ratio: 1; border: 0; border-radius: 0; background: transparent; }
.hero-emblem .emblem-fallback { width: 100%; height: 100%; }
.emblem-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; visibility: hidden; }
.emblem-interactive.is-ready .emblem-canvas { visibility: visible; }
.emblem-interactive.is-ready .emblem-fallback { display: none; }
.emblem-interactive.is-ready .emblem-stage { cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.emblem-interactive.is-dragging .emblem-stage { cursor: grabbing; }
/* Focus feedback belongs to the help text, never a ring around the mark. */
.emblem-stage, .emblem-stage:focus, .emblem-stage:focus-visible,
.emblem-canvas { outline: none; box-shadow: none; -webkit-tap-highlight-color: transparent; }
.emblem-stage:focus-visible + .emblem-controls #emblem-help { color: var(--champagne); text-decoration: underline; text-underline-offset: .3em; }
.emblem-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 1.5rem; color: #aaa08e; font-size: .875rem; line-height: 1.5; margin-top: .45rem; }
.emblem-controls p { margin: 0; }
.emblem-reset { color: var(--champagne); border: 0; background: none; padding: .65rem .15rem; min-height: 44px; font-size: .875rem; line-height: 1.5; text-decoration: underline; text-decoration-color: #6e5f44; text-underline-offset: 4px; }
.emblem-reset:hover { color: var(--ivory); text-decoration-color: currentColor; }
.emblem-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 900px) { .emblem-interactive { width: min(100%,360px); } }
@media (max-width: 600px) { .emblem-interactive { width: min(100%,72vw,300px); } }