/* Workview18: a closer, quieter contour around the small ink mark. */
main.landing.imprint-landing.gravity-landing {
  --contact-size: 128px;
  --stamp-size: 82px;
  --contact-gap: 40px;
  position: relative;
  display: block;
  height: 100dvh;
  min-height: 100dvh;
  padding: 0;
  overflow: hidden;
}
main.landing.imprint-landing.gravity-landing section.imprint-entry {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  pointer-events: none;
}
main.landing.imprint-landing.gravity-landing .imprint-entry-guidance {
  position: fixed;
  display: flex;
  top: auto;
  bottom: calc(50dvh + var(--contact-size) / 2 + var(--contact-gap));
  left: 50%;
  width: calc(100% - 40px);
  max-width: 790px;
  margin: 0;
  transform: translateX(-50%);
  z-index: 2;
}
main.landing.imprint-landing.gravity-landing .imprint-entry-guidance .imprint-context {
  width: 100%;
  max-width: 9.2em;
  margin: 0;
  color: #050505;
  font: 800 clamp(47px, min(5.3vw, 7.3vh), 74px)/.92 var(--pluritual-sans, Arial, sans-serif);
  letter-spacing: -.065em;
  text-align: center;
  text-wrap: balance;
}
.gravity-landing .imprint-headline-line { display: block; }
main.landing.imprint-landing.gravity-landing .imprint-start.imprint-logo.imprint-contact {
  position: fixed;
  top: 50dvh;
  left: 50%;
  display: block;
  width: var(--contact-size);
  height: var(--contact-size);
  max-width: none;
  margin: 0;
  padding: 0;
  flex: none;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  animation: none !important;
  z-index: 3;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.gravity-landing .imprint-contact-ring {
  border: 1px solid #6b604866;
  border-radius: 49% 51% 50% 48% / 51% 49% 51% 49%;
  background: radial-gradient(circle at 42% 35%, #fffdf833, #b7a27c09 75%);
  box-shadow: inset 0 0 18px #6a573206, 0 1px 2px #6a573208;
  opacity: 1;
  animation: homeContactBreathe 4.6s ease-in-out infinite;
  transition: border-color .25s, box-shadow .25s;
}
.gravity-landing .imprint-contact-ring::after {
  content: "";
  position: absolute;
  inset: 4px 3px 3px 4px;
  border: 1px solid #7f725d14;
  border-radius: 51% 49% 48% 52% / 48% 51% 49% 52%;
}
.gravity-landing .imprint-contact:hover .imprint-contact-ring {
  border-color: #5c513b85;
  background: #fffaf52b;
  box-shadow: inset 0 0 22px #6a57320a, 0 1px 4px #6a573210;
}
.gravity-landing .imprint-contact:focus-visible { outline: 2px solid #655841; outline-offset: 8px; }
.gravity-landing .imprint-entry-label {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110px;
  margin: 0;
  color: #38352e;
  font: 700 11px/1.6 var(--pluritual-sans, Arial, sans-serif);
  letter-spacing: .11em;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity .16s;
  z-index: 2;
}
.gravity-landing .imprint-ink-deposit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--stamp-size);
  height: var(--stamp-size);
  opacity: 0;
  transform: translate(-50%, -50%) rotate(-5deg);
  pointer-events: none;
}
.gravity-landing .imprint-round-symbol {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: none;
  filter: url(#pluritual-home-ink);
  animation: none !important;
}
.gravity-landing.imprint-left .imprint-ink-deposit {
  opacity: .94;
}
.gravity-landing.imprint-left .imprint-entry-label { display: none; }
.gravity-landing.imprint-left .imprint-contact-ring { opacity: .75; animation: homeContactBreathe 4.6s ease-in-out infinite; }
.gravity-landing .imprint-gravity-field,
.gravity-landing.is-depositing .imprint-gravity-field { display: block; position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.gravity-landing .imprint-energy-release { display: none; }
.gravity-landing .imprint-filter-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.gravity-landing.is-depositing .imprint-entry-label { opacity: 0; }
.gravity-landing.is-depositing .imprint-ink-deposit {
  top: 50%;
  animation: homeInkImpression 1.25s cubic-bezier(.2,.65,.25,1) both;
}
.gravity-landing.is-depositing .imprint-contact-ring { animation: homeContactPress 1.25s ease both; }
main.landing.imprint-landing.gravity-landing .imprint-entry > .imprint-next-reveal {
  position: fixed;
  top: calc(50dvh + var(--contact-size) / 2 + 33px);
  bottom: auto;
  left: 50%;
  width: auto;
  margin: 0;
  transform: translateX(-50%);
  opacity: .65;
  z-index: 2;
}
main.landing.imprint-landing.gravity-landing .imprint-entry .reveal-label { font-size: 11px; }
main.landing.imprint-landing.gravity-landing .imprint-entry > .imprint-next-reveal strong { font-size: 21px; }
main.landing.imprint-landing.gravity-landing > .landing-footer {
  position: absolute;
  inset: auto 0 calc(54px + env(safe-area-inset-bottom, 0px));
  margin: 0;
  padding: 0 24px;
  gap: 10px;
  z-index: 2;
}
main.landing.imprint-landing.gravity-landing .landing-wordmark { width: 140px; }
main.landing.imprint-landing.gravity-landing .landing-subtitle { font-size: 12px; }
main.landing.imprint-landing.gravity-landing > .annual-progress {
  position: absolute;
  inset: auto 24px max(12px, env(safe-area-inset-bottom, 0px));
  width: auto;
  margin: 0;
}
.gravity-landing.is-idle-paused .imprint-contact-ring { animation-play-state: paused; }
@keyframes homeContactBreathe {
  0%,100% { opacity: .75; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.018); }
}
@keyframes homeContactPress {
  0% { transform: scale(1); opacity: .9; }
  12% { transform: scale(.955); opacity: 1; }
  37% { transform: scale(1.008); opacity: .6; }
  100% { transform: scale(1); opacity: .35; }
}
@keyframes homeInkImpression {
  0%,7% { opacity: 0; transform: translate(-50%,-50%) rotate(-5deg) scale(.965); filter: blur(.65px); }
  21% { opacity: .89; transform: translate(-50%,-50%) rotate(-5deg) scale(.985); filter: blur(.24px); }
  67%,100% { opacity: .94; transform: translate(-50%,-50%) rotate(-5deg) scale(1); filter: blur(0); }
}
@media (max-width: 600px) {
  main.landing.imprint-landing.gravity-landing { --contact-size: 108px; --stamp-size: 68px; --contact-gap: 36px; }
  main.landing.imprint-landing.gravity-landing .imprint-entry-guidance { width: calc(100% - 32px); }
  main.landing.imprint-landing.gravity-landing .imprint-entry-guidance .imprint-context { font-size: clamp(43px,11.6vw,57px); }
  .gravity-landing .imprint-entry-label { width: 88px; font-size: 10px; }
  main.landing.imprint-landing.gravity-landing .imprint-entry > .imprint-next-reveal { top: calc(50dvh + var(--contact-size) / 2 + 30px); }
  main.landing.imprint-landing.gravity-landing > .annual-progress { left: 16px; right: 16px; }
}
@media (min-width: 601px) and (max-height: 800px) {
  main.landing.imprint-landing.gravity-landing > .landing-footer { flex-direction: row; gap: 38px; }
}
@media (max-width: 600px) and (max-height: 700px) {
  main.landing.imprint-landing.gravity-landing { --contact-gap: 28px; }
  main.landing.imprint-landing.gravity-landing .imprint-entry-guidance .imprint-context { font-size: clamp(39px,10.6vw,49px); }
  main.landing.imprint-landing.gravity-landing > .landing-footer { flex-direction: row; gap: 18px; padding: 0 16px; bottom: calc(46px + env(safe-area-inset-bottom, 0px)); }
  main.landing.imprint-landing.gravity-landing .landing-wordmark { width: 100px; }
  main.landing.imprint-landing.gravity-landing .landing-subtitle { font-size: 10px; }
}
@media (max-width: 600px) and (max-height: 520px) {
  main.landing.imprint-landing.gravity-landing { --contact-size: 104px; --stamp-size: 64px; --contact-gap: 20px; }
  main.landing.imprint-landing.gravity-landing .imprint-entry > .imprint-next-reveal { top: calc(50dvh + var(--contact-size) / 2 + 22px); }
  main.landing.imprint-landing.gravity-landing > .landing-footer { gap: 8px; padding: 0 12px; }
  main.landing.imprint-landing.gravity-landing .landing-wordmark { width: 90px; }
  .gravity-landing .flow-preview-controls { top: calc(50dvh - 15px); right: 10px; flex-direction: column; align-items: flex-end; gap: 4px; }
}
@media (min-width: 601px) and (max-height: 500px) {
  main.landing.imprint-landing.gravity-landing { --contact-size: 112px; --stamp-size: 72px; --contact-gap: 20px; }
  main.landing.imprint-landing.gravity-landing .imprint-entry-guidance .imprint-context { max-width: 390px; font-size: 45px; }
  .gravity-landing .imprint-headline-line { display: inline; }
  main.landing.imprint-landing.gravity-landing .imprint-entry > .imprint-next-reveal { top: 50dvh; left: calc(50% + 150px); transform: translateY(-50%); }
  main.landing.imprint-landing.gravity-landing > .landing-footer { flex-direction: row; gap: 22px; bottom: calc(43px + env(safe-area-inset-bottom, 0px)); }
  main.landing.imprint-landing.gravity-landing .landing-wordmark { width: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  .gravity-landing .imprint-contact-ring,
  .gravity-landing .imprint-ink-deposit { animation: none !important; transition: none !important; }
  .gravity-landing.is-depositing .imprint-ink-deposit { opacity: .94; }
}
