/* ─────────────────────────────────────────────────────────────
   JASPER LYNN — CONTACT PAGE + LEAD WIDGET
   The "Get in Touch" form is Rosalynn's lead widget (lead-widget.js, loaded from rosalynn.co). Its styles
   live in rosalynn.co's theme, which this site does not load, so they are copied here (the .rlw rules
   from rosalynn/assets/styles.css, 20 Oct 2026). If the widget's look changes there, copy it again.
   Loaded only on the contact and inquire pages, versioned by file time (LiteSpeed cache gotcha).
   ───────────────────────────────────────────────────────────── */

/* The page header: same spacing and type as .page-hero, clear of the fixed nav. */
.press-page .press-hero {
  padding: calc(var(--nav-h) + 64px) 48px 48px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.press-page .press-eyebrow {
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 20px;
}
.press-page .press-title {
  font-family: var(--serif);
  font-size: clamp(2.8rem, 6vw, 5rem);
  font-weight: 500;
  color: var(--text);
  line-height: 1.08;
  margin: 0 0 24px;
}
.press-page .events-intro {
  font-family: var(--sans);
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--cream);
  max-width: 640px;
  margin: 0 auto;
}
.contact-page .contact-form-wrap { padding: 0 24px 120px; }
@media (max-width: 700px) {
  .press-page .press-hero { padding: calc(var(--nav-h) + 36px) 22px 32px; }
}

/* Rosalynn's names for the colours and fonts, mapped to this theme's. */
.contact-form-wrap, .inquire-page {
  --ink: var(--text);
  --ink-soft: var(--cream);
  --ink-faint: var(--faint);
  --ff-sans: var(--sans);
  --ff-serif: var(--serif);
}

@keyframes rlwIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.rlw{
  max-width:480px;margin:0 auto;position:relative;
  background:var(--panel);border:1px solid var(--line);
  padding:40px 32px 34px;
}
.rlw__progress{display:flex;gap:8px;justify-content:center;margin:0 0 28px}
.rlw__dot{width:7px;height:7px;border-radius:50%;background:var(--line);transition:all .35s var(--ease)}
.rlw__dot.done{background:var(--gold)}
.rlw__dot.now{background:var(--gold-2);transform:scale(1.35)}
.rlw__step{display:none;animation:rlwIn .38s var(--ease) both}
.rlw__step.active{display:block}
@media (prefers-reduced-motion:reduce){.rlw__step{animation:none}}
.rlw__q{font-family:var(--ff-serif);font-size:clamp(1.6rem,3.4vw,2rem);font-weight:500;line-height:1.15;text-align:center;color:var(--ink);margin:0 0 8px}
.rlw__sub{text-align:center;font-size:.92rem;color:var(--ink-soft);margin:0 0 24px}
.rlw__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.rlw__chip{
  font-family:var(--ff-sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink);background:var(--bg-2);border:1px solid var(--line);
  border-radius:999px;padding:12px 20px;cursor:pointer;
  transition:border-color .25s,background .25s,color .25s,transform .12s;
}
.rlw__chip:hover{border-color:var(--gold);color:var(--gold-2)}
.rlw__chip:active{transform:scale(.97)}
.rlw__chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.rlw__chip.picked{background:rgba(200,164,90,.14);border-color:var(--gold);color:var(--gold-2)}
.rlw__input{
  width:100%;font-family:var(--ff-sans);font-size:1rem;color:var(--ink);
  padding:14px 16px;background:var(--bg-2);border:1px solid var(--line);
  transition:border-color .3s;
}
.rlw__input:focus{outline:none;border-color:var(--gold)}
.rlw__input.err{border-color:#b3492f}
.rlw__err{display:none;font-size:.82rem;color:#d97a5f;margin-top:8px;text-align:center}
.rlw__err.show{display:block}
.rlw__btn{
  width:100%;margin-top:14px;box-sizing:border-box;
  font-family:var(--ff-sans);font-size:.8rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.22em;text-align:center;
  color:#1a1509;background:var(--gold);border:1px solid var(--gold);
  padding:16px;cursor:pointer;text-decoration:none;
  display:flex;align-items:center;justify-content:center;gap:10px;
  transition:all .35s var(--ease);
}
.rlw__btn:hover{background:var(--gold-2);border-color:var(--gold-2)}
.rlw__btn:active{transform:scale(.98)}
.rlw__btn:disabled{opacity:.55;cursor:wait}
.rlw__btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
.rlw__btn--text svg{width:18px;height:18px;stroke:#1a1509;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.rlw__btn--ghost{background:transparent;color:var(--gold-2);border-color:var(--line)}
.rlw__btn--ghost:hover{background:var(--gold);color:#1a1509;border-color:var(--gold)}
.rlw__divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--ink-faint);font-size:.66rem;text-transform:uppercase;letter-spacing:.22em}
.rlw__divider::before,.rlw__divider::after{content:"";flex:1;height:1px;background:var(--line)}
.rlw__back{
  display:block;margin:20px auto 0;background:none;border:none;cursor:pointer;
  font-family:var(--ff-sans);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-faint);text-decoration:underline;text-underline-offset:4px;transition:color .3s;
}
.rlw__back:hover{color:var(--gold-2)}
.rlw__privacy{margin:14px 0 0;text-align:center;font-size:.76rem;color:var(--ink-faint)}
.rlw__check{width:62px;height:62px;margin:4px auto 20px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center}
.rlw__check svg{width:28px;height:28px;stroke:var(--gold-2);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.rlw__events{text-align:center;margin:18px 0 0;font-size:.86rem}
.rlw__events a{color:var(--gold-2);border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .3s}
.rlw__events a:hover{border-color:var(--gold)}
.rlw__honey{position:absolute;left:-9999px;opacity:0;height:0;width:0}
