/* Bring the collage through the composition, with a protected signup foreground. */
.cover--v11 .hero-prop--butter {
  top: 10%; left: -8%; width: 27%; z-index: 1;
  transform: rotate(12deg) translate3d(calc(var(--px)*-10px),calc(var(--py)*-7px - var(--scroll-shift)*.4),0) rotateY(calc(var(--px)*4deg));
}
@media (min-width:701px) and (max-width:1050px) {
  .cover--v11 .hero-prop--butter { top: 13%; left: -10%; width: 31%; }
}
@media (min-width:701px) and (max-height:620px) {
  .cover--v11 .hero-prop--butter { top: 7%; left: -7%; width: 24%; }
}
@media (max-width:700px) {
  .cover--v11 {
    --identity-top: clamp(108px,13svh,132px);
    --signup-top: calc(var(--identity-top) + 20.4vw + 56px);
    --form-bottom: calc(var(--signup-top) + 29vw + 56px);
  }
  .cover--v11 .hero-signup { top: var(--signup-top); }
  .cover--v11 .hero-prop--butter {
    top: calc(var(--signup-top) - 114px); left: -13%; width: 43%; z-index: 1;
    transform: rotate(20deg) translate3d(calc(var(--px)*-7px),calc(var(--py)*-4px - var(--scroll-shift)*.3),0);
  }
  .cover--v11 .hero-prop--spoon {
    top: calc(var(--signup-top) - 32vw - 15px); right: 4%; width: 37%; z-index: 3;
    transform: rotate(58deg) translate3d(calc(var(--px)*4px),calc(var(--py)*3px + var(--scroll-shift)*.15),0);
  }
  .cover--v11 .cover__paper {
    top: calc(var(--form-bottom) - 18px); left: 49%; width: 75%;
    transform: rotate(12deg) translate3d(calc(var(--px)*-6px),calc(var(--py)*-4px - var(--scroll-shift)*.3 + var(--focus-lift)),0);
  }
  .cover--v11 .newspaper { padding: 18px 15px 13px; }
  .cover--v11 .newspaper__top { font-size: 5.6px; padding-bottom: 6px; }
  .cover--v11 .newspaper__name { font-size: 33px; }
  .cover--v11 .newspaper__rule { font-size: 5.4px; padding-block: 4px; }
  .cover--v11 .newspaper__headline { font-size: 32px; margin: 12px 0 10px; }
  .cover--v11 .newspaper__columns { font-size: 8.75px; column-gap: 9px; }
  .cover--v11 .newspaper__second { font-size: 15px; margin: 10px 0 9px; padding-top: 9px; }
  .cover--v11 .newspaper__footer { font-size: 7.5px; margin-top: 10px; padding-top: 8px; }
  .cover--v11 .cover__toast {
    top: calc(var(--form-bottom) + 35px); left: -61%; width: 142%;
  }
  .cover--v11 .cover__cloth {
    top: calc(var(--form-bottom) + 10px); bottom: auto; height: 58%;
  }
}
@media (min-width:480px) and (max-width:700px) {
  .cover--v11 { --identity-top: clamp(158px,26vw,183px); --signup-top: calc(var(--identity-top) + 20.4vw + 28px); --form-bottom: calc(var(--signup-top) + 202px); }
  .cover--v11 .hero-prop--butter { top: calc(var(--signup-top) - 135px); width: 37%; }
  .cover--v11 .hero-prop--spoon { top: calc(var(--signup-top) - 28vw - 12px); width: 33%; right: 4%; }
  .cover--v11 .cover__paper { width: 69%; left: 52%; }
  .cover--v11 .cover__toast { width: 135%; }
}