/* ==================================================================
   Polish shared by every page — small things that make it feel made.
   ================================================================== */

/* Moving between the home page and the events page: a soft crossfade
   instead of a white flash (cross-document View Transitions; browsers
   without it just navigate as before). */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: 260ms cubic-bezier(.4, 0, 1, 1) both vt-out; }
::view-transition-new(root) { animation: 420ms cubic-bezier(0, 0, .2, 1) both vt-in; }
@keyframes vt-out { to { opacity: 0; } }
@keyframes vt-in { from { opacity: 0; transform: translateY(10px); } }
/* the nav holds still across the change */
.nav { view-transition-name: site-nav; }

/* SplitText masks: a little room below each line, so Hebrew final letters
   (ק ן ך ף ץ) and the comma descend out of the clip instead of being cut. */
.split-line-mask { padding-block: .04em .2em; margin-block: -.04em -.2em; }

/* Reading */
p, li, dd { text-wrap: pretty; }
::selection { background: var(--yellow); color: #111; }
html { scrollbar-color: rgba(245, 242, 234, .28) var(--ink); }

/* Buttons answer the press */
.btn { transition: transform .2s cubic-bezier(.2, .8, .2, 1), background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
.btn:active { transform: scale(.97); transition-duration: .08s; }

/* Cards lift toward a mouse (not on touch, where hover sticks) */
@media (hover: hover) and (pointer: fine) {
  .ev-pack {
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .35s ease, box-shadow .35s ease;
  }
  .ev-pack:hover { transform: translateY(-6px); border-color: rgba(255, 204, 26, .45); box-shadow: 0 30px 70px -40px rgba(255, 204, 26, .35); }
}

/* Section labels in curly brackets — GSAP.com's signature annotation, in chalk rather than
   an accent (colour is reserved for categories). Replaces the red dot on every page. In RTL the
   browser mirrors the brackets, so they still read { … } around the Hebrew. */
.eyebrow { color: var(--chalk); font-weight: 500; letter-spacing: .02em; gap: .4em; }
.eyebrow::before, .eyebrow::after {
  width: auto; height: auto; border-radius: 0; background: none; box-shadow: none;
  color: var(--dim); font-weight: 400;
}
.eyebrow::before { content: '{'; }
.eyebrow::after { content: '}'; }

/* Important text: a yellow highlighter stroke under the words — Lincoln's own accent, used only
   for the few facts that decide a booking. Shown full by default; js arms the sweep-in. */
mark.hl {
  color: var(--chalk); font-weight: 700;
  background: linear-gradient(transparent 56%, rgba(255, 204, 26, .38) 56%, rgba(255, 204, 26, .38) 90%, transparent 90%) no-repeat;
  background-position: right bottom; background-size: 100% 100%;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  padding-inline: .08em;
}
html.hl-armed mark.hl { background-size: 0% 100%; transition: background-size 1.1s cubic-bezier(.2, .8, .2, 1); }
html.hl-armed mark.hl.is-on { background-size: 100% 100%; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  .btn:active { transform: none; }
}