.heritage-sign { margin: 28px 0 32px; width: 100%; }
/* Use the transparent artwork as a mask to match the website green exactly. */
.heritage-sign-window { width: 100%; background: var(--green); -webkit-mask: url("assets/clinic-calligraphy-green.png") center / contain no-repeat; mask: url("assets/clinic-calligraphy-green.png") center / contain no-repeat; }
.heritage-sign-window img { display: block; width: 100%; height: auto; opacity: 0; }
.heritage-sign figcaption { margin-top: 12px; color: var(--muted); font-size: .75rem; line-height: 1.8; letter-spacing: .06em; text-align: right; }
@supports not (mask-image: url("")) { .heritage-sign-window { background: transparent; } .heritage-sign-window img { opacity: 1; } }
@media (max-width: 600px) { .heritage-sign { margin: 22px 0 26px; } .heritage-sign figcaption { margin-top: 8px; font-size: .6875rem; letter-spacing: .02em; } }