/* One declaration per rule keeps the entire stylesheet free of semicolons */
:root { --ink: #183e32 }
:root { --green: #23634b }
:root { --sage: #dbe6d5 }
:root { --lime: #dce7a9 }
:root { --paper: #f7f6ee }
:root { --muted: #58665c }
:root { --line: #d8dfd3 }
* { box-sizing: border-box }
html { scroll-behavior: smooth }
html { scroll-padding-top: 110px }
body { margin: 0 }
body { color: var(--ink) }
body { background: var(--paper) }
body { font-family: Arial, Helvetica, sans-serif }
body { font-size: 16px }
body { line-height: 1.65 }
button, input { font: inherit }
button, a { -webkit-tap-highlight-color: transparent }
button { cursor: pointer }
a { color: inherit }
a { text-underline-offset: 5px }
a:hover { text-decoration-thickness: 2px }
img { display: block }
img { max-width: 100% }
img { height: auto }
h1, h2, h3, p { margin-top: 0 }
h1, h2, h3 { font-weight: 400 }
h1, h2, h3 { line-height: 1.12 }
h1, h2, h3 { font-family: Georgia, 'Times New Roman', serif }
h1, h2, h3 { overflow-wrap: normal }
h1, h2, h3 { hyphens: none }
h2, h3 { hyphens: auto }
h1 { font-size: clamp(3.2rem, 7.1vw, 6.8rem) }
h1 { letter-spacing: -.055em }
h2 { font-size: clamp(2.1rem, 4vw, 3.5rem) }
h2 { letter-spacing: -.035em }
h3 { font-size: 1.65rem }
p { margin-bottom: 1.25rem }
svg { width: 24px }
svg { height: 24px }
svg { flex-shrink: 0 }
::selection { background: var(--lime) }
:focus-visible { outline: 3px solid #a37122 }
:focus-visible { outline-offset: 5px }
[hidden] { display: none !important }
.wrap { width: min(1240px, calc(100% - 40px)) }
.wrap { margin-inline: auto }
.section { padding-block: 64px }
.eyebrow { font-size: .73rem }
.eyebrow { text-transform: uppercase }
.eyebrow { letter-spacing: .17em }
.eyebrow { font-weight: 700 }
.eyebrow { margin-bottom: 20px }
.eyebrow { display: flex }
.eyebrow { align-items: center }
.eyebrow { gap: 10px }
.dot { width: 7px }
.dot { height: 7px }
.dot { border-radius: 50% }
.dot { background: #7b9253 }
.muted { color: var(--muted) }
.lead { font-size: 1.1rem }
.lead { line-height: 1.7 }
.lead { max-width: 620px }
.skip { position: absolute }
.skip { left: 16px }
.skip { top: -100px }
.skip { padding: 12px 20px }
.skip { background: white }
.skip { z-index: 100 }
.skip:focus { top: 12px }
.topline { background: var(--ink) }
.topline { color: #e7eedc }
.topline { font-size: .72rem }
.topline { letter-spacing: .07em }
.topline .wrap { display: flex }
.topline .wrap { justify-content: space-between }
.topline .wrap { padding-block: 7px }
.topline span:last-child { display: none }
.header { background: #fffef9 }
.header { border-bottom: 1px solid var(--line) }
.header { position: sticky }
.header { top: 0 }
.header { z-index: 20 }
.header-inner { min-height: 82px }
.header-inner { display: flex }
.header-inner { align-items: center }
.header-inner { justify-content: space-between }
.brand { display: flex }
.brand { align-items: center }
.brand { gap: 10px }
.brand { text-decoration: none }
.brand img { width: 51px }
.brand img { height: 56px }
.brand img { object-fit: contain }
.brand img { mix-blend-mode: multiply }
.brand strong { display: block }
.brand strong { font-family: Georgia, serif }
.brand strong { font-size: 1.18rem }
.brand strong { white-space: nowrap }
.brand strong { line-height: 1.25 }
.brand small { font-size: .64rem }
.brand small { text-transform: uppercase }
.brand small { letter-spacing: .17em }
.brand small { white-space: nowrap }
.menu-toggle { display: flex }
.menu-toggle { align-items: center }
.menu-toggle { gap: 8px }
.menu-toggle { padding: 11px 12px }
.menu-toggle { background: transparent }
.menu-toggle { color: var(--ink) }
.menu-toggle { border: 1px solid var(--line) }
.menu-toggle { border-radius: 8px }
.nav { display: none }
.nav { position: absolute }
.nav { top: 100% }
.nav { left: 0 }
.nav { width: 100% }
.nav { background: #fffef9 }
.nav { padding: 16px 20px 24px }
.nav { box-shadow: 0 15px 20px #183e3210 }
.nav.is-open { display: grid }
.nav { gap: 8px }
.nav a { text-decoration: none }
.nav a { padding: 12px 10px }
.nav a { font-size: .88rem }
.nav a[aria-current=page] { text-decoration: underline }
.nav a[aria-current=page] { text-decoration-color: #839865 }
.nav a:hover { color: #51723c }
.button { display: inline-flex }
.button { justify-content: center }
.button { align-items: center }
.button { gap: 15px }
.button { min-height: 50px }
.button { padding: 13px 23px }
.button { background: var(--green) }
.button { border: 1px solid var(--green) }
.button { border-radius: 5px }
.button { color: white }
.button { text-decoration: none }
.button { font-size: .88rem }
.button { font-weight: 600 }
.button { transition: background .2s, transform .2s }
.button:hover { background: var(--ink) }
.button:hover { transform: translateY(-2px) }
.button.light { background: var(--lime) }
.button.light { color: var(--ink) }
.button.light { border-color: var(--lime) }
.button.light:hover { background: #ecf2c9 }
.button.outline { background: transparent }
.button.outline { color: var(--ink) }
.button.outline { border-color: #687960 }
.button.outline:hover { background: #e8ecdf }
.actions { display: flex }
.actions { flex-wrap: wrap }
.actions { gap: 12px }
.text-link { display: inline-flex }
.text-link { align-items: center }
.text-link { gap: 12px }
.text-link { font-size: .9rem }
.text-link { font-weight: 600 }
.text-link { text-decoration: none }
.text-link:hover { text-decoration: underline }
.hero { padding-top: 40px }
.hero { padding-bottom: 48px }
.hero-grid { display: grid }
.hero-grid { gap: 38px }
.hero h1 { margin-bottom: 22px }
.hero h1 { font-size: clamp(2.6rem, 4.8vw, 4.8rem) }
.hero h1 em { color: #687b48 }
.hero h1 em { font-weight: 400 }
.hero .lead { max-width: 480px }
.hero .actions { margin-top: 28px }
.hero-note { display: flex }
.hero-note { align-items: center }
.hero-note { gap: 9px }
.hero-note { margin-top: 25px }
.hero-note { font-size: .77rem }
.hero-note { color: var(--muted) }
.hero-note svg { width: 17px }
.hero-media { position: relative }
.hero-media { margin-right: 14px }
.hero-photo { width: 100% }
.hero-photo { height: 380px }
.hero-photo { object-fit: cover }
.hero-photo { object-position: 53% 50% }
.hero-photo { border-radius: 8px 100px 8px 80px }
.hero-stamp { position: absolute }
.hero-stamp { bottom: 23px }
.hero-stamp { right: -14px }
.hero-stamp { width: 115px }
.hero-stamp { height: 115px }
.hero-stamp { display: grid }
.hero-stamp { place-content: center }
.hero-stamp { border-radius: 50% }
.hero-stamp { background: var(--lime) }
.hero-stamp { border: 5px solid var(--paper) }
.hero-stamp { text-align: center }
.hero-stamp { font-family: Georgia, serif }
.hero-stamp { font-size: 1.05rem }
.hero-stamp { line-height: 1.35 }
.hero-stamp { transform: rotate(9deg) }
.photo-caption { margin-top: 12px }
.photo-caption { font-size: .68rem }
.photo-caption { color: var(--muted) }
.values { border-top: 1px solid var(--line) }
.values { border-bottom: 1px solid var(--line) }
.values-grid { display: grid }
.values-grid { gap: 20px }
.values-grid { padding-block: 26px }
.value { display: flex }
.value { align-items: center }
.value { gap: 16px }
.value svg { width: 30px }
.value svg { height: 30px }
.value strong { display: block }
.value strong { font-size: .94rem }
.value span { color: var(--muted) }
.value span { font-size: .8rem }
.section-heading { display: flex }
.section-heading { flex-direction: column }
.section-heading { gap: 18px }
.section-heading { margin-bottom: 32px }
.section-heading h2 { margin-bottom: 0 }
.section-heading .eyebrow { margin-bottom: 12px }
.section-heading > p { max-width: 380px }
.section-heading > p { margin: 0 }
.cards { display: grid }
.cards { gap: 22px }
.offer { padding: 30px }
.offer { background: #e6ebde }
.offer { border-radius: 8px }
.offer:nth-child(2) { background: #eee9db }
.offer:nth-child(3) { background: #e2eae5 }
.offer-number { display: flex }
.offer-number { align-items: center }
.offer-number { justify-content: space-between }
.offer-number { margin-bottom: 38px }
.offer-number { color: #52634b }
.offer-number > svg { width: 38px }
.offer-number > svg { height: 38px }
.offer :is(h2, h3) { margin-bottom: 16px }
.offer p { color: #4b594e }
.offer p { font-size: .94rem }
.offer .text-link { margin-top: 12px }
.story { background: #e9eddf }
.split { display: grid }
.split { gap: 36px }
.story-photo { width: 100% }
.story-photo { max-height: 530px }
.story-photo { object-fit: cover }
.story-photo { border-radius: 100px 8px 8px 8px }
.story-copy { align-self: center }
.story-copy p { color: #4b594e }
.story-quote { padding: 20px 0 20px 22px }
.story-quote { border-left: 2px solid #859566 }
.story-quote { font-family: Georgia, serif }
.story-quote { font-size: 1.4rem }
.story-quote { line-height: 1.45 }
.story-quote { margin: 24px 0 }
.card { min-width: 0 }
.card { background: #fffef9 }
.card { border: 1px solid var(--line) }
.card { border-radius: 8px }
.card { overflow: hidden }
.card-image { width: 100% }
.card-image { aspect-ratio: 1.55 }
.card-image { object-fit: cover }
.card-image { object-position: 50% 25% }
.card-image { background: var(--sage) }
.card-body { padding: 25px }
.card :is(h2, h3) { font-size: 1.55rem }
.card :is(h2, h3) { margin-bottom: 14px }
.card :is(h2, h3) a { text-decoration: none }
.card :is(h2, h3) a:hover { text-decoration: underline }
.card p { color: var(--muted) }
.card p { font-size: .9rem }
.card-meta { display: flex }
.card-meta { gap: 10px }
.card-meta { align-items: center }
.card-meta { flex-wrap: wrap }
.card-meta { margin-bottom: 16px }
.card-meta { font-size: .7rem }
.card-meta { color: #52634b }
.tag { display: inline-block }
.tag { padding: 4px 9px }
.tag { background: #e8eddf }
.tag { border-radius: 4px }
.tag { font-size: .69rem }
.tag { font-weight: 600 }
.horse .card-image { aspect-ratio: 1 }
.horse .card-body { padding: 20px }
.horse .card-body h3 { margin-bottom: 5px }
.horse .card-body p { margin-bottom: 0 }
.help-panel { background: var(--ink) }
.help-panel { color: #fffef9 }
.help-panel { border-radius: 12px }
.help-panel { padding: 36px 25px }
.help-panel { position: relative }
.help-panel { overflow: hidden }
.help-panel .eyebrow { color: #bfceac }
.help-panel p { color: #d1dccb }
.help-panel h2 { max-width: 650px }
.help-panel .actions { margin-top: 26px }
.help-panel .text-link { color: #fffef9 }
.help-panel .text-link { padding: 13px 8px }
.footer { border-top: 1px solid var(--line) }
.footer { padding-block: 45px 22px }
.footer-grid { display: grid }
.footer-grid { gap: 30px }
.footer-title { font-size: .75rem }
.footer-title { font-weight: 700 }
.footer-title { text-transform: uppercase }
.footer-title { letter-spacing: .12em }
.footer-links { display: grid }
.footer-links { gap: 9px }
.footer-links a { text-decoration: none }
.footer-links a { font-size: .86rem }
.footer-links a:hover { text-decoration: underline }
.footer address { font-style: normal }
.footer address { font-size: .87rem }
.footer .brand { margin-bottom: 18px }
.footer .brand strong { white-space: normal }
.footer .brand strong { font-size: 1.15rem }
.footer .brand small { font-size: .55rem }
.footer-bottom { border-top: 1px solid var(--line) }
.footer-bottom { margin-top: 40px }
.footer-bottom { padding-top: 20px }
.footer-bottom { display: flex }
.footer-bottom { flex-wrap: wrap }
.footer-bottom { gap: 12px 24px }
.footer-bottom { font-size: .73rem }
.footer-bottom { color: var(--muted) }
.footer-bottom a { text-decoration: none }
.page-head { padding-block: 32px 44px }
.page-head h1 { font-size: clamp(2.6rem, 5.2vw, 4.8rem) }
.page-head h1 { max-width: 1000px }
.page-head h1 { margin-bottom: 20px }
.breadcrumb { display: flex }
.breadcrumb { flex-wrap: wrap }
.breadcrumb { gap: 9px }
.breadcrumb { font-size: .74rem }
.breadcrumb { color: var(--muted) }
.breadcrumb { margin-bottom: 30px }
.breadcrumb a { text-decoration: none }
.page-body { padding-bottom: 70px }
.prose { max-width: 790px }
.prose { overflow-wrap: anywhere }
.prose h2 { font-size: 1.9rem }
.prose h2 { margin-top: 36px }
.prose p { color: #405447 }
.prose p { line-height: 1.85 }
.prose > :first-child { margin-top: 0 }
.prose img { border-radius: 10px }
.detail-layout { display: grid }
.detail-layout { gap: 36px }
.detail-image { width: 100% }
.detail-image { max-height: 620px }
.detail-image { object-fit: cover }
.detail-image { border-radius: 8px 70px 8px 8px }
.poster { object-fit: contain }
.poster { background: #efe8d7 }
.detail-image.poster { max-height: none }
.detail-image.poster { border-radius: 8px }
.gallery.posters { grid-template-columns: 1fr }
.gallery.posters img { aspect-ratio: auto }
.gallery { display: grid }
.gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.gallery { gap: 16px }
.gallery { margin-top: 30px }
.gallery img { width: 100% }
.gallery img { border-radius: 8px }
.gallery img { aspect-ratio: 1 }
.gallery img { object-fit: cover }
.notice { padding: 21px 24px }
.notice { border-left: 3px solid #839865 }
.notice { background: #e8eddf }
.notice { border-radius: 0 7px 7px 0 }
.notice { margin-bottom: 28px }
.notice p:last-child { margin-bottom: 0 }
.tabs { display: flex }
.tabs { flex-wrap: wrap }
.tabs { gap: 10px }
.tabs { margin-bottom: 32px }
.tabs a { padding: 10px 17px }
.tabs a { border: 1px solid #bac8b1 }
.tabs a { border-radius: 30px }
.tabs a { text-decoration: none }
.tabs a:hover { background: var(--sage) }
.event-list { display: grid }
.event-list { grid-template-columns: minmax(0, 1fr) }
.event-list { gap: 14px }
.event { display: flex }
.event { gap: 20px }
.event { align-items: center }
.event { padding: 23px }
.event { background: #fffef9 }
.event { border: 1px solid var(--line) }
.event { border-radius: 8px }
.event-date { flex: 0 0 65px }
.event-date { text-align: center }
.event-date strong { display: block }
.event-date strong { font-family: Georgia, serif }
.event-date strong { font-size: 2.25rem }
.event-date strong { line-height: 1.1 }
.event-date span { font-size: .75rem }
.event h3 { margin-bottom: 7px }
.event h3 { font-size: 1.35rem }
.event p { margin-bottom: 0 }
.event p { font-size: .8rem }
.event a { text-decoration: none }
.event a:hover { text-decoration: underline }
.event > div:nth-child(2) { min-width: 0 }
.event > svg { margin-left: auto }
.subsection { margin-top: 58px }
.subsection > h2 { font-size: 2.2rem }
.download-search { width: 100% }
.download-search { max-width: 600px }
.download-search { border: 1px solid #687960 }
.download-search { padding: 14px 18px }
.download-search { border-radius: 6px }
.download-search { background: #fffef9 }
.download-search { color: var(--ink) }
.download-list { display: grid }
.download-list { gap: 10px }
.download { display: flex }
.download { align-items: center }
.download { gap: 14px }
.download { padding: 18px 20px }
.download { background: #fffef9 }
.download { border: 1px solid var(--line) }
.download { border-radius: 6px }
.download { text-decoration: none }
.download:hover { background: #e8eddf }
.download strong { display: block }
.download strong { font-weight: 500 }
.download small { color: var(--muted) }
.download > svg:last-child { margin-left: auto }
.contact-box { background: #e8eddf }
.contact-box { padding: 30px }
.contact-box { border-radius: 10px }
.contact-box h2 { font-size: 1.9rem }
.contact-box a { overflow-wrap: anywhere }
.contact-row { display: flex }
.contact-row { gap: 14px }
.contact-row { margin-top: 25px }
.contact-row strong { display: block }
.contact-row strong { margin-bottom: 5px }
.bank { overflow-wrap: anywhere }
.bank { font-variant-numeric: tabular-nums }
.bank dt { font-size: .78rem }
.bank dt { color: var(--muted) }
.bank dd { margin: 3px 0 18px }
.bank dd { font-size: 1.05rem }
.faq { border-bottom: 1px solid var(--line) }
.faq { padding-block: 20px }
.faq summary { cursor: pointer }
.faq summary { font-size: 1.1rem }
.faq summary { font-weight: 600 }
.faq p { padding-top: 18px }
.faq p { margin-bottom: 0 }
.price-group { border: 1px solid var(--line) }
.price-group { border-radius: 8px }
.price-group { padding: 25px }
.price-group { background: #fffef9 }
.price-group h2 { font-size: 1.8rem }
.price-row { display: flex }
.price-row { align-items: baseline }
.price-row { justify-content: space-between }
.price-row { gap: 20px }
.price-row { padding-block: 13px }
.price-row { border-top: 1px solid var(--line) }
.price-row span { font-size: .89rem }
.price-row strong { white-space: nowrap }
.timeline { border-left: 1px solid #9eaf92 }
.timeline { margin-left: 10px }
.timeline-item { padding: 0 0 35px 30px }
.timeline-item h2 { margin: 0 0 10px }
.timeline-item h2 { font-size: 2.2rem }
.timeline-item p { max-width: 730px }
.empty { color: var(--muted) }
.empty { padding: 22px }
.empty { border: 1px dashed #687960 }
.empty { border-radius: 8px }
.search-label { display: block }
.search-label { font-size: .85rem }
.search-label { margin-bottom: 8px }
.center { text-align: center }
@media (max-width: 959px) {
  html { scroll-padding-top: 20px }
  .header { position: relative }
  .header-inner { flex-wrap: wrap }
  .header-inner { padding-block: 12px }
  .nav { position: static }
  .nav { flex-basis: 100% }
  .nav { padding: 16px 0 8px }
  .nav { box-shadow: none }
}
@media (max-width: 599px) {
  .brand img { width: 39px }
  .brand img { height: 45px }
  .brand strong { font-size: .96rem }
  .brand small { font-size: .51rem }
  .brand small { letter-spacing: .08em }
  .brand { gap: 7px }
  .menu-toggle { font-size: .78rem }
  .menu-toggle { padding: 10px }
  .header-inner { min-height: 74px }
  .hero { padding-top: 30px }
  .hero .lead { font-size: 1rem }
  .hero h1 { margin-bottom: 18px }
  .hero .actions { margin-top: 20px }
  .hero-note { margin-top: 18px }
  .event { padding: 18px 14px }
  .event { gap: 12px }
  .event-date { flex-basis: 50px }
  .event > svg { display: none }
}
@media (max-width: 359px) {
  .menu-toggle { font-size: 0 }
  .menu-toggle { gap: 0 }
  .brand strong { font-size: .87rem }
  .brand small { font-size: .47rem }
  .brand img { width: 34px }
}
@media (min-width: 600px) {
  .wrap { width: min(1240px, calc(100% - 64px)) }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .values-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) }
  .value { gap: 12px }
  .topline span:last-child { display: inline }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .download-list { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .hero-photo { height: 520px }
  .help-panel { padding: 50px }
}
@media (min-width: 960px) {
  .section { padding-block: 90px }
  .header-inner { min-height: 96px }
  .brand img { width: 64px }
  .brand img { height: 68px }
  .brand strong { font-size: 1.38rem }
  .brand small { font-size: .7rem }
  .menu-toggle { display: none }
  .nav { display: flex }
  .nav { position: static }
  .nav { width: auto }
  .nav { align-items: center }
  .nav { padding: 0 }
  .nav { background: transparent }
  .nav { box-shadow: none }
  .nav { gap: 17px }
  .nav.is-open { display: flex }
  .nav a { padding: 10px 0 }
  .nav .button { padding: 11px 20px }
  .nav .button:hover { color: white }
  .hero { padding-top: 52px }
  .hero { padding-bottom: 54px }
  .hero-grid { grid-template-columns: .96fr 1.04fr }
  .hero-grid { align-items: center }
  .hero-grid { gap: 58px }
  .hero-photo { height: 555px }
  .hero-photo { border-radius: 8px 150px 8px 100px }
  .hero-stamp { width: 145px }
  .hero-stamp { height: 145px }
  .hero-stamp { right: -25px }
  .hero-stamp { bottom: 48px }
  .hero-stamp { font-size: 1.25rem }
  .values-grid { padding-block: 30px }
  .value { justify-content: center }
  .value + .value { border-left: 1px solid var(--line) }
  .cards { grid-template-columns: repeat(3, minmax(0, 1fr)) }
  .cards.four { grid-template-columns: repeat(4, minmax(0, 1fr)) }
  .section-heading { flex-direction: row }
  .section-heading { align-items: end }
  .section-heading { justify-content: space-between }
  .split { grid-template-columns: 1fr 1fr }
  .split { gap: 70px }
  .detail-layout { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) }
  .detail-layout { gap: 60px }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1.2fr }
  .help-panel { padding: 60px 70px }
  .page-head { padding-block: 35px 60px }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto }
  .button { transition: none }
  .button:hover { transform: none }
}
@media print {
  .topline, .header, .footer, .actions, .tabs { display: none }
  body { background: white }
  .wrap { width: 100% }
  .section { padding-block: 20px }
}

.welcome { max-width: 850px }
.welcome-more { margin-top: 24px }
.welcome-more summary { color: var(--ink) }
.welcome-more summary { font-weight: 700 }
.welcome-more summary { cursor: pointer }
.welcome-more summary { padding-block: 16px }
.welcome-more summary { border-top: 1px solid var(--line) }
.welcome-more[open] summary { margin-bottom: 20px }
.people-row + .people-row { margin-top: 28px }
.profile-placeholder { display: grid }
.profile-placeholder { place-items: center }
.profile-placeholder { height: 320px }
.profile-placeholder { background: var(--sage) }
.profile-placeholder svg { width: 90px }
.profile-placeholder svg { height: 90px }
.profile-placeholder svg { color: var(--muted) }
.card-image.logo-image { object-fit: contain }
.card-image.logo-image { padding: 28px }
.card-image.logo-image { background: white }
.recognition { display: grid }
.recognition { gap: 40px }
.recognition-logos { display: flex }
.recognition-logos { flex-wrap: wrap }
.recognition-logos { align-items: center }
.recognition-logos { justify-content: center }
.recognition-logos { gap: 36px }
.recognition-logo { width: min(280px, 44%) }
.recognition-logo { height: 320px }
.recognition-logo.seal { filter: drop-shadow(0 8px 14px rgb(24 62 50 / .22)) }
.recognition { background: var(--sage) }
.recognition { border-radius: 28px }
.recognition { padding: clamp(28px, 5vw, 64px) }
.recognition-logo { object-fit: contain }
.film-links { display: flex }
.film-links { flex-wrap: wrap }
.film-links { gap: 18px }
.film-links { margin-block: 24px }
.film-links .button { white-space: normal }
.film-panel { background: var(--sage) }
.film-panel { border-radius: 24px }
.film-panel { padding: clamp(24px, 5vw, 56px) }
.film-panel .button { font-size: 1.05rem }
@media (max-width: 599px) {
  h1 { font-size: clamp(2.3rem, 8vw, 3.2rem) }
  h2 { font-size: clamp(1.65rem, 7vw, 2.1rem) }
  .offer h2 { font-size: 1.65rem }
}
@media (min-width: 960px) {
  .recognition { grid-template-columns: 1fr 1fr }
  .recognition { align-items: center }
}

/* The assistant is optional. Navigation also works without JavaScript. */
html:not(.js) .menu-toggle { display: none }
html:not(.js) .nav { display: flex }
html:not(.js) .nav { position: static }
html:not(.js) .nav { flex-wrap: wrap }
html:not(.js) .header-inner { flex-wrap: wrap }
.accessibility-tools { display: none }
.js .accessibility-tools { display: block }
.accessibility-tools { position: fixed }
.accessibility-tools { left: 12px }
.accessibility-tools { bottom: 12px }
.accessibility-tools { z-index: 30 }
.accessibility-tools { transition: bottom .2s ease }
.elfsight-loaded .accessibility-tools { bottom: 84px }
.accessibility-tools .button { min-height: 44px }
.accessibility-tools .button { padding: 8px 14px }
.accessibility-tools .button { border: 2px solid white }
.accessibility-tools .button { box-shadow: 0 2px 12px #183e3240 }
body { padding-bottom: 76px }
html { scroll-padding-bottom: 88px }
:focus-visible { outline-color: currentColor }
:focus-visible { box-shadow: 0 0 0 5px var(--paper) }
.footer-links a, .footer-bottom a { min-height: 24px }
dialog { width: min(540px, calc(100% - 32px)) }
dialog { max-height: calc(100dvh - 48px) }
dialog { overflow-y: auto }
dialog { padding: 24px }
dialog { border: 2px solid var(--green) }
dialog { border-radius: 12px }
dialog { background: var(--paper) }
dialog { color: var(--ink) }
dialog::backdrop { background: #183e3280 }
dialog h2 { font-size: 1.6rem }
button:disabled { cursor: default }
[hidden] { display: none !important }
@media print {
  .js .accessibility-tools, dialog { display: none }
}
