/* Trial is isolated from the original collage and the rest of V2. */
.manifesto .manifesto-original { display: none; }
.collage-original .manifesto-remix { display: none; }
.collage-original .manifesto-original { display: grid; }
html:not(.collage-original) .manifesto { padding-block: clamp(3.5rem, 5vw, 5rem); }
.manifesto-remix { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.manifesto-remix h2 { font-size: clamp(4rem, 7vw, 7.5rem); line-height: .9; letter-spacing: -.015em; }
.manifesto-remix h2 span { display: block; }
.sharing-pizza { margin: 1rem 0 0; }
.sharing-pizza img { width: 100%; height: clamp(280px, 28vw, 420px); object-fit: contain; }
.sharing-pizza figcaption { margin-top: .4rem; font: 400 clamp(1.2rem, 2vw, 1.8rem) var(--marker); transform: rotate(-2deg); }
.sharing-details { display: grid; gap: 2rem; padding: 1rem .5rem; }
.sharing-size, .sharing-takeaway { position: relative; border: 4px solid var(--black); box-shadow: 8px 9px 0 var(--black); padding: 1.6rem; }
.sharing-size::before, .sharing-takeaway::before { content: ''; position: absolute; z-index: 2; top: -22px; left: 55%; width: 110px; height: 44px; background: url('menu/assets/tape-natural-v2.png') center / 100% 100% no-repeat; transform: translateX(-50%) rotate(-6deg); pointer-events: none; }
.sharing-size { background: var(--yellow); transform: rotate(2deg); }
.sharing-size .eyebrow { margin-bottom: .5rem; }
.sharing-size strong { display: block; font: 400 clamp(3.5rem, 6vw, 6rem)/1 var(--display); }
.sharing-size strong small { font: 700 .9rem var(--body); }
.sharing-size > p:last-child { margin: .8rem 0 0; font-size: 1rem; }
.sharing-takeaway { margin: 0; background: var(--white); transform: rotate(-2deg); }
.sharing-takeaway img { width: 100%; height: clamp(160px, 14vw, 220px); object-fit: contain; }
.sharing-takeaway figcaption { margin-top: .6rem; font: 400 clamp(1.4rem, 2.2vw, 2rem)/1.1 var(--display); }
@media (max-width: 940px) {
  .manifesto-remix { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 1.5rem; }
  .manifesto-remix h2 { font-size: clamp(3rem, 6.5vw, 5rem); }
  .sharing-size, .sharing-takeaway { padding: 1.1rem; }
  .sharing-size strong { font-size: clamp(3rem, 6vw, 4.5rem); }
}
@media (max-width: 640px) {
  .manifesto-remix { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .manifesto-remix h2 { font-size: clamp(3rem, 14vw, 5.5rem); }
  .sharing-pizza img { height: 280px; }
  .sharing-details { gap: 2rem; padding: 1rem .5rem; }
  .sharing-size strong { font-size: 4.5rem; }
  .sharing-takeaway img { height: 180px; }
}
