.heritaging-survey {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  z-index: 99999;
  width: min(328px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  color: #1c1b1b;
  background: #a8d4af;
  font-family: "Hanken Grotesk", sans-serif;
  opacity: 0;
  transform: scale(.96);
  transition: opacity 280ms cubic-bezier(.23, 1, .32, 1), transform 280ms cubic-bezier(.23, 1, .32, 1);
}
.heritaging-survey.is-visible { opacity: 1; transform: scale(1); }
.heritaging-survey::backdrop { background: rgba(1, 2, 1, .52); }
.heritaging-survey__card { box-sizing: border-box; display: flex; min-height: 690px; flex-direction: column; justify-content: space-between; padding: 64px 30px 30px; }
.heritaging-survey__close { position: absolute; top: 16px; right: 16px; display: grid; width: 36px; height: 36px; place-items: center; padding: 0; border: 0; background: transparent; color: #1c1b1b; cursor: pointer; }
dialog.heritaging-survey .heritaging-survey__close:hover,
dialog.heritaging-survey .heritaging-survey__close:focus { border: 0; background: transparent; color: #1c1b1b; box-shadow: none; }
.heritaging-survey__close span::before, .heritaging-survey__close span::after { position: absolute; top: 17px; left: 9px; width: 18px; height: 2px; background: currentColor; content: ""; transform: rotate(45deg); }
.heritaging-survey__close span::after { transform: rotate(-45deg); }
.heritaging-survey__close:focus-visible, .heritaging-survey a:focus-visible { outline: 2px solid #032a03; outline-offset: 4px; }
.heritaging-survey__copy h2 { margin: 0 0 20px; color: #1c1b1b; font-size: 28px; font-weight: 700; line-height: 1.05; letter-spacing: -.04em; }
.heritaging-survey__copy p { margin: 0 0 22px; color: #1c1b1b; font-size: 14px; font-weight: 400; line-height: 1.2; }
.heritaging-survey__text-link { color: #1c1b1b; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.heritaging-survey__action { display: grid; gap: 30px; padding-top: 28px; }
.heritaging-survey__logo { display: block; width: 100%; max-width: 235px; height: auto; }
.heritaging-survey__button { display: flex; min-height: 52px; align-items: center; justify-content: center; border-radius: 6px; color: #c0eec7; background: #032a03; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-align: center; text-decoration: none; text-transform: uppercase; }
.heritaging-survey__button:hover { color: #fff; background: #2c362e; }
@media (max-height: 740px) { .heritaging-survey__card { min-height: 0; gap: 24px; padding-top: 56px; } }
@media (prefers-reduced-motion: reduce) { .heritaging-survey { transform: none; transition: opacity 150ms ease; } .heritaging-survey.is-visible { transform: none; } }