/* Standalone Speaker Inquiry template for Enfold Child. Every selector is scoped to .jr-inquiry-page. */

.jr-inquiry-page {
  --jr-ink: #20251f;
  --jr-moss: #27382e;
  --jr-paper: #f7f4ed;
  --jr-cream: #e9e2d5;
  --jr-gold: #d6b975;
  --jr-rust: #985137;
  --jr-border: rgba(32, 37, 31, .26);
  --jr-pad: clamp(24px, 6vw, 96px);
  --jr-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --jr-sans: Inter, "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  overflow: hidden;
  background: var(--jr-paper);
  color: var(--jr-ink);
  font: 400 16px/1.65 var(--jr-sans);
  text-align: left;
}

.jr-inquiry-page,
.jr-inquiry-page * { box-sizing: border-box; }
.jr-inquiry-page h1,
.jr-inquiry-page h2,
.jr-inquiry-page p { padding: 0; }
.jr-inquiry-page p { margin: 0 0 1.25em; }
.jr-inquiry-page .shell { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--jr-pad); }
.jr-inquiry-page .eyebrow { margin: 0 0 22px; font: 600 11px/1.3 var(--jr-sans); letter-spacing: .15em; text-transform: uppercase; }
.jr-inquiry-page .eyebrow.gold { color: var(--jr-gold); }
.jr-inquiry-page .eyebrow.rust { color: var(--jr-rust); }

.jr-inquiry-page .inquiry-hero { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 590px; background: var(--jr-moss); color: #fff; }
.jr-inquiry-page .inquiry-hero-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(72px, 8vw, 130px) var(--jr-pad); }
.jr-inquiry-page .inquiry-hero h1 { max-width: 760px; margin: 0 0 30px; color: #fff; font: 400 clamp(62px, 7vw, 108px)/.94 var(--jr-serif); letter-spacing: -.04em; }
.jr-inquiry-page .inquiry-hero-copy > p:not(.eyebrow) { max-width: 680px; margin: 0; color: rgba(255,255,255,.82); font-size: clamp(17px, 1.35vw, 21px); }
.jr-inquiry-page .inquiry-hero-note { display: grid; grid-template-columns: auto 1fr; align-content: end; gap: clamp(24px, 3vw, 46px); padding: clamp(60px, 7vw, 105px); border-left: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.045); }
.jr-inquiry-page .inquiry-note-number { padding-top: 4px; color: var(--jr-gold); font: 20px var(--jr-serif); }
.jr-inquiry-page .inquiry-hero-note h2 { max-width: 540px; margin: 0 0 24px; color: #fff; font: 400 clamp(34px, 3.5vw, 56px)/1.06 var(--jr-serif); letter-spacing: -.025em; }
.jr-inquiry-page .inquiry-hero-note div > p:last-child { max-width: 520px; margin-bottom: 0; color: rgba(255,255,255,.76); }

.jr-inquiry-page .inquiry-content { display: grid; grid-template-columns: minmax(260px, .68fr) minmax(0, 1.32fr); align-items: start; gap: clamp(55px, 9vw, 145px); padding-top: clamp(80px, 10vw, 150px); padding-bottom: clamp(90px, 11vw, 170px); }
.jr-inquiry-page .inquiry-intro { position: sticky; top: 130px; }
.jr-inquiry-page .inquiry-intro h2 { margin: 0 0 26px; font: 400 clamp(38px, 4vw, 62px)/1.06 var(--jr-serif); letter-spacing: -.03em; }
.jr-inquiry-page .inquiry-intro > p:not(.eyebrow) { max-width: 470px; color: #5a6059; }
.jr-inquiry-page .inquiry-back-link { display: inline-block; margin-top: 25px; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: var(--jr-rust); font-size: 12px; font-weight: 600; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.jr-inquiry-page .inquiry-back-link:hover { opacity: .72; }
.jr-inquiry-page .inquiry-form-card { min-width: 0; padding: clamp(34px, 5vw, 74px); background: var(--jr-cream); }

.jr-inquiry-page .inquiry-message { margin: 0 0 30px; padding: 17px 20px; border-left: 4px solid; background: rgba(255,255,255,.58); }
.jr-inquiry-page .inquiry-message.is-success { border-color: var(--jr-moss); }
.jr-inquiry-page .inquiry-message.is-error { border-color: var(--jr-rust); }
.jr-inquiry-page .jr-step-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 45px; padding: 0; list-style: none; }
.jr-inquiry-page .jr-step-progress li { position: relative; margin: 0; padding: 0 0 14px; border-bottom: 2px solid rgba(32,37,31,.18); color: #696d67; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.jr-inquiry-page .jr-step-progress li::after { position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; background: var(--jr-rust); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.jr-inquiry-page .jr-step-progress li.is-active,
.jr-inquiry-page .jr-step-progress li.is-complete { color: var(--jr-ink); }
.jr-inquiry-page .jr-step-progress li.is-active::after,
.jr-inquiry-page .jr-step-progress li.is-complete::after { transform: scaleX(1); }
.jr-inquiry-page .jr-step-progress span { display: inline-grid; width: 25px; height: 25px; margin-right: 6px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; }
.jr-inquiry-page .jr-form-step { min-width: 0; margin: 0; padding: 0; border: 0; }
.jr-inquiry-page .jr-form-step[hidden] { display: none !important; }
.jr-inquiry-page .jr-form-step legend { display: block; width: 100%; margin: 0 0 8px; padding: 0; color: var(--jr-ink); font: 400 clamp(32px, 3vw, 45px)/1.08 var(--jr-serif); letter-spacing: -.025em; outline: 0; }
.jr-inquiry-page .jr-step-note { margin: 0 0 32px; color: #626760; }
.jr-inquiry-page .jr-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 24px; }
.jr-inquiry-page .jr-field { min-width: 0; }
.jr-inquiry-page .jr-field-wide { grid-column: 1 / -1; }
.jr-inquiry-page .jr-field label { display: block; margin: 0 0 8px; color: var(--jr-ink); font-size: 12px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.jr-inquiry-page .jr-field label span { color: var(--jr-rust); }
.jr-inquiry-page .jr-field input,
.jr-inquiry-page .jr-field select,
.jr-inquiry-page .jr-field textarea { display: block; width: 100%; min-height: 54px; margin: 0; padding: 13px 15px; border: 1px solid var(--jr-border); border-radius: 0; outline: 0; background: rgba(255,255,255,.68); color: var(--jr-ink); font: 400 16px/1.45 var(--jr-sans); box-shadow: none; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.jr-inquiry-page .jr-field textarea { min-height: 155px; resize: vertical; }
.jr-inquiry-page .jr-field input:focus,
.jr-inquiry-page .jr-field select:focus,
.jr-inquiry-page .jr-field textarea:focus { border-color: var(--jr-rust); background: #fff; box-shadow: 0 0 0 3px rgba(152,81,55,.12); }
.jr-inquiry-page .jr-field input::placeholder,
.jr-inquiry-page .jr-field textarea::placeholder { color: #777a75; opacity: 1; }
.jr-inquiry-page .jr-submit-button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 56px; margin: 34px 0 0; padding: 16px 23px; border: 1px solid var(--jr-rust); border-radius: 0; background: var(--jr-rust); color: #fff; cursor: pointer; font: 700 12px/1 var(--jr-sans); letter-spacing: .1em; text-transform: uppercase; transition: background .18s ease, color .18s ease; }
.jr-inquiry-page .jr-submit-button:hover,
.jr-inquiry-page .jr-submit-button:focus-visible { background: transparent; color: var(--jr-rust); }
.jr-inquiry-page .jr-step-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 34px; }
.jr-inquiry-page .jr-step-actions-end { justify-content: flex-end; }
.jr-inquiry-page .jr-step-actions .jr-submit-button { margin: 0; }
.jr-inquiry-page .jr-step-button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 56px; padding: 16px 23px; border: 1px solid var(--jr-rust); border-radius: 0; background: var(--jr-rust); color: #fff; cursor: pointer; font: 700 12px/1 var(--jr-sans); letter-spacing: .1em; text-transform: uppercase; transition: background .18s ease, color .18s ease; }
.jr-inquiry-page .jr-step-button:hover,
.jr-inquiry-page .jr-step-button:focus-visible { background: transparent; color: var(--jr-rust); }
.jr-inquiry-page .jr-back-button { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 10px 0; border: 0; background: transparent; color: var(--jr-rust); cursor: pointer; font: 700 12px/1 var(--jr-sans); letter-spacing: .09em; text-transform: uppercase; }
.jr-inquiry-page .jr-back-button:hover,
.jr-inquiry-page .jr-back-button:focus-visible { text-decoration: underline; }
.jr-inquiry-page .jr-submit-button:disabled { cursor: wait; opacity: .65; }
.jr-inquiry-page .jr-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.jr-inquiry-page .inquiry-footer-note { display: grid; grid-template-columns: .45fr 1.55fr; gap: clamp(35px, 7vw, 110px); padding: clamp(65px, 8vw, 110px) var(--jr-pad); background: var(--jr-moss); color: #fff; }
.jr-inquiry-page .inquiry-footer-note > p:last-child { max-width: 970px; margin: 0; font: 400 clamp(29px, 3.3vw, 49px)/1.14 var(--jr-serif); letter-spacing: -.02em; }

@media (max-width: 900px) {
  .jr-inquiry-page .inquiry-hero { grid-template-columns: 1fr; }
  .jr-inquiry-page .inquiry-hero-copy { min-height: 520px; }
  .jr-inquiry-page .inquiry-hero-note { border-top: 1px solid rgba(255,255,255,.2); border-left: 0; }
  .jr-inquiry-page .inquiry-content { grid-template-columns: 1fr; }
  .jr-inquiry-page .inquiry-intro { position: static; max-width: 700px; }
}

@media (max-width: 620px) {
  .jr-inquiry-page .inquiry-hero-copy { min-height: 0; padding: 64px 24px 70px; }
  .jr-inquiry-page .inquiry-hero h1 { font-size: clamp(52px, 17vw, 76px); }
  .jr-inquiry-page .inquiry-hero-note { grid-template-columns: 1fr; padding: 55px 24px 62px; }
  .jr-inquiry-page .inquiry-content { gap: 42px; padding-top: 68px; padding-bottom: 78px; }
  .jr-inquiry-page .inquiry-form-card { margin-inline: -12px; padding: 34px 22px 42px; }
  .jr-inquiry-page .jr-form-grid { grid-template-columns: 1fr; }
  .jr-inquiry-page .jr-field-wide { grid-column: auto; }
  .jr-inquiry-page .jr-step-progress { gap: 7px; margin-bottom: 36px; }
  .jr-inquiry-page .jr-step-progress li { font-size: 0; }
  .jr-inquiry-page .jr-step-progress span { margin-right: 0; font-size: 10px; }
  .jr-inquiry-page .jr-step-actions { align-items: stretch; flex-direction: column-reverse; }
  .jr-inquiry-page .jr-step-actions-end { flex-direction: column; }
  .jr-inquiry-page .jr-submit-button,
  .jr-inquiry-page .jr-step-button { width: 100%; }
  .jr-inquiry-page .jr-back-button { align-self: center; }
  .jr-inquiry-page .inquiry-footer-note { grid-template-columns: 1fr; padding: 58px 24px 68px; }
}