/* Current photographs unfold across the text field; the overview image stays central. */
body[data-view="cover"] .top,body[data-view="intro"] .top { display:none; }
/* Hold only the photographs until their first sequential reveal is ready. */
html.opening-boot .opening:not(.is-open) .opening-photos { visibility:hidden; }
.cover-title { font-family:Bradford,Georgia,serif;font-size:clamp(44px,8vw,116px);letter-spacing:-.03em; }
.opening { --cover-sheet-width:clamp(270px,27vw,360px); }
.opening-photo { width:clamp(170px,22vw,300px); }
.opening:not(.is-open) .opening-photo {
  width:calc(var(--cover-sheet-width)*var(--cover-size,.70));
  z-index:calc(10 + var(--cover-rank));
  transform:translate(calc(-50% + var(--sx)*.3),calc(-50% + var(--sy)*.3));
}
.opening-photo img { max-height:270px; }
.opening:not(.is-open) .opening-photo img { width:100%;height:calc(var(--cover-sheet-width)*var(--cover-size,.70)*2/3);max-height:none;object-fit:contain;box-shadow:none; }
/* Vary arrival sizes; the final leaf keeps the approved front silhouette. */
.opening:not(.is-open) .opening-photo[data-cover-layer] {
  width:calc(var(--cover-sheet-width)*.77);
  transform:translate(calc(-50% + var(--cover-x)),calc(-50% + var(--cover-y)));
}
.opening:not(.is-open) .opening-photo[data-cover-layer] img { height:auto; }
.opening-photo[data-cover-layer="back"] { --cover-x:calc(var(--cover-sheet-width)*.045);--cover-y:0px; }
.opening:not(.is-open) .opening-photo[data-cover-layer="back"] { width:calc(var(--cover-sheet-width)*.70); }
.opening-photo[data-cover-layer="middle"] { --cover-x:calc(var(--cover-sheet-width)*-.015);--cover-y:calc(var(--cover-sheet-width)*.01); }
.opening-photo[data-cover-layer="front"] { --cover-x:calc(var(--cover-sheet-width)*.04);--cover-y:calc(var(--cover-sheet-width)*.025); }
.opening.is-open .opening-photo {
  left:var(--ex);top:var(--ey);width:var(--ew);max-width:none;
  transform:translate(0,0);opacity:.48;
}
.opening.is-open .opening-photo.gatherings-source {
  left:50%;top:50%;transform:translate(-50%,-50%);
}
.opening.is-open .opening-photo img {
  filter:blur(var(--focus-blur,var(--rest-blur,2px)));max-height:none;
  translate:var(--photo-x,0px) var(--photo-y,0px);
  transition:filter .9s ease,translate 1.1s cubic-bezier(.22,.61,.36,1);
  box-shadow:none;
}
/* The title stack sits above all 11 photographs, including the outermost sheet. */
.opening-photo { z-index:calc(20 - var(--order)); }
.cover-heading,.opening .intro { z-index:25; }
.opening .intro { padding:76px 5% 80px; }
.opening .intro-copy { width:100%;max-width:1440px;font-size:clamp(24px,2vw,30px);color:#262922; }
.opening .intro-copy p { line-height:1.53;margin:0 0 1em;text-wrap:pretty; }
.opening .intro-copy p:last-of-type { margin-bottom:0; }
.opening .intro-kicker {
  font:italic 400 clamp(19px,1.55vw,24px)/1.4 Bradford,Georgia,serif;
  color:#666d5f;letter-spacing:.015em;text-transform:none;margin-bottom:30px;
}
.opening.is-open .intro-kicker { animation:none;opacity:0;transform:none; }
.opening.is-open.is-copy-ready .intro-kicker { animation:foreword-kicker-fade .55s ease-in-out both; }
@keyframes foreword-kicker-fade { from { opacity:0; } to { opacity:1; } }
.opening.is-departing .intro,.opening.is-departing .opening-photos { transition:opacity .5s ease-in-out; }
/* The overview is revealed at its final size; JS animates opacity only. */
.contents .contents-nav { animation:none; }
.contents.is-revealing .gatherings-background,
.contents.is-revealing .contents-nav,
.contents.is-revealing .gathering-heading,
.contents.is-revealing .gatherings-header { animation:none; }
@media(min-width:801px) and (max-height:700px) {
  .opening .intro { padding:45px 5%; }
  .opening .intro-copy { font-size:clamp(22px,1.9vw,26px); }
  .opening .intro-kicker { margin-bottom:22px; }
}
@media(max-width:800px) {
  .opening { --cover-sheet-width:min(64vw,260px); }
  .cover-title { font-size:8vw; }
  .opening-photo { width:46vw;max-width:230px; }
  .opening .intro { padding:90px 6% 100px; }
  .opening .intro-copy { max-width:580px;font-size:clamp(18px,3.6vw,23px); }
  .opening .intro-copy p { line-height:1.5; }
  .opening .intro-kicker { font-size:20px;margin-bottom:28px; }
  .opening.is-open .opening-photo { opacity:.23;width:var(--mw);left:var(--mx);top:var(--my); }
  .opening.is-open .opening-photo img { filter:blur(1.3px);translate:none; }
  .opening.is-open .opening-photo.gatherings-source { width:var(--mw);left:50%;top:50%;opacity:.23; }
}
@media(prefers-reduced-motion:reduce) {
  html.opening-boot .opening:not(.is-open) .opening-photos { visibility:visible; }
  .opening.is-open .intro-kicker,.opening.is-open.is-copy-ready .intro-kicker { animation:none;opacity:1; }
  .opening-photo,.opening.is-open .opening-photo img { transition:none; }
  .opening.is-open .opening-photo img { filter:blur(1px);translate:none; }
  .opening.is-departing .intro,.opening.is-departing .opening-photos { transition:none; }
  .contents.is-landed .contents-nav,.contents.is-landed::before { animation:none; }
}
