body.din-landing-page .elementor-location-header,
body.din-landing-page header#masthead,
body.din-landing-page .site-header,
body.din-landing-page .entry-header,
body.din-landing-page .elementor-location-footer,
body.din-landing-page footer#colophon { display: none !important; }

html:has(body.din-landing-page),
body.din-landing-page { min-height: 100%; margin: 0; background: #2a190f; }

.din-landing,
.din-landing * { box-sizing: border-box; }

.din-landing {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  color: #3b2010;
  background: radial-gradient(circle, #8b633e 0, #382116 72%);
}

.din-landing__parchment {
  position: relative;
  width: min(96vw, 96svh, 900px);
  aspect-ratio: 1;
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  overflow: hidden;
  padding: clamp(18px, 3.2vw, 42px);
  border: clamp(5px, 1vw, 11px) solid #563219;
  outline: 2px solid #d8b06c;
  outline-offset: -16px;
  background:
    radial-gradient(circle at 50% 45%, #f0dcae 0 20%, transparent 62%),
    repeating-linear-gradient(12deg, #00000008 0 1px, transparent 1px 5px),
    #d3af72;
  box-shadow: 0 28px 85px #000b, inset 0 0 55px #6c3e1f80;
}

.din-landing__parchment::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 3px double #70431f;
  pointer-events: none;
}

.din-landing__heading { position: relative; z-index: 1; text-align: center; }
.din-landing__welcome,
.din-landing__to {
  display: block;
  color: #6d3f1f;
  font: 900 clamp(32px, 6.8vmin, 72px)/.88 Georgia, serif;
  letter-spacing: .035em;
  text-shadow: 0 1px #f9e6b7, 0 3px #bb8b4d, 0 6px 2px #4a281f55;
}
.din-landing__to { margin-top: .16em; font-size: clamp(20px, 4vmin, 42px); }

.din-landing__coin {
  position: relative;
  width: min(48%, 390px);
  aspect-ratio: 1;
  align-self: center;
  filter: drop-shadow(0 18px 16px #3b200d70);
}
.din-landing__coin-canvas { display: block; width: 100%; height: 100%; }
.din-landing__coin-fallback {
  position: absolute;
  inset: 9%;
  display: grid;
  place-items: center;
  border: 12px ridge #b67834;
  border-radius: 50%;
  color: #e7bb64;
  background: radial-gradient(circle, #21140e 0 55%, #855426 58% 75%, #21140e 78%);
  box-shadow: inset 0 0 25px #000, 0 12px 25px #0005;
  font: 900 clamp(26px, 6vmin, 68px)/1 Georgia, serif;
  text-shadow: 0 3px #4a250e;
}

.din-landing__coin-fallback[hidden] { display: none; }

.din-landing__choices {
  position: relative;
  z-index: 1;
  width: min(100%, 680px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(10px, 3vw, 28px);
}
.din-landing__choice {
  display: grid;
  gap: 3px;
  place-items: center;
  min-height: clamp(72px, 12vmin, 118px);
  padding: 10px;
  border: 2px solid #472815;
  border-radius: 10px;
  color: #f2d99b;
  background: linear-gradient(#81512c, #301b10);
  box-shadow: 0 9px 17px #3f230d66, inset 0 2px #f4d39266, inset 0 -5px #160c0770;
  text-decoration: none;
  text-align: center;
  transition: transform 160ms ease, filter 160ms ease;
}
.din-landing__choice strong { font: 900 clamp(22px, 4vmin, 42px)/1 Georgia, serif; }
.din-landing__choice span { font: 700 clamp(11px, 1.8vmin, 17px)/1.1 Georgia, serif; letter-spacing: .08em; text-transform: uppercase; }
.din-landing__choice:hover,
.din-landing__choice:focus-visible { transform: translateY(-4px) scale(1.025); filter: brightness(1.16); outline: 3px solid #f0cb78; outline-offset: 3px; }

@media (max-width: 540px) {
  .din-landing__parchment { padding: 20px 18px; }
  .din-landing__coin { width: 52%; }
  .din-landing__choice { border-radius: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .din-landing *, .din-landing__choice { transition: none !important; animation: none !important; }
}