/* A finite airy sheet over milk; preserve its free lower hem and live type. */
.manifest--silk {
  min-height: max(620px, 100svh);
  display: grid;
  place-items: center;
  padding: clamp(110px, 18svh, 160px) 0;
  isolation: isolate;
  overflow: hidden;
  scroll-margin-top: 78px;
  background: var(--cream);
  color: var(--cream);
}
.manifest--silk .manifest__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 950px;
  opacity: 1;
}
.manifest--silk .manifest__text { color: var(--cream); }
.manifest--silk .manifest__glyph { background-color: var(--cream); opacity: .8; }
.manifest__silk { position: absolute; z-index: 0; inset: 0; pointer-events: none; }
.manifest__silk-still, .manifest__silk-video {
  position: absolute; inset: 0;
  display: block; width: 100%; height: 100%;
  object-fit: var(--silk-fit, contain); object-position: 50% 0;
  pointer-events: none;
}
.manifest__silk-video { opacity: 0; }
.manifest--silk.is-motion-ready .manifest__silk-video--unfold { opacity: 1; }
.manifest--silk.is-motion-ready.is-breezing .manifest__silk-video--unfold { opacity: 0; }
.manifest--silk.is-motion-ready.is-breezing .manifest__silk-video--idle { opacity: 1; }
.manifest--silk.is-motion-ready .manifest__inner { opacity: var(--silk-reading, 0); }
.manifest--silk.is-unfolded .manifest__inner { opacity: 1; }
.manifest--silk > .manifest__motion-toggle {
  position: absolute; z-index: 2;
  bottom: 24px; right: clamp(24px, 5vw, 48px);
  color: var(--dark-burgundy);
  border-color: rgb(103 17 2 / .45);
  background: rgb(253 247 230 / .85);
}
@media (max-width: 680px) {
  .manifest--silk { min-height: max(620px, 100svh); }
  .manifest--silk .manifest__inner { max-width: 560px; }
}
@media (prefers-reduced-motion: no-preference) {
  .manifest--silk.is-motion-ready .manifest__inner { transition: opacity .35s ease; }
}
.manifest--silk.is-flow-paused .manifest__inner { opacity: 1; }

@media (max-aspect-ratio: 4/3) {
  .manifest--silk { --silk-fit: cover; }
}