.design-signature-wrap{margin:48px auto;max-width:320px}.design-signature,.design-signature-wrap{display:flex;flex-direction:column;align-items:center}.design-signature{width:100%;margin:0}.design-signature__tilt{display:block;border-radius:8px}.design-signature__tilt::part(tilt){border-radius:8px}.design-signature.is-hover-mode .design-signature__plaque{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.design-signature.is-hover-mode .design-signature__plaque:after{display:none}.design-signature.is-hover-mode.is-shown .design-signature__plaque{opacity:1;visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s}.design-signature__plaque{position:relative;width:100%;padding:28px 24px 24px;background:linear-gradient(135deg,#ecece9,#f5f4f1 35%,#e4e3df 65%,#efeeeb);border:1px solid hsla(0,0%,7%,.14);border-radius:8px;box-shadow:0 0 0 1px hsla(0,0%,7%,.03),0 2px 4px hsla(0,0%,7%,.04),0 8px 16px hsla(0,0%,7%,.06),0 32px 48px hsla(0,0%,7%,.04);text-align:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.design-signature__plaque:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 120% 100% at calc(var(--hover-tilt-x, .5) * 100%) calc(var(--hover-tilt-y, .5) * 100%),rgba(220,235,255,.85) 0,rgba(220,235,255,.35) 35%,rgba(220,235,255,0) 75%);mix-blend-mode:screen;opacity:calc(var(--hover-tilt-opacity, 0)*.85)}.design-signature__mark-top{padding-bottom:14px;border-bottom:1px solid hsla(0,0%,7%,.14);margin-bottom:18px;display:flex;align-items:center;justify-content:center}.design-signature__logo{height:18px;width:auto;display:block;filter:brightness(0)}.design-signature__heading{font-size:13px;color:#333;margin-bottom:14px}.design-signature__credits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.design-signature__credit{display:flex;flex-direction:column;align-items:center;gap:2px}.design-signature__name{font-family:var(--font-cedarville),cursive;font-size:24px;line-height:1.1;color:#1a1a1a;min-height:40px;display:flex;align-items:center;justify-content:center}.design-signature__role{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#666}.design-signature__signature{display:block;line-height:0}.design-signature__signature svg{height:60px;width:auto;max-width:240px;display:block;overflow:visible}.design-signature__signature-filled{height:48px;width:auto;max-width:220px}.design-signature__caption{margin-top:16px;font-size:12px;color:#888;letter-spacing:.02em}.design-signature__caption-link{color:inherit;text-decoration:underline;text-underline-offset:2px;-webkit-text-decoration-color:hsla(0,0%,7%,.25);text-decoration-color:hsla(0,0%,7%,.25);transition:color .2s ease}.design-signature__caption-link:hover{color:#1a1a1a}.design-signature__toggle{margin-top:18px;display:inline-flex;padding:3px;background:#ededed;border-radius:999px;gap:2px}.design-signature__toggle-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 14px;font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease}.design-signature__toggle-option:hover{color:#1a1a1a}.design-signature__toggle-option.is-active{background:#fff;color:#1a1a1a;box-shadow:0 1px 2px hsla(0,0%,7%,.08)}