/* Smaller event index cards, scaled to leave the actions within the viewport. */
#catalog, #events-index { transform-origin: center top; }
/* Clip the moving slides, while the sibling arrows keep their side gutters. */
#event-teaser.event-scrapbook.event-smooth .event-loop-slides { overflow: hidden; }
#event-teaser.event-scrapbook.event-smooth .event-post-slide { padding-top: 16px; padding-bottom: 16px; }
#events #events-index { max-width: 1000px; margin-inline: auto; }
#events #events-index > .catalog-back { margin-bottom: 8px; }
#events .events-title { margin-bottom: 14px; }
#events .events-title h2 { font-size: 2rem; }
#events .event-tabs { margin-bottom: 12px; }
#events .event-update-card { max-width: 800px; margin-top: 16px; border-radius: 20px; }
#events .event-update-details { padding: 18px 24px; }
#events .event-update-details > .event-status { margin-bottom: 8px; padding: 6px 10px; }
#events .event-update-card h3 { font-size: clamp(1.35rem, 2vw, 1.65rem); margin-bottom: 8px; }
#events .event-update-card .event-update-copy > p { font-size: .875rem; line-height: 1.55; }
@media (min-width: 761px) {
  #events .event-update-card { width: min(100%, 800px, max(560px, calc((100svh - 400px) * 2.11))); }
  #events .event-update-row { gap: 18px; }
}
/* One quiet navigation group below the photo, away from the artwork. */
#event-teaser.event-scrapbook .event-loop-controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  border: 0;
  background: none;
}
#event-teaser.event-scrapbook .event-loop-controls > [data-event-prev],
#event-teaser.event-scrapbook .event-loop-controls > [data-event-next] {
  position: static;
  inset: auto;
  transform: none;
  width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid #51352920;
  box-shadow: none;
  background: transparent;
  font-size: 1rem;
}
#event-teaser.event-scrapbook .event-loop-controls > [data-event-prev]:hover,
#event-teaser.event-scrapbook .event-loop-controls > [data-event-next]:hover { background: #f1efdf; border-color: #51352950; }
#event-teaser.event-scrapbook > .event-loop-progress { margin-top: 12px; }
/* Arrows sit in dedicated side gutters, centered on the whole event. */
@media (min-width: 761px) {
  #event-teaser.event-scrapbook { padding-inline: 60px; }
  #event-teaser.event-scrapbook .event-loop-controls { display: contents; }
  #event-teaser.event-scrapbook .event-loop-controls > [data-event-prev],
  #event-teaser.event-scrapbook .event-loop-controls > [data-event-next] {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 40px; height: 40px; min-height: 40px;
    border-radius: 50%; font-size: 1rem; background: #fffdf2;
  }
  #event-teaser.event-scrapbook .event-loop-controls > [data-event-prev] { left: -48px; right: auto; }
  #event-teaser.event-scrapbook .event-loop-controls > [data-event-next] { right: -48px; left: auto; }
  #event-teaser.event-scrapbook > .event-loop-progress { margin-top: 24px; }
}
html.event-return-transition::view-transition-old(root) { animation: event-return-out 260ms ease both; }
html.event-return-transition::view-transition-new(root) { animation: event-return-in 440ms cubic-bezier(.22,1,.36,1) both; }
@keyframes event-return-out { to { opacity: 0; transform: translateX(30px) scale(.98); } }
@keyframes event-return-in { from { opacity: 0; transform: translateX(-36px) scale(.98); } to { opacity: 1; transform: translateX(0) scale(1); } }
::view-transition-group(event-story-photo) { animation-duration: 520ms; animation-timing-function: cubic-bezier(.22,1,.36,1); overflow: hidden; border-radius: 18px; }
::view-transition-old(event-story-photo), ::view-transition-new(event-story-photo) { height: 100%; object-fit: contain; animation-duration: 320ms; mix-blend-mode: normal; }
@media (max-width: 760px) {
  #events .event-update-card { width: 100%; }
  #events .event-update-details { padding: 18px; }
  #events .event-update-row { gap: 14px; }
  #events .events-title h2 { font-size: 1.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(event-story-photo), ::view-transition-old(event-story-photo), ::view-transition-new(event-story-photo) { animation: none; }
}

@media(max-width:760px){
 #event-teaser.event-scrapbook .event-loop-controls{justify-content:center;gap:12px;margin:22px auto 0;width:fit-content}
 #event-teaser.event-scrapbook .event-loop-controls>[data-event-prev],#event-teaser.event-scrapbook .event-loop-controls>[data-event-next]{width:44px;height:44px;min-height:44px;border-radius:50%;background:#fffaf0;border-color:#51352930;display:grid;place-items:center;padding:0}
 #event-teaser.event-scrapbook>.event-loop-progress{margin-top:16px}
}

@media(max-width:760px){
 #event-teaser.event-scrapbook{padding:16px 18px 14px;margin-block:22px}
 #event-teaser.event-scrapbook .event-section-header{margin-bottom:12px}
 #event-teaser.event-scrapbook.event-smooth .event-post-slide{align-items:start;align-content:start;gap:14px;padding-top:14px;padding-bottom:0}
 #event-teaser.event-scrapbook .event-story-grid{gap:12px}
 #event-teaser.event-scrapbook .event-post-slide .meadow-invitation{padding:0}
 #event-teaser.event-scrapbook .meadow-copy .eyebrow{margin-bottom:9px;padding:6px 9px}
 #event-teaser.event-scrapbook .meadow-copy h2{margin-bottom:9px}
 #event-teaser.event-scrapbook .meadow-copy p{font-size:.875rem;line-height:1.5}
 #event-teaser.event-scrapbook .event-actions{margin-top:12px}
 #event-teaser.event-scrapbook .event-bento{padding-top:0}
 #event-teaser.event-scrapbook .event-date-card{padding:12px 14px;gap:12px;border-radius:16px;grid-template-columns:64px minmax(0,1fr)}
 #event-teaser.event-scrapbook .event-date-stamp{min-height:52px;padding-right:12px;gap:3px}
 #event-teaser.event-scrapbook .event-date-stamp>strong{font-size:1.6rem}
 #event-teaser.event-scrapbook .event-date-facts{font-size:.75rem;gap:4px}
 #event-teaser.event-scrapbook .event-loop-controls{margin-top:16px}
}

.event-mobile-meta{display:none}
@media(max-width:760px){
 #event-teaser.event-scrapbook{padding:16px 12px 10px;border-radius:22px}
 #event-teaser.event-scrapbook .event-section-header{gap:12px;margin-bottom:14px;padding-inline:0}
 #event-teaser.event-scrapbook .event-section-header h2{font-size:clamp(1.05rem,4.2vw,1.35rem)}
 #event-teaser.event-scrapbook .event-section-header>a{font-size:.8125rem;text-decoration:none;min-height:36px}
 #event-teaser.event-scrapbook.event-smooth .event-loop-slides{border-radius:14px}
 #event-teaser.event-scrapbook.event-smooth .event-post-slide{display:flex;flex-direction:column;gap:0;padding:0;background:#fff;overflow:hidden;border-radius:14px}
 #event-teaser.event-scrapbook .event-post-slide .event-post-cover{display:block;width:100%;margin:0;padding:0;background:#fff;box-shadow:none;transform:none;border-radius:0;overflow:hidden}
 #event-teaser.event-scrapbook .event-post-cover::before,#event-teaser.event-scrapbook .event-photo-caption{display:none}
 #event-teaser.event-scrapbook .event-post-cover picture{aspect-ratio:var(--event-image-ratio,2047/970)}
 #event-teaser.event-scrapbook .event-story-grid{display:block;padding:16px;width:100%;flex:1}
 #event-teaser.event-scrapbook .event-post-slide .meadow-invitation{padding:0;background:transparent;border-radius:0;height:100%}
 #event-teaser.event-scrapbook .meadow-copy{display:flex;flex-direction:column;height:100%}
 #event-teaser.event-scrapbook .meadow-copy .eyebrow{padding:0;margin:0 0 12px;background:none;border-radius:0;color:#a0613d;font-size:.6875rem;letter-spacing:.035em}
 #event-teaser.event-scrapbook .meadow-copy h2{font-size:clamp(1.25rem,5vw,1.5rem);line-height:1.25;margin:0 0 12px}
 #event-teaser.event-scrapbook .meadow-copy p{font-size:.9375rem;line-height:1.5;margin:0 0 14px}
 #event-teaser.event-scrapbook .event-mobile-meta{display:flex;align-items:center;gap:9px;color:#735548;font-size:.875rem;line-height:1.45;margin-top:auto;margin-bottom:14px}
 #event-teaser.event-scrapbook .event-mobile-meta svg{width:20px;height:20px;flex:none;fill:none;stroke:#a6775c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 #event-teaser.event-scrapbook .event-actions{display:block;margin:0}
 #event-teaser.event-scrapbook .event-actions .pill{display:flex;justify-content:center;width:100%;min-height:48px;padding:12px 18px;gap:12px;font-size:1rem}
 #event-teaser.event-scrapbook .event-bento,#event-teaser.event-scrapbook .event-loop-controls,#event-teaser.event-scrapbook>.event-loop-progress{display:none}
 #event-teaser.event-scrapbook>.event-loop-dots{display:flex;justify-content:center;align-items:center;margin:6px 0 0;gap:0}
 #event-teaser.event-scrapbook .event-loop-dots button{width:28px;height:44px;min-height:44px;padding:0;border:0;display:grid;place-items:center;background:none;cursor:pointer}
 #event-teaser.event-scrapbook .event-loop-dots button>span{width:7px;height:7px;background:#d8ccba;border-radius:999px}
 #event-teaser.event-scrapbook .event-loop-dots button[aria-pressed=true]{width:38px}
 #event-teaser.event-scrapbook .event-loop-dots button[aria-pressed=true]>span{width:26px;height:7px;background:#ff7a3d}
}

@media(max-width:1024px){
 #event-teaser.event-smooth{touch-action:pan-y pinch-zoom}
 #event-teaser.event-smooth .event-post-cover img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
}