/* Inner pages, modern and calm (Fleur, 3 Nov 2026): horse and mare profiles, photo grid + lightbox,
   videos, pedigree, news, references and contact. Loaded after layout.css and animations.css. */
:root {
  --le-cream: #f7f3ed; --le-sand: #efe8dd; --le-line: #e4dccf;
  --le-gold: #a8865a; --le-gold-soft: #cbb48c; --le-brown: #3a2c24; --le-ink: #24262a; --le-mute: #8a7f72;
  --le-wrap: max(6%, calc((100vw - 1320px) / 2));
}
/* the cool grey surfaces of the theme become a warm ivory, in line with the light footer */
:root { --surface-grey: #f3eee6 }
.le-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
.le-honeypot { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden }

/* buttons */
.button.le-btn-dark { background: var(--le-brown); border-color: var(--le-brown); color: #fff }
.button.le-btn-dark:hover { background: var(--le-gold); border-color: var(--le-gold); color: #fff }
.button.le-btn-line { background: transparent; border-color: #cdbfa8; color: var(--le-ink) }
.button.le-btn-line:hover { background: var(--le-ink); border-color: var(--le-ink); color: #fff }

/* ============ horse and mare profiles ============ */
main.horse-profile .horse-lead { grid-template-columns: minmax(0, 1.3fr) minmax(400px, 1fr); min-height: min(80vh, 780px); background: var(--le-cream) }
main.horse-profile .horse-lead-photo { position: relative; overflow: hidden; min-height: 460px; background: var(--le-sand) }
main.horse-profile .horse-lead-photo img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: cover }
main.horse-profile .horse-lead-copy { padding: clamp(40px, 6vw, 92px) clamp(28px, 5.5vw, 92px); justify-content: center }
.le-crumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--le-mute) }
.le-crumbs a:hover { color: var(--le-gold) }
.le-crumbs span { color: var(--le-gold-soft) }
main.horse-profile .horse-lead-copy h1 { font-size: clamp(2.6rem, 4.4vw, 4.5rem); line-height: 1.02; letter-spacing: -.03em }
.le-lineage { margin: 16px 0 0; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: clamp(1.1rem, 1.5vw, 1.35rem); color: var(--le-gold) }
main.horse-profile .horse-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; margin: 38px 0 38px; width: 100% }
main.horse-profile .horse-facts div { padding: 15px 0; border-top: 1px solid var(--le-line) }
main.horse-profile .horse-facts div:first-child { grid-column: auto }
main.horse-profile .horse-facts dt { font-size: .66rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-mute) }
main.horse-profile .horse-facts dd { margin: 6px 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.12rem; color: var(--le-ink) }
.le-actions { display: flex; flex-wrap: wrap; gap: 12px }

/* sticky in-page navigation */
.le-subnav { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 28px; height: 62px; padding: 0 var(--le-wrap);
  background: rgba(255, 255, 255, .95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--le-line); transition: box-shadow .4s }
.le-subnav.is-stuck { box-shadow: 0 10px 26px -20px rgba(36, 38, 42, .45) }
.le-subnav strong { flex: 1 1 0; min-width: 0; font: 400 1.1rem/1.2 Georgia, 'Times New Roman', serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transition: opacity .4s }
.le-subnav.is-stuck strong { opacity: 1 }
.le-subnav div { display: flex; gap: 30px; overflow-x: auto; scrollbar-width: none }
.le-subnav div::-webkit-scrollbar { display: none }
.le-subnav div a { padding: 21px 0 19px; border-bottom: 1px solid transparent; font-size: .74rem; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; color: #66625c; transition: color .3s, border-color .3s }
.le-subnav div a:hover, .le-subnav div a[aria-current] { color: var(--le-ink); border-bottom-color: var(--le-gold) }
.le-subnav-cta { flex: 1 1 0; text-align: right; white-space: nowrap; font-size: .8rem }
.le-subnav-cta::after { content: ' →'; color: var(--le-gold) }

main.horse-profile .horse-section { padding: clamp(64px, 8vw, 104px) var(--le-wrap); scroll-margin-top: 62px }
main.horse-profile .horse-section h2 { font-size: clamp(2rem, 3vw, 2.8rem) }
main.horse-profile .section-heading { margin-bottom: 34px; align-items: flex-end }
.le-g-count { font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--le-mute); white-space: nowrap }

/* dam line: a calm editorial column */
main.horse-profile .mare-family { background: #fff }
main.horse-profile .mare-family > * { max-width: 820px; margin-left: auto; margin-right: auto }
main.horse-profile .mare-family h2 { margin-bottom: 30px }
main.horse-profile .mare-family p { font-size: 1rem; line-height: 1.85 }
main.horse-profile .mare-family p:first-of-type { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.2rem, 1.7vw, 1.45rem); line-height: 1.6; color: var(--le-ink) }
main.horse-profile .mare-sport-link { max-width: 820px; margin: calc(-1 * clamp(40px, 5vw, 64px)) auto 0; padding: 0 0 clamp(64px, 8vw, 104px); border: 0; box-sizing: content-box; padding-inline: 6% }

/* offspring as cards */
main.horse-profile .mare-offspring { background: var(--le-cream) }
.mare-offspring .offspring-table { margin-top: 34px; overflow: visible }
.mare-offspring .offspring-table table, .mare-offspring .offspring-table tbody { display: block }
.mare-offspring .offspring-table thead { display: none }
.mare-offspring .offspring-table tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px }
.mare-offspring .offspring-table tr { display: flex; flex-direction: column; gap: 8px; padding: 26px 28px; background: #fff; border: 1px solid var(--le-line) }
.mare-offspring .offspring-table td { width: auto !important; padding: 0; border: 0 }
.mare-offspring .offspring-table td:first-child { font: 400 1.9rem/1 Georgia, 'Times New Roman', serif; color: var(--le-gold) }
.mare-offspring .offspring-table td:last-child { font-size: .95rem; line-height: 1.6; color: var(--le-ink) }
.offspring-horsetelex { border-bottom: 1px solid var(--le-gold-soft) }

/* ============ photo grid + lightbox (horse pages and news) ============ */
.le-gallery { display: grid; gap: 10px; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: repeat(2, clamp(170px, 18vw, 280px)) }
.le-gallery[data-count="3"] { grid-template-columns: 2fr 1fr }
.le-gallery[data-count="2"] { grid-template-columns: 1fr 1fr; grid-template-rows: clamp(240px, 28vw, 440px) }
.le-gallery[data-count="1"] { grid-template-columns: 1fr; grid-template-rows: clamp(300px, 40vw, 600px) }
.le-gallery .le-g-item:first-child { grid-row: 1 / 3 }
.le-gallery[data-count="1"] .le-g-item:first-child, .le-gallery[data-count="2"] .le-g-item:first-child { grid-row: auto }
.le-gallery[data-count="4"] .le-g-item:nth-child(4) { grid-column: 2 / 4 }
.le-g-item { position: relative; display: block; overflow: hidden; background: var(--le-sand); cursor: zoom-in }
.le-g-item:nth-child(n+6) { display: none }
.le-g-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s cubic-bezier(.2, .7, .2, 1) }
.le-g-item:hover img { transform: scale(1.035) }
.le-g-item::after { content: ''; position: absolute; inset: 0; background: rgba(24, 19, 16, 0); transition: background .5s }
.le-g-item:hover::after { background: rgba(24, 19, 16, .1) }
.le-g-more { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; background: rgba(28, 22, 18, .48); color: #fff; font: 400 2.1rem/1 Georgia, 'Times New Roman', serif; letter-spacing: .02em }
.news-article .le-gallery { width: min(1100px, 88%); margin: 0 auto 56px }

.le-lb { position: fixed; inset: 0; z-index: 1000; background: rgba(20, 16, 13, .95); opacity: 0; transition: opacity .25s ease }
.le-lb.is-open { opacity: 1 }
.le-lb figure { margin: 0; position: absolute; inset: 0; display: grid; place-items: center; padding: 72px 100px }
.le-lb img { max-width: 100%; max-height: 100%; object-fit: contain; transition: opacity .3s ease }
.le-lb.is-loading img { opacity: .3 }
.le-lb-bar { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 14px 20px 14px 28px; color: #e9e1d3; font-size: .78rem; letter-spacing: .16em }
.le-lb button { background: none; border: 0; color: #f3ede4; cursor: pointer; font: inherit; transition: background .3s, border-color .3s }
.le-lb-close { width: 46px; height: 46px; font-size: 2rem !important; line-height: 1 }
.le-lb-prev, .le-lb-next { position: absolute; top: 50%; width: 54px; height: 54px; margin-top: -27px; border: 1px solid rgba(243, 237, 228, .35) !important; border-radius: 50%; font-size: 1.7rem !important; line-height: 1 }
.le-lb-prev:hover, .le-lb-next:hover { background: rgba(243, 237, 228, .1); border-color: rgba(243, 237, 228, .7) !important }
.le-lb-prev { left: 24px } .le-lb-next { right: 24px }
.le-lb.is-single .le-lb-prev, .le-lb.is-single .le-lb-next { display: none }
html.le-lb-open { overflow: hidden }

/* ============ videos (same YouTube playlist, framed) ============ */
main.horse-profile .le-videos { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.6fr); gap: clamp(32px, 5vw, 84px); align-items: center; background: var(--le-cream) }
.le-videos-copy p { max-width: 340px; margin: 18px 0 26px; font-size: .98rem }
.le-yt { display: inline-flex; align-items: center; gap: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--le-gold); font-size: .85rem }
.le-yt svg { width: 20px; height: 20px; color: var(--le-gold) }
.le-video-frame { position: relative; aspect-ratio: 16 / 9; background: #1d1815 var(--poster, none) center / cover no-repeat; box-shadow: 0 40px 70px -50px rgba(36, 38, 42, .7) }
.le-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; aspect-ratio: auto }
.le-video-frame .embed-consent { position: absolute; inset: 0; min-height: 0; aspect-ratio: auto; gap: 16px; padding: 24px; color: #fff;
  background: linear-gradient(rgba(24, 19, 16, .5), rgba(24, 19, 16, .72)) }
.le-video-frame .embed-consent::before { content: ''; width: 78px; height: 78px; border: 1px solid rgba(255, 255, 255, .75); border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23fff'/%3E%3C/svg%3E") 55% 50% / 30px no-repeat }
.le-video-frame .embed-consent p { margin: 0; color: #efe8dd; font-size: .9rem }
.le-video-frame .embed-consent button { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .6) }
.le-video-frame .embed-consent button:hover { background: #fff; color: var(--le-ink) }

/* ============ pedigree ============ */
main.horse-profile .horse-pedigree { background: #fff }
.horse-pedigree .pedigree-ht { margin-top: 0; padding: 0; border: 0; background: none; border-top: 1px solid var(--le-gold-soft) }
.horse-pedigree .ht-tree { grid-template-rows: repeat(8, minmax(62px, auto)) }
.horse-pedigree .ht-cell { padding: 14px 22px; gap: 3px; background: #fff; border-color: var(--le-line) }
.horse-pedigree .ht-cell strong { font: 400 1.02rem/1.3 Georgia, 'Times New Roman', serif; color: var(--le-ink) }
.horse-pedigree .ht-cell span { font-size: .76rem; font-weight: 400; color: var(--le-mute) }
.horse-pedigree .ht-cell small { font-size: .6rem; letter-spacing: .16em; color: var(--le-gold) }
.horse-pedigree .ht-cell[style*="grid-column:2"] strong { font-size: 1.3rem }
.horse-pedigree .ht-cell[style*="grid-column:3"] strong { font-size: 1.12rem }
.horse-pedigree .ht-cell.ht-mare { box-shadow: inset 2px 0 0 var(--le-gold-soft) }
.horse-pedigree .ht-cell.ht-horse { background: var(--le-cream); border-left: 0; box-shadow: none }
.horse-pedigree .ht-cell.ht-horse strong { font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.1 }

/* ============ compact "interested?" card instead of the big dark band ============ */
.le-cta { padding: 0 var(--le-wrap) clamp(64px, 8vw, 104px) }
.le-cta-inner { display: grid; grid-template-columns: 148px minmax(0, 1fr) auto; align-items: center; gap: 34px; padding: 18px 36px 18px 18px; background: var(--le-cream); border: 1px solid var(--le-line) }
.le-cta-inner img { width: 148px; height: 108px; object-fit: cover }
.le-cta-copy .eyebrow { margin-bottom: 6px; font-size: .68rem }
.le-cta-copy h2 { font-size: clamp(1.45rem, 2vw, 1.9rem) !important }
.le-cta-copy p { margin: 6px 0 0; font-size: .92rem }
.le-cta-actions { display: flex; flex-wrap: wrap; gap: 10px }

/* ============ news overview ============ */
.news-year-filter { display: flex; flex-wrap: wrap; gap: 4px 26px; margin: 0 0 46px; border-bottom: 1px solid var(--le-line) }
.news-year-filter .news-year-button { margin: 0 0 -1px; padding: 0 0 14px; background: none; border: 0; border-bottom: 1px solid transparent; font: inherit; font-size: .82rem; letter-spacing: .14em; color: var(--le-mute); cursor: pointer; transition: color .3s, border-color .3s }
.news-year-filter .news-year-button:hover, .news-year-filter .news-year-button[aria-current] { color: var(--le-ink); border-bottom-color: var(--le-gold) }
.le-news-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 58px 32px }
.le-news-grid article { display: flex; flex-direction: column }
.le-news-grid article[hidden] { display: none }
.le-news-grid article > a:first-child { aspect-ratio: 4 / 3; overflow: hidden; background: var(--le-sand) }
.le-news-grid img { width: 100%; height: 100% !important; transition: transform 1.4s cubic-bezier(.2, .7, .2, 1) }
.le-news-grid article:hover img { transform: scale(1.03) }
.le-news-grid .meta { margin: 22px 0 10px; font-size: .68rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-gold) }
.le-news-grid h3 { margin: 0; font-size: clamp(1.3rem, 1.55vw, 1.55rem); line-height: 1.25 }
.le-news-grid h3 a { transition: color .3s }
.le-news-grid h3 a:hover { color: var(--le-gold) }
.le-excerpt { margin: 12px 0 0; font-size: .92rem; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
.le-news-grid .text-link { display: none }

/* ============ news article ============ */
.news-article { max-width: none; padding: 56px 0 24px }
.news-article > .text-link { display: block; width: max-content; margin: 0 auto; padding: 0; border: 0; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--le-mute) }
.news-article > .text-link::after { content: none }
.news-article > .text-link::before { content: '← '; color: var(--le-gold) }
.news-article > .meta { margin: 26px 0 0; text-align: center; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--le-gold) }
.news-article h1 { max-width: 920px; margin: 14px auto 46px; padding: 0 6%; text-align: center; font-size: clamp(2.2rem, 4.4vw, 3.9rem); line-height: 1.08 }
.news-article .news-hero { width: min(1240px, 88%); margin: 0 auto; height: clamp(280px, 50vw, 640px) }
.news-article .news-body { max-width: 720px; margin: 56px auto; padding: 0 6%; box-sizing: content-box }
.news-article .news-body > p:first-child { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.15rem, 1.6vw, 1.32rem); line-height: 1.7; color: var(--le-ink) }
.le-more-news { padding: clamp(64px, 8vw, 96px) var(--le-wrap); background: var(--le-cream) }
.le-more-news h2 { font-size: clamp(1.9rem, 2.8vw, 2.6rem) }
.le-more-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px }
.le-more-photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--le-sand) }
.le-more-photo img { width: 100%; height: 100%; transition: transform 1.4s cubic-bezier(.2, .7, .2, 1) }
.le-more-grid article:hover img { transform: scale(1.03) }
.le-more-grid .meta { margin: 20px 0 8px; font-size: .68rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-gold) }
.le-more-grid h3 { font-size: 1.3rem; line-height: 1.3 }
.le-more-grid h3 a:hover { color: var(--le-gold) }

/* ============ references ============ */
.reference-grid .le-ref { display: flex; flex-direction: column }
.le-ref-photo { aspect-ratio: 1024 / 548; overflow: hidden; background: var(--le-sand) }
.reference-grid .le-ref-photo img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; background: none; transition: transform 1.4s cubic-bezier(.2, .7, .2, 1) }
/* the original photos have name and pedigree printed in a band at the bottom: show only the photo above it */
.reference-grid .le-ref-photo.has-caption img { object-position: 50% 0 }
.le-ref:hover .le-ref-photo img { transform: scale(1.03) }
.le-ref-body { display: flex; flex-direction: column; flex: 1; padding-top: 24px }
.reference-grid .le-ref h2 { margin: 0; font-size: 1.6rem }
.le-ref-meta { margin: 8px 0 0 !important; font-size: .68rem !important; letter-spacing: .14em; text-transform: uppercase; color: var(--le-gold) !important; line-height: 1.6 !important }
.le-ref-level { display: flex; align-items: baseline; gap: 12px; margin: 16px 0 0 !important; padding-top: 14px; border-top: 1px solid var(--le-line); font: 400 1.15rem/1.3 Georgia, 'Times New Roman', serif !important; color: var(--le-ink) !important }
.le-ref-level span { font: 500 .62rem/1 Inter, Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; color: var(--le-mute) }
.reference-grid .le-ref-extra { margin: 8px 0 0; font: italic 400 1rem/1.5 Georgia, 'Times New Roman', serif; color: var(--le-gold) }
.le-ref-rider { margin-top: auto; padding-top: 20px; font-size: .7rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-ink) }
.le-ref-rider::before { content: ''; display: inline-block; width: 24px; height: 1px; margin-right: 12px; vertical-align: middle; background: var(--le-gold) }

/* ============ contact ============ */
.contact-layout h2, .le-form-section h2, .le-map h2 { font-size: clamp(1.9rem, 2.8vw, 2.6rem) }
.contact-layout .people { gap: 14px }
.contact-layout .people > div { padding: 24px 26px; background: var(--le-cream); border: 0 }
.contact-layout .people h3 { font-size: 1.35rem }
.contact-layout .people p { margin: 6px 0 14px; font-size: .68rem; letter-spacing: .15em; text-transform: uppercase; color: var(--le-gold) }
.contact-layout .people a { font-size: .95rem }
.le-form-section { max-width: none; padding: clamp(64px, 8vw, 96px) max(6%, calc((100vw - 1180px) / 2)); background: var(--le-cream);
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: clamp(32px, 6vw, 90px); align-items: start }
.le-form-section p { font-size: 1rem }
.le-form-section form { grid-template-columns: 1fr 1fr; gap: 20px 22px; padding: clamp(24px, 3vw, 38px); background: #fff; box-shadow: 0 40px 70px -55px rgba(36, 38, 42, .55) }
.le-form-section form > p[role="status"] { grid-column: 1 / -1 }
.le-form-section label { gap: 6px; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--le-mute) }
.le-form-section label:nth-of-type(n+3) { grid-column: 1 / -1 }
.le-form-section input, .le-form-section textarea { padding: 10px 0; border: 0; border-bottom: 1px solid #d8cfc0; background: transparent; font-size: 1rem; letter-spacing: 0; text-transform: none; color: var(--le-ink); transition: border-color .3s }
.le-form-section input:focus, .le-form-section textarea:focus { outline: 0; border-bottom-color: var(--le-gold) }
.le-form-section textarea { height: 118px; resize: vertical }
.le-form-section .button { grid-column: 1 / -1; justify-self: start; background: var(--le-brown); border-color: var(--le-brown); color: #fff }
.le-form-section .button:hover { background: var(--le-gold); border-color: var(--le-gold) }
.le-map { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr); gap: clamp(32px, 6vw, 90px); align-items: center; max-width: 1180px; box-sizing: content-box }
.le-map-copy p { margin: 16px 0 24px }
.le-map-frame { position: relative; height: 340px; background: var(--le-sand) }
.location-map .le-map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; filter: grayscale(.3) }
.le-map-frame .embed-consent { position: absolute; inset: 0; min-height: 0; aspect-ratio: auto; background: var(--le-sand) }

/* ============ tablet and phone ============ */
@media (max-width: 1000px) {
  main.horse-profile .horse-lead { grid-template-columns: 1fr 1fr }
  main.horse-profile .horse-facts { grid-template-columns: 1fr 1fr }
  .le-subnav strong { display: none }
  .le-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .le-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .le-more-grid article:nth-child(3) { display: none }
  .le-cta-inner { grid-template-columns: 120px minmax(0, 1fr) }
  .le-cta-inner img { width: 120px; height: 100px }
  .le-cta-actions { grid-column: 1 / -1 }
}
@media (max-width: 760px) {
  main.horse-profile .horse-lead { grid-template-columns: 1fr; min-height: 0 }
  main.horse-profile .horse-lead-photo { min-height: 0; aspect-ratio: 4 / 3 }
  main.horse-profile .horse-lead-copy { padding: 34px 6% 44px }
  .le-crumbs { margin-bottom: 20px }
  main.horse-profile .horse-lead-copy h1 { font-size: 2.6rem }
  main.horse-profile .horse-facts { margin: 28px 0 }
  .le-actions .button { flex: 1 1 auto }
  .le-subnav { gap: 18px; height: 54px; padding: 0 0 0 6% }
  .le-subnav div { gap: 22px; padding-right: 6% }
  .le-subnav div a { padding: 18px 0 16px; font-size: .7rem }
  .le-subnav-cta { display: none }
  main.horse-profile .horse-section { padding: 56px 6%; scroll-margin-top: 54px }
  main.horse-profile .section-heading { flex-direction: row; align-items: flex-end; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 24px }
  main.horse-profile .mare-sport-link { margin-top: -30px; padding-bottom: 56px }

  /* photos: a swipeable row */
  .le-gallery { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: -6vw; padding-right: 6vw }
  .le-gallery::-webkit-scrollbar { display: none }
  .le-g-item, .le-g-item:nth-child(n+6) { display: block; flex: 0 0 84%; aspect-ratio: 4 / 3; scroll-snap-align: start }
  .le-gallery[data-count="1"] .le-g-item { flex-basis: 100% }
  .le-g-more { display: none }
  .news-article .le-gallery { width: auto; margin: 0 0 40px 6%; padding-right: 6vw }
  .le-lb figure { padding: 64px 0 96px }
  .le-lb-prev, .le-lb-next { top: auto; bottom: 22px; margin: 0 }
  .le-lb-prev { left: calc(50% - 66px) } .le-lb-next { right: calc(50% - 66px) }

  main.horse-profile .le-videos { grid-template-columns: 1fr; gap: 26px }
  .le-videos-copy p { margin: 12px 0 18px }
  .le-video-frame { margin: 0 -6vw }
  .le-video-frame .embed-consent::before { width: 60px; height: 60px; background-size: 24px }
  .le-video-frame .embed-consent p { font-size: .8rem }

  .horse-pedigree .ht-cell { padding: 12px 16px }

  .le-cta-inner { grid-template-columns: 1fr; gap: 16px; padding: 26px 24px }
  .le-cta-inner img { display: none }
  .le-cta-actions .button { flex: 1 1 auto }

  .news-year-filter { gap: 4px 20px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none }
  .le-news-grid { grid-template-columns: 1fr; gap: 44px }
  .news-article { padding-top: 40px }
  .news-article .news-hero { width: 100%; height: auto; aspect-ratio: 4 / 3 }
  .news-article .news-body { margin: 36px auto }
  .le-more-grid { grid-template-columns: 1fr; gap: 36px }
  .le-more-grid article:nth-child(3) { display: block }

  .le-form-section, .le-map { grid-template-columns: 1fr; gap: 28px }
  .le-form-section form { grid-template-columns: 1fr; margin: 0 -6vw; padding: 28px 6vw; box-shadow: none }
  .contact-layout .people { grid-template-columns: 1fr }
  .contact-layout .people > div { display: grid; grid-template-columns: 1fr auto; column-gap: 16px; align-items: baseline; padding: 20px 22px }
  .contact-layout .people > div > * { grid-column: 1 }
  .contact-layout .people > div > .text-link { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0 }
  .le-form-section label:nth-of-type(n) { grid-column: auto }
  .le-map-frame { height: 260px }
}

/* ============ round 4 (Fleur, 3 Nov 2026) ============ */
/* every title block in the warm ivory of Over ons, dark text (no navy) */
main > .page-intro { background: var(--surface-grey); color: var(--le-ink) }
main > .page-intro p[style*="color"] { color: var(--le-gold) !important }

/* contact: one ivory title block, everything below on white with fine lines */
.contact-layout .people > div { background: #fff; border: 1px solid var(--le-line) }
.le-form-section { background: #fff; border-top: 1px solid var(--le-line) }
.le-form-section form { background: #fff; border: 1px solid var(--le-line); box-shadow: none }
.le-map { border-top: 1px solid var(--le-line); padding-top: clamp(64px, 8vw, 96px) }
.le-map-frame, .le-map-frame .embed-consent { background: #f7f5f1 }

/* partners: five logos in a row */
.partner-logos { grid-template-columns: repeat(5, 1fr); max-width: 1120px }

/* ---- horse pages: a strip of photos at a modest size (sharp), gliding on by itself ---- */
.le-gallery.le-track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; grid-template: none }
.le-gallery.le-track::-webkit-scrollbar { display: none }
.le-track .le-g-item, .le-track .le-g-item:nth-child(n+6) { display: block; flex: 0 0 calc((100% - 24px) / 3.2); aspect-ratio: 4 / 3; height: auto; grid-row: auto; grid-column: auto; scroll-snap-align: start }
.le-track[data-count="1"] .le-g-item { flex-basis: min(100%, 720px) }
.le-track[data-count="2"] .le-g-item { flex-basis: calc((100% - 12px) / 2.4) }
.le-track .le-g-more { display: none }
.le-track .le-g-item img { transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), filter .6s }
.le-track .le-g-item:hover img { transform: scale(1.04) }
.le-track-nav { display: flex; align-items: center; gap: 14px }
.le-track-nav .le-track-count { margin-right: 6px; font: 400 1rem/1 Georgia, 'Times New Roman', serif; letter-spacing: .06em; color: var(--le-mute) }
.le-track-nav .le-track-count b { font-weight: 400; color: var(--le-ink) }
.le-track-nav button { width: 46px; height: 46px; border: 1px solid #d5c9b6; border-radius: 50%; background: #fff; color: var(--le-ink); font-size: 1.35rem; line-height: 1; cursor: pointer; transition: background .3s, border-color .3s, color .3s }
.le-track-nav button:hover { background: var(--le-ink); border-color: var(--le-ink); color: #fff }
.le-track-line { position: relative; height: 1px; margin-top: 22px; background: var(--le-line); overflow: hidden }
.le-track-line i { position: absolute; top: 0; bottom: 0; left: 0; background: var(--le-gold); transition: width .8s cubic-bezier(.2, .7, .2, 1) }

/* ---- news overview: ivory title block, then the newest story as an editorial spread ---- */
.le-news-top { position: relative; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: center; padding: clamp(48px, 6vw, 80px) var(--le-wrap) 0 }
.le-news-top-photo { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--le-sand) }
.le-news-top-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s cubic-bezier(.2, .7, .2, 1) }
.le-news-top:hover .le-news-top-photo img { transform: scale(1.03) }
.le-news-top-copy { position: relative; z-index: 1; margin-left: -96px; padding: clamp(32px, 4vw, 54px); background: #fff; box-shadow: 0 40px 80px -50px rgba(36, 38, 42, .45) }
.le-news-top-copy::before { content: ''; position: absolute; top: 0; left: clamp(32px, 4vw, 54px); width: 56px; height: 2px; background: var(--le-gold) }
.le-news-top-copy .eyebrow { margin-bottom: 10px }
.le-news-top-copy time { display: block; margin-bottom: 16px; font-size: .72rem; letter-spacing: .17em; color: var(--le-mute) }
.le-news-top-copy h2 { font-size: clamp(1.9rem, 3vw, 2.9rem); line-height: 1.1 }
.le-news-top-copy h2 a:hover { color: var(--le-gold) }
.le-news-top-copy p { margin: 18px 0 28px; font-size: .98rem; line-height: 1.75 }
.le-news-top-copy .button::after { content: ' →'; margin-left: 6px }

.le-news-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; flex-wrap: wrap; margin-bottom: 44px; padding-bottom: 22px; border-bottom: 1px solid var(--le-line) }
.le-news-head h2 { font-size: clamp(2rem, 3vw, 2.7rem) }
.le-news-head .news-year-filter { margin: 0; border: 0; gap: 4px 6px }
.le-news-head .news-year-filter .news-year-button { padding: 8px 14px; border: 1px solid transparent; font: 400 1.05rem/1 Georgia, 'Times New Roman', serif; letter-spacing: .02em; color: var(--le-mute) }
.le-news-head .news-year-filter .news-year-button:hover { color: var(--le-ink) }
.le-news-head .news-year-filter .news-year-button[aria-current] { border-color: var(--le-gold); color: var(--le-ink) }
.le-news-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 32px }
.le-news-grid article.is-featured { display: none }
.le-news-grid article > a:first-child { position: relative }
.le-news-grid .le-news-text { position: relative; padding-top: 4px }
.le-news-grid .meta { margin-top: 20px }
.le-news-grid .text-link { display: inline-block; align-self: flex-start; margin-top: 16px; font-size: .78rem; border-bottom-color: transparent; transition: border-color .3s }
.le-news-grid article:hover .text-link { border-bottom-color: var(--le-gold) }
.le-news-grid article { opacity: 0; transform: translateY(18px); transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1) }
.le-news-grid article.is-seen { opacity: 1; transform: none }
html:not(.le-js) .le-news-grid article { opacity: 1; transform: none }

@media (max-width: 1000px) {
  .partner-logos { grid-template-columns: repeat(3, 1fr) }
  .le-track .le-g-item, .le-track .le-g-item:nth-child(n+6) { flex-basis: calc((100% - 12px) / 2.2) }
  .le-news-top { grid-template-columns: 1fr }
  .le-news-top-copy { margin: -70px 6% 0 }
  .le-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 760px) {
  .partner-logos { grid-template-columns: repeat(2, 1fr) }
  .partner-logos a:last-child:nth-child(odd) { grid-column: 1 / -1 }
  .le-gallery.le-track { margin-right: -6vw; padding-right: 6vw }
  .le-track .le-g-item, .le-track .le-g-item:nth-child(n+6), .le-track[data-count="2"] .le-g-item { flex-basis: 82% }
  .le-track-nav button { width: 40px; height: 40px; font-size: 1.15rem }
  .le-track-nav .le-track-count { display: none }
  .le-news-top { padding: 32px 0 0 }
  .le-news-top-copy { margin: -48px 6% 0; padding: 28px 24px }
  .le-news-top-copy::before { left: 24px }
  .le-news-head { flex-direction: column; align-items: flex-start }
  .le-news-head .news-year-filter { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none }
  .le-news-grid { grid-template-columns: 1fr }
}

/* references: the rider's story folds open under a small plus */
.reference-grid:has(.le-ref) { align-items: start }
.le-ref-more { padding-top: 18px }
.le-ref-more summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 0 0; border-top: 1px solid var(--le-line); list-style: none; cursor: pointer;
  font-size: .7rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-ink) }
.le-ref-more summary::-webkit-details-marker { display: none }
.le-ref-more summary:hover { color: var(--le-gold) }
.le-ref-more summary i { position: relative; flex: 0 0 30px; height: 30px; border: 1px solid #d5c9b6; border-radius: 50%; transition: transform .45s cubic-bezier(.2, .7, .2, 1), background .3s, border-color .3s }
.le-ref-more summary i::before, .le-ref-more summary i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 1px; margin: -.5px 0 0 -5.5px; background: currentColor }
.le-ref-more summary i::after { transform: rotate(90deg) }
.le-ref-more summary:hover i { border-color: var(--le-gold) }
.le-ref-more[open] summary i { transform: rotate(45deg); background: var(--le-cream); border-color: var(--le-gold) }
.le-ref-more blockquote { margin: 16px 0 0; padding: 0 }
.le-ref-more[open] blockquote { animation: le-ref-open .55s ease both }
@keyframes le-ref-open { from { opacity: 0; transform: translateY(-6px) } to { opacity: 1; transform: none } }
.le-ref-more blockquote::before { content: '“'; display: block; height: 22px; font: 400 3.2rem/.9 Georgia, 'Times New Roman', serif; color: var(--le-gold-soft) }
.reference-grid .le-ref-more blockquote p { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 1rem; line-height: 1.7; color: #4b4d51 }
.le-ref-more .le-ref-rider { display: block; margin-top: 0; padding-top: 14px }

/* ============ news story (every article the same) ============ */
.news-article.le-story { max-width: none; padding: 0 0 clamp(56px, 7vw, 96px) }
.le-story-head { padding: clamp(48px, 6vw, 84px) 6% clamp(150px, 15vw, 220px); background: var(--surface-grey); text-align: center }
.le-story-head .le-crumbs { justify-content: center; margin-bottom: 26px }
.news-article.le-story h1 { max-width: 960px; margin: 0 auto; padding: 0; font-size: clamp(2.3rem, 4.8vw, 4.3rem); line-height: 1.06; letter-spacing: -.03em; text-align: center }
.le-story-meta { display: flex; justify-content: center; gap: 12px; margin: 22px 0 0; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--le-mute) }
.le-story-meta time { color: var(--le-gold) }
.le-story-hero { position: relative; width: min(1080px, 88%); margin: calc(-1 * clamp(110px, 12vw, 170px)) auto 0 }
.le-story-hero .news-hero { display: block; width: 100%; height: auto; max-height: none; margin: 0; aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 35%; background: var(--le-sand); box-shadow: 0 50px 90px -60px rgba(36, 38, 42, .6) }
.le-story-body { max-width: 700px; margin: clamp(48px, 6vw, 80px) auto 0; padding: 0 6%; box-sizing: content-box }
.le-story .news-body { max-width: none; margin: 0; padding: 0 }
.le-story .news-body p { margin: 0 0 1.4em; font-size: 1.06rem; line-height: 1.9; color: #3f4246 }
.le-story .news-body > p:first-child { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.22rem, 1.8vw, 1.42rem); line-height: 1.65; color: var(--le-ink) }
.le-story .news-body > p:first-child::first-letter { float: left; margin: .07em .12em 0 0; font: 400 4.2em/.8 Georgia, 'Times New Roman', serif; color: var(--le-gold) }
.le-story .news-body h2, .le-story .news-body h3 { margin: 1.9em 0 .7em; font-size: clamp(1.45rem, 2vw, 1.75rem); line-height: 1.2 }
.le-story .news-body ul { margin: 0 0 1.8em; padding: 0; list-style: none; border-top: 1px solid var(--le-line) }
.le-story .news-body li { position: relative; padding: 12px 0 12px 30px; border-bottom: 1px solid var(--le-line); font-size: 1rem; line-height: 1.6; color: #3f4246 }
.le-story .news-body li::before { content: ''; position: absolute; left: 4px; top: 1.45em; width: 14px; height: 1px; background: var(--le-gold) }
.le-story .news-body li strong { font-weight: 500; color: var(--le-ink) }
.le-story .news-body blockquote { margin: 2em 0; padding: 0 0 0 26px; border-left: 2px solid var(--le-gold); font: italic 400 1.3rem/1.6 Georgia, 'Times New Roman', serif; color: var(--le-ink) }
.le-story .news-video { position: relative; aspect-ratio: 16 / 9; margin: 2.4em 0; background: #1b1612 }
.le-story .news-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0 }
.le-story .news-video .embed-consent { position: absolute; inset: 0; min-height: 0; aspect-ratio: auto; background: var(--le-sand) }
.le-story-gallery { width: min(1180px, 88%); margin: clamp(56px, 7vw, 96px) auto 0; padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--le-line) }
.le-story-gallery .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 28px }
.le-story-gallery h2 { font-size: clamp(1.9rem, 2.8vw, 2.5rem) }
.news-article.le-story .le-gallery { width: auto; margin: 0 }
.le-story-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: min(1180px, 88%); margin: clamp(56px, 7vw, 96px) auto 0 }
.le-story-pn a { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 20px; align-items: center; padding: 14px; border: 1px solid var(--le-line); transition: border-color .3s, box-shadow .3s }
.le-story-pn a:hover { border-color: var(--le-gold-soft); box-shadow: 0 24px 44px -36px rgba(36, 38, 42, .5) }
.le-story-pn img { width: 116px; height: 82px; object-fit: cover }
.le-story-pn small { display: block; margin-bottom: 6px; font-size: .64rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-mute) }
.le-story-pn strong { display: block; font: 400 1.08rem/1.3 Georgia, 'Times New Roman', serif; color: var(--le-ink) }
.le-story-pn a:hover strong { color: var(--le-gold) }
.le-pn-prev small::before { content: '← ' }
.le-pn-next { grid-template-columns: minmax(0, 1fr) 116px !important; text-align: right }
.le-pn-next img { order: 2 }
.le-pn-next small::after { content: ' →' }
@media (max-width: 760px) {
  .le-story-head { padding: 36px 6% 96px }
  .news-article.le-story h1 { font-size: 2.15rem }
  .le-story-hero { width: 100%; margin-top: -64px }
  .le-story-hero .news-hero { aspect-ratio: 4 / 3; box-shadow: none }
  .le-story-body { margin-top: 36px }
  .le-story .news-body > p:first-child { font-size: 1.15rem }
  .le-story-gallery { width: auto; margin: 48px 6% 0 }
  .le-story-gallery .section-heading { align-items: flex-start }
  .le-story-gallery .section-heading > div { text-align: left; min-width: 0 }
  .le-story-pn { grid-template-columns: 1fr; width: auto; margin: 48px 6% 0 }
  .le-story-pn a, .le-pn-next { grid-template-columns: 88px minmax(0, 1fr) !important; text-align: left }
  .le-pn-next img { order: 0 }
  .le-story-pn img { width: 88px; height: 64px }
}
.le-story .news-body .le-credit { margin-top: 2.4em; padding-top: 14px; border-top: 1px solid var(--le-line); font-size: .74rem; line-height: 1.6; letter-spacing: .02em; color: var(--le-mute) }
.le-story .news-body .le-credit::before { content: 'Foto · '; letter-spacing: .14em; text-transform: uppercase; color: var(--le-gold) }
html[lang^="en"] .le-story .news-body .le-credit::before { content: 'Photo · ' }

/* news story header: no ivory band, a modest title (Fleur, 3 Nov 2026) */
.le-story-head { padding: clamp(32px, 4vw, 52px) 6% clamp(24px, 3vw, 36px); background: #fff }
.le-story-head .le-crumbs { margin-bottom: 16px }
.news-article.le-story h1 { max-width: 820px; font-size: clamp(1.7rem, 2.6vw, 2.4rem); line-height: 1.15; letter-spacing: -.02em }
.le-story-meta { margin-top: 14px }
.le-story-hero { margin-top: 0 }
@media (max-width: 760px) {
  .le-story-head { padding: 24px 6% 20px }
  .news-article.le-story h1 { font-size: 1.6rem }
  .le-story-hero { margin-top: 0 }
}

/* contact form: clearly visible fields */
.le-form-section form { background: var(--le-cream); border: 0 }
.le-form-section label { color: #5d5248 }
.le-form-section input, .le-form-section textarea { margin-top: 2px; padding: 12px 14px; border: 1px solid #cfc4b2; background: #fff }
.le-form-section input:focus, .le-form-section textarea:focus { border-color: var(--le-gold); box-shadow: 0 0 0 3px rgba(168, 134, 90, .15) }

/* news stories and horse pages: photos widen when you point at them, the others step back (like the Stride demo) */
@media (hover: hover) and (min-width: 761px) {
  :is(.le-story, .horse-profile) .le-gallery.le-track { gap: 10px }
  :is(.le-story, .horse-profile) .le-track .le-g-item, :is(.le-story, .horse-profile) .le-track .le-g-item:nth-child(n+6) { flex: 0 0 calc((100% - 30px) / 4); height: clamp(220px, 22vw, 320px); aspect-ratio: auto;
    transition: flex-basis .65s cubic-bezier(.2, .7, .2, 1), opacity .65s, filter .65s }
  :is(.le-story, .horse-profile) .le-track[data-count="1"] .le-g-item { flex-basis: min(100%, 720px); height: clamp(300px, 34vw, 480px) }
  :is(.le-story, .horse-profile) .le-track[data-count="2"] .le-g-item, :is(.le-story, .horse-profile) .le-track[data-count="3"] .le-g-item { flex: 1 1 0 }
  :is(.le-story, .horse-profile) .le-track:hover .le-g-item { opacity: .62; filter: saturate(.85) }
  :is(.le-story, .horse-profile) .le-track .le-g-item:hover { flex-basis: calc((100% - 30px) / 4 * 1.75); opacity: 1; filter: none }
  :is(.le-story, .horse-profile) .le-track[data-count="2"] .le-g-item:hover, :is(.le-story, .horse-profile) .le-track[data-count="3"] .le-g-item:hover { flex-grow: 1.8 }
  :is(.le-story, .horse-profile) .le-track .le-g-item:hover img { transform: none }
}
/* the ivory stays behind the title, but only as a slim band */
.le-story-head { background: var(--surface-grey); padding: clamp(26px, 3vw, 38px) 6% clamp(22px, 2.6vw, 32px) }
.le-story-hero { margin-top: clamp(28px, 3.5vw, 44px) }
@media (max-width: 760px) { .le-story-head { padding: 20px 6% 18px } .le-story-hero { margin-top: 0 } }

/* phones (no hover): while swiping, the photo in view comes forward and its neighbours step back */
@media (hover: none), (max-width: 760px) {
  .le-gallery.le-track .le-g-item { transform: scale(.9); opacity: .55; transform-origin: 50% 50%; transition: transform .6s cubic-bezier(.2, .7, .2, 1), opacity .6s }
  .le-gallery.le-track .le-g-item.is-focus { transform: none; opacity: 1 }
  .le-gallery.le-track .le-g-item.is-focus img { animation: le-focus-zoom 4.5s ease-out both }
}
@keyframes le-focus-zoom { from { transform: scale(1.06) } to { transform: scale(1) } }

/* privacy notice: "necessary only" on the left, "accept all" on the right, on every screen size */
.privacy-actions { flex-direction: row !important; align-items: stretch; gap: 10px; min-width: 0 }
.privacy-actions [data-choice="false"] { order: 1 }
.privacy-actions [data-choice="true"] { order: 2; background: var(--le-brown); border-color: var(--le-brown); color: #fff }
.privacy-actions [data-choice="true"]:hover { background: var(--le-gold); border-color: var(--le-gold); color: #fff }
@media (min-width: 761px) { .privacy-actions { min-width: 420px } .privacy-actions button { flex: 1; padding: 12px 16px } }

/* ============ results: a gold tag after the horse name for a prize (no badge column) ============ */
.result-card .result-place { display: none }
.result-card { grid-template-columns: 100px minmax(160px, 1fr) minmax(120px, .8fr) 155px }
.result-card h4 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px }
.le-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 3px; border: 1px solid #c9b48b; border-radius: 999px;
  font: 500 .66rem/1.2 Inter, Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #8a6c3c; white-space: nowrap }
.le-tag.is-podium { background: #b39a6e; border-color: #b39a6e; color: #fff }
.le-tag svg { width: 14px; height: 14px; margin: -2px 0 -2px -3px }
@media (max-width: 850px) {
  .result-card { grid-template-columns: 100px minmax(140px, 1fr) 145px }
  .result-card h4, .result-card .result-class { grid-column: 2 }
  .result-card .result-performance { grid-column: 3; grid-row: 1 / span 2 }
  .result-card time { grid-row: 1 / span 2 }
}
@media (max-width: 560px) {
  .result-card { grid-template-columns: minmax(0, 1fr) 96px; gap: 4px 12px; padding: 14px 0 }
  .result-card h4 { grid-column: 1; grid-row: 1 }
  .result-card .result-class { grid-column: 1; grid-row: 2 }
  .result-card time { grid-column: 1; grid-row: 3 }
  .result-card .result-performance { grid-column: 2; grid-row: 1 / span 3 }
}

/* ============ phone only (Fleur, 3 Nov 2026) ============ */
.menu-button { color: var(--le-ink); -webkit-appearance: none; appearance: none }
@media (max-width: 760px) {
  /* header: smaller logo, a quiet menu button */
  .utility { padding: 6px 6% }
  header .navigation { height: 70px !important }
  header .navigation .brand { width: 168px !important }
  header .navigation .brand img { height: 52px !important }
  header .menu-button { display: inline-flex; align-items: center; gap: 10px; padding: 8px 0 8px 10px; border: 0; background: none; color: var(--le-ink);
    font: 500 .72rem/1 Inter, Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; cursor: pointer }
  header .menu-button::after { content: ''; width: 22px; height: 8px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transition: height .3s }
  header .menu-button[aria-expanded="true"]::after { height: 0; border-bottom: 0 }

  /* the opened menu: ivory panel with large serif links */
  #mobile-menu { min-height: calc(100svh - 104px); padding: 18px 6% 40px; background: var(--le-cream); border-top: 1px solid var(--le-line) }
  #mobile-menu:not([hidden]) { display: flex; flex-direction: column }
  #mobile-menu a { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--le-line);
    font: 400 1.65rem/1.1 Georgia, 'Times New Roman', serif; color: var(--le-ink); animation: le-menu-in .5s cubic-bezier(.2, .7, .2, 1) both }
  #mobile-menu a::after { content: '→'; font: 400 1rem/1 Inter, Arial, sans-serif; color: var(--le-gold) }
  #mobile-menu a:nth-child(2) { animation-delay: .04s } #mobile-menu a:nth-child(3) { animation-delay: .08s }
  #mobile-menu a:nth-child(4) { animation-delay: .12s } #mobile-menu a:nth-child(5) { animation-delay: .16s } #mobile-menu a:nth-child(6) { animation-delay: .2s }
  @keyframes le-menu-in { from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none } }

  /* hero: the photo fills the screen and the text sits in it, like on a laptop */
  .hero.hero-editorial { height: calc(100svh - 104px); min-height: 560px; max-height: 760px; background: #1b1612 }
  .hero.hero-editorial > img.hero-siebe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 30% }
  .hero.hero-editorial .hero-shade { display: block; background: linear-gradient(0deg, rgba(15, 19, 22, .82), rgba(15, 19, 22, .5) 38%, rgba(15, 19, 22, .08) 66%, transparent) }
  .hero.hero-editorial .hero-content { position: absolute; left: 6%; right: 6%; bottom: 34px; top: auto; padding: 0; background: none; color: #fff; z-index: 1;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .35) }
  .hero.hero-editorial .hero-content .eyebrow { color: #e3d3b6; font-size: .66rem; margin-bottom: 12px }
  .hero.hero-editorial h1 { font-size: 2.2rem; line-height: 1.08; color: #fff }
  .hero.hero-editorial .hero-content p { color: rgba(255, 255, 255, .86); font-size: .92rem; margin: 14px 0 20px }
  .hero.hero-editorial .le-hero-actions { display: flex; gap: 10px }
  .hero.hero-editorial .le-hero-actions .button { flex: 1; padding: 13px 10px; font-size: .8rem; text-shadow: none }
  .hero.hero-editorial .le-btn-solid { background: #fff; border-color: #fff; color: var(--le-ink) }
  .hero.hero-editorial .le-btn-ghost { background: rgba(0, 0, 0, .18); border-color: rgba(255, 255, 255, .7); color: #fff }
  .hero.hero-editorial .hero-caption { top: 12px; right: 14px; bottom: auto }
  .hero::before { display: none }

  /* partners: an even grid with fine lines */
  .partners { padding: 44px 6% 40px }
  .partner-logos { grid-template-columns: 1fr 1fr !important; gap: 0 !important; border-top: 1px solid var(--le-line) }
  .partner-logos a { min-height: 92px; padding: 14px; border-bottom: 1px solid var(--le-line) }
  .partner-logos a:nth-child(odd) { border-right: 1px solid var(--le-line) }
  .partner-logos a:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0 }
  .partner-logos img { max-width: 118px !important; height: 52px !important }
  .partner-invitation { margin-top: 22px; font-size: .9rem }

  /* footer: shorter, logo right at the top, address and contact side by side */
  footer { padding: 30px 6% 18px }
  footer .footer-top { grid-template-columns: 1fr 1fr !important; gap: 22px 18px !important }
  footer .footer-top > div:first-child { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 14px }
  footer .footer-top > div:first-child p { margin: 0; font-size: .74rem; text-align: right }
  .le-footer-logo { width: 150px; margin: 0 }
  footer .footer-top .eyebrow { margin: 0 0 8px; font-size: .64rem }
  footer .footer-top p { margin: 0 0 8px; font-size: .8rem; line-height: 1.55 }
  footer .footer-top a { font-size: .8rem; overflow-wrap: anywhere }
  footer .social-link { margin-right: 10px }
  footer .footer-bottom { margin-top: 20px; padding-top: 14px; gap: 8px 16px; font-size: .7rem }

  /* photo galleries: one large photo that cross-fades every 3 seconds, small photos underneath */
  .le-mstage { position: relative; aspect-ratio: 4 / 3; margin: 0 -6vw; overflow: hidden; background: #1b1612 }
  .le-mstage figure { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.1s ease }
  .le-mstage figure.is-on { opacity: 1; z-index: 1 }
  .le-mstage img { width: 100%; height: 100%; object-fit: cover }
  .le-mstage figure.is-on img { animation: le-focus-zoom 4s ease-out both }
  .le-mstage-count { position: absolute; right: 12px; bottom: 14px; z-index: 2; padding: 4px 9px; background: rgba(20, 16, 13, .55); color: #fff; font-size: .7rem; letter-spacing: .1em }
  .le-mstage-line { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 2px; background: rgba(255, 255, 255, .25) }
  .le-mstage-line i { position: absolute; inset: 0; background: #e3d3b6; transform: scaleX(0); transform-origin: left }
  .le-mstage.is-running .le-mstage-line i { animation: le-stage-progress 3s linear forwards }
  @keyframes le-stage-progress { to { transform: scaleX(1) } }
  .le-gallery.le-mthumbs { display: flex; gap: 6px; margin: 8px -6vw 0 0; padding-right: 6vw; overflow-x: auto; scrollbar-width: none; grid-template: none }
  .le-gallery.le-mthumbs::-webkit-scrollbar { display: none }
  .le-gallery.le-mthumbs .le-g-item, .le-gallery.le-mthumbs .le-g-item:nth-child(n+6) { display: block; flex: 0 0 74px; height: 54px; aspect-ratio: auto; opacity: .45; transform: none; transition: opacity .4s }
  .le-gallery.le-mthumbs .le-g-item.is-active { opacity: 1; box-shadow: inset 0 -2px 0 var(--le-gold) }
  .le-gallery.le-mthumbs .le-g-item img { animation: none }
  .le-gallery.le-mthumbs .le-g-more { display: none }
  .le-story .le-mstage { margin: 0 }
}

/* ============ phone only, round 2 (Fleur, 3 Nov 2026) ============ */
@media (max-width: 760px) {
  /* partners heading: no stray gold dot */
  .partners h2.le-line::after { display: none }
  footer .footer-top a[href^="mailto"] { font-size: .74rem }

  /* pedigree: compact, so horse, parents and grandparents fit on screen */
  .horse-pedigree .ht-tree { grid-template-columns: .8fr 1fr 1fr 1fr; grid-template-rows: repeat(8, minmax(44px, auto)); min-width: 620px }
  .horse-pedigree .ht-cell { padding: 8px 10px; gap: 1px }
  .horse-pedigree .ht-cell strong { font-size: .8rem !important; line-height: 1.25 }
  .horse-pedigree .ht-cell.ht-horse strong { font-size: 1.05rem !important }
  .horse-pedigree .ht-cell[style*="grid-column:2"] strong { font-size: .92rem !important }
  .horse-pedigree .ht-cell span { font-size: .64rem }
  .horse-pedigree .ht-cell small { font-size: .52rem; letter-spacing: .12em }
  .horse-pedigree .pedigree-scroll { margin-right: -6vw }

  /* broodmares overview: photo cards with the name in the photo */
  .mare-collection .sport-list { gap: 18px !important; padding-bottom: 48px }
  .mare-collection .sport-card a { position: relative; display: block; overflow: hidden; background: #1b1612 }
  .mare-collection .sport-card-photo { aspect-ratio: 4 / 5 !important }
  .mare-collection .sport-card-photo img { transition: transform 1.2s cubic-bezier(.2, .7, .2, 1) }
  .mare-collection .sport-card-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(16, 13, 11, .86), rgba(16, 13, 11, .35) 42%, transparent 70%) }
  .mare-collection .sport-card-info { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 22px 22px 20px; border: 0; color: #fff }
  .mare-collection .sport-card-info h2 { margin: 0 0 6px; font-size: 1.9rem !important; color: #fff }
  .mare-collection .sport-card-info p { margin: 0; font-size: .82rem; color: rgba(255, 255, 255, .82) }
  .mare-collection .sport-card-info .horse-lineage { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: .95rem; color: #e3d3b6 }
  .mare-collection .sport-card-info .horse-summary { margin-top: 2px; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase }
  .mare-collection .sport-card-info p:not(.horse-lineage):not(.horse-summary) { margin-top: 8px }
  .mare-collection .sport-card-info span { display: inline-flex; gap: 6px; margin-top: 14px; padding-bottom: 4px; border-bottom: 1px solid #e3d3b6; font-size: .78rem; color: #fff }
  .mare-collection .sport-card-info span::after { content: '→' }

  /* references: one clear title instead of three lines */
  .page-id-564 main > .page-intro h1, .page-id-564 main > .page-intro p[style] { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%) }
  .page-id-564 main > .page-intro .eyebrow { margin: 0 0 12px; font: 400 2.1rem/1.1 Georgia, 'Times New Roman', serif; letter-spacing: -.02em; text-transform: none; color: var(--le-ink) }
  .page-id-564 main > .page-intro p { margin-top: 0; font-size: .95rem }

  /* about: lead paragraph, coach card, gold numbers, biographies as a timeline */
  .family-story > div { padding: 40px 6% !important }
  .family-story > div > p:first-of-type { font-family: Georgia, 'Times New Roman', serif; font-size: 1.12rem; line-height: 1.65; color: var(--le-ink) }
  .family-story .button { display: flex; width: 100% }
  .national-coach { margin: 0 6%; padding: 30px 24px !important; background: #fff; border-left: 2px solid var(--le-gold) }
  .facilities { grid-template-columns: 1fr !important; gap: 0 !important }
  .facilities > div { display: grid; grid-template-columns: minmax(0, 1fr); padding: 18px 0 !important; border-top: 1px solid var(--le-line) !important }
  .facilities h3 { font-size: 1.35rem !important }
  .facilities p { margin: 6px 0 0 }
  .facilities .le-count { font-family: Georgia, 'Times New Roman', serif; font-size: 1.15em; color: var(--le-gold) }
  details.biography { margin-top: 14px; border: 1px solid var(--le-line); background: #fff }
  details.biography > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px; list-style: none; cursor: pointer }
  details.biography > summary::-webkit-details-marker { display: none }
  details.biography > summary strong { display: block; font: 400 1.45rem/1.15 Georgia, 'Times New Roman', serif; color: var(--le-ink) }
  details.biography > summary small { display: block; margin-top: 4px; font-size: .68rem; letter-spacing: .15em; text-transform: uppercase; color: var(--le-gold) }
  details.biography .bio-action { flex: none; padding: 9px 14px; border: 1px solid #d5c9b6; border-radius: 999px; font-size: .72rem; white-space: nowrap; color: var(--le-ink) }
  details.biography[open] .bio-action { background: var(--le-cream); border-color: var(--le-gold) }
  details.biography .bio-text { padding: 4px 20px 24px 20px }
  .bio-stage { position: relative; padding: 0 0 26px 22px !important; border: 0 !important; border-left: 1px solid var(--le-gold-soft) !important; margin: 0 !important }
  .bio-stage::before { content: ''; position: absolute; left: -5px; top: 4px; width: 9px; height: 9px; border-radius: 50%; background: var(--le-gold) }
  .bio-stage-years { display: inline-block; margin-bottom: 6px; font-size: .7rem; letter-spacing: .16em; color: var(--le-gold) }
  .bio-stage-copy h3 { margin: 0 0 8px; font-size: 1.3rem }
  .bio-stage-copy p { margin: 0; font-size: .92rem; line-height: 1.75 }
  .bio-stage-photos { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px }
  .bio-photo { margin: 0 }
  .bio-photo img { width: 100%; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover }
  .bio-photo figcaption { margin-top: 6px; font-size: .68rem; line-height: 1.4; color: var(--le-mute) }

  /* contact: quick actions and compact person rows */
  .contact-layout { gap: 30px !important }
  .contact-layout .email { display: block; margin-top: 18px; padding: 16px 18px; background: var(--le-cream); border: 0; font-size: .98rem }
  .contact-layout > div:first-child .button { display: flex; width: 100% }
  .contact-layout .people { gap: 0 !important; border-top: 1px solid var(--le-line) }
  .contact-layout .people > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 10px; align-items: center; padding: 16px 0 !important; background: none; border: 0; border-bottom: 1px solid var(--le-line) }
  .contact-layout .people > div > h3 { grid-column: 1; grid-row: 1; font-size: 1.2rem }
  .contact-layout .people > div > p { grid-column: 1; grid-row: 2; margin: 2px 0 0 }
  .contact-layout .people > div > a[href^="tel"] { grid-column: 2; grid-row: 1 / 3; margin: 0; width: 44px; height: 44px; border: 1px solid #d5c9b6; border-radius: 50%; font-size: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8865a' stroke-width='1.6'%3E%3Cpath d='M5 4h3l2 5-2 1a11 11 0 0 0 6 6l1-2 5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") 50% 50% / 20px no-repeat }
  .contact-layout .people > div > .text-link { grid-column: 3 !important; grid-row: 1 / 3 !important; margin: 0; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; font-size: 0; background: #28764b
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.5 3.5A11.8 11.8 0 002 17.8L.4 23.6l6-1.6A11.8 11.8 0 0020.5 3.5ZM12 21.5a9.6 9.6 0 01-4.9-1.3l-.4-.2-3.5.9.9-3.4-.3-.5A9.6 9.6 0 1112 21.5Z'/%3E%3C/svg%3E") 50% 50% / 20px no-repeat }
  .contact-layout .people > div > .text-link::after { content: none }
  .le-form-section { padding-top: 48px; padding-bottom: 48px }
  .le-form-section form { margin: 0 -6vw; padding: 26px 6vw 30px }
  .le-form-section .button { width: 100% }
  .le-map { padding-top: 48px }
  .le-map-frame { margin: 0 -6vw; height: 240px }
}
@media (max-width: 760px) {
  .horse-pedigree .ht-tree { grid-template-columns: .7fr 1fr 1fr 1fr; min-width: 520px }
  details.biography > summary { flex-direction: row !important; text-align: left !important }
  details.biography > summary > span:first-child { text-align: left }
}

/* ============ phone only, round 3: coverflow news + calmer opening ============ */
@media (max-width: 760px) {
  .le-flow { margin: 6px -6vw 0; overflow: hidden }
  .le-flow-stage { position: relative; height: 430px }
  .le-flow-card { position: absolute; top: 0; left: 50%; width: 76%; margin-left: -38%; display: block; background: #fff; box-shadow: 0 30px 60px -36px rgba(36, 38, 42, .55);
    transition: transform .7s cubic-bezier(.2, .7, .2, 1), opacity .7s, filter .7s; will-change: transform }
  .le-flow-card[data-pos="0"] { transform: none; z-index: 3 }
  .le-flow-card[data-pos="-1"] { transform: translateX(-62%) scale(.82); opacity: .5; filter: saturate(.8); z-index: 2 }
  .le-flow-card[data-pos="1"] { transform: translateX(62%) scale(.82); opacity: .5; filter: saturate(.8); z-index: 2 }
  .le-flow-card[data-pos="-2"] { transform: translateX(-110%) scale(.7); opacity: 0; z-index: 1; pointer-events: none }
  .le-flow-card[data-pos="2"] { transform: translateX(110%) scale(.7); opacity: 0; z-index: 1; pointer-events: none }
  .le-flow-photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--le-sand) }
  .le-flow-photo img { width: 100%; height: 100%; object-fit: cover }
  .le-flow-text { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 18px 22px; text-align: center }
  .le-flow-text small { font-size: .64rem; letter-spacing: .17em; color: var(--le-gold) }
  .le-flow-text strong { font: 400 1.25rem/1.25 Georgia, 'Times New Roman', serif; color: var(--le-ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
  .le-flow-text em { margin-top: 4px; padding-bottom: 4px; border-bottom: 1px solid var(--le-gold); font-style: normal; font-size: .76rem; color: var(--le-ink) }
  .le-flow-card:not([data-pos="0"]) .le-flow-text em { visibility: hidden }
  .le-flow-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 8px }
  .le-flow-nav button { width: 44px; height: 44px; border: 1px solid #d5c9b6; border-radius: 50%; background: #fff; color: var(--le-ink); font-size: 1.3rem; line-height: 1; -webkit-appearance: none; appearance: none }
  .le-flow-dots { display: flex; gap: 8px }
  .le-flow-dots i { width: 7px; height: 7px; border-radius: 50%; background: #ddd2c1; transition: background .4s, transform .4s }
  .le-flow-dots i.is-on { background: var(--le-gold); transform: scale(1.3) }

  /* opening: the photo on top fades into a dark panel that carries the text, sharp and calm */
  .hero.hero-editorial { height: auto; min-height: 0; max-height: none; display: flex; flex-direction: column; background: #1f1915; border-bottom: 0 }
  .hero.hero-editorial > img.hero-siebe { position: relative; inset: auto; height: 58svh; min-height: 330px; max-height: 520px;
    -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent) }
  .hero.hero-editorial .hero-shade { display: none }
  .hero.hero-editorial .hero-content { position: relative; left: auto; right: auto; bottom: auto; margin-top: -54px; padding: 0 7% 40px; text-align: center; text-shadow: none }
  .hero.hero-editorial .hero-content .eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 14px }
  .hero.hero-editorial .hero-content .eyebrow::before, .hero.hero-editorial .hero-content .eyebrow::after { content: ''; width: 22px; height: 1px; background: #c9b48b }
  .hero.hero-editorial h1 { font-size: 2.25rem }
  .hero.hero-editorial .hero-content p { color: rgba(243, 236, 224, .78) }
  .hero.hero-editorial .le-hero-actions { justify-content: center }
  .hero.hero-editorial .le-btn-ghost { background: transparent }
  .hero.hero-editorial::after, .hero-editorial .hero-content .eyebrow + br { display: none }
  /* the news ticker sits flush under the dark panel */
  .le-ticker { background: #2a221d; border-top: 1px solid rgba(201, 180, 139, .25) }
  /* the family story starts with its text, so a photo never follows straight after the opening */
  .le-ticker + .story { display: flex; flex-direction: column-reverse }
}

/* ============ contact intro, official WhatsApp mark, flowing partners (Fleur, 3 Nov 2026) ============ */
.le-contact-intro { margin: 18px 0 0; max-width: 440px; font-size: 1rem; line-height: 1.75 }
.le-mail-card { display: flex; align-items: center; gap: 16px; margin-top: 22px; padding: 18px 22px; max-width: 440px; background: var(--le-cream); border: 1px solid var(--le-line); transition: border-color .3s, box-shadow .3s }
.le-mail-card:hover { border-color: var(--le-gold-soft); box-shadow: 0 24px 44px -36px rgba(36, 38, 42, .5); color: inherit }
.le-mail-icon { flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--le-brown)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='1.5'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") 50% 50% / 21px no-repeat }
.le-mail-card small { display: block; font-size: .64rem; letter-spacing: .16em; text-transform: uppercase; color: var(--le-gold) }
.le-mail-card strong { display: block; margin-top: 3px; font: 400 1.08rem/1.3 Georgia, 'Times New Roman', serif; color: var(--le-ink) }
footer a[href^="mailto"] { overflow-wrap: normal !important; word-break: normal !important }

@media (max-width: 760px) {
  .le-mail-card { padding: 16px 18px }
  .le-mail-card strong { font-size: 1rem }
  .contact-layout .people > div > .text-link { background: #25d366 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.5 3.5A11.8 11.8 0 002 17.8L.4 23.6l6-1.6A11.8 11.8 0 0020.5 3.5ZM12 21.5a9.6 9.6 0 01-4.9-1.3l-.4-.2-3.5.9.9-3.4-.3-.5A9.6 9.6 0 1112 21.5Zm5.3-7.2c-.3-.1-1.7-.8-2-.9-.2-.1-.4-.1-.6.2l-.9 1.1c-.2.2-.3.2-.6.1a7.9 7.9 0 01-3.9-3.4c-.3-.4.3-.5.8-1.5.1-.2 0-.4 0-.5l-.9-2.1c-.2-.5-.5-.4-.7-.4h-.6c-.2 0-.5.1-.7.4-.8.9-1.2 2-.6 3.3 1.3 2.9 3.6 5.2 6.7 6.2 1.1.4 2 .3 2.7.1.8-.2 1.7-1.3 1.9-2.2.1-.3.1-.5 0-.6l-.6-.3Z'/%3E%3C/svg%3E") 50% 50% / 22px no-repeat !important }

  /* partners: one slow, continuous row of logos */
  .partner-logos.le-marquee { display: block !important; border: 0; overflow: hidden; margin: 0 -6vw;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent) }
  .le-marquee-track { display: flex; align-items: center; gap: 46px; width: max-content; animation: le-marquee 26s linear infinite }
  .le-marquee .le-marquee-track a { flex: none; min-height: 80px; padding: 0; border: 0 !important }
  .le-marquee .le-marquee-track img { width: 112px !important; max-width: none !important; height: 54px !important }
  @keyframes le-marquee { to { transform: translateX(calc(-50% - 23px)) } }
}

/* phone opening, lighter: the photo fades into ivory, dark text, a white news line (Fleur, 3 Nov 2026) */
@media (max-width: 760px) {
  .hero.hero-editorial { background: var(--le-cream) }
  .hero.hero-editorial > img.hero-siebe { -webkit-mask-image: linear-gradient(#000 74%, transparent); mask-image: linear-gradient(#000 74%, transparent) }
  .hero.hero-editorial .hero-content { color: var(--le-ink); padding-bottom: 34px }
  .hero.hero-editorial .hero-content .eyebrow { color: var(--le-gold) }
  .hero.hero-editorial .hero-content .eyebrow::before, .hero.hero-editorial .hero-content .eyebrow::after { background: var(--le-gold-soft) }
  .hero.hero-editorial h1 { color: var(--le-ink) }
  .hero.hero-editorial .le-accent { color: var(--le-gold) }
  .hero.hero-editorial .hero-content p { color: #5d5f63 }
  .hero.hero-editorial .le-btn-solid { background: var(--le-brown); border-color: var(--le-brown); color: #fff }
  .hero.hero-editorial .le-btn-ghost { background: transparent; border-color: #cdbfa8; color: var(--le-ink) }

  /* the news line stays brown so it stands out under the light opening */
  .le-ticker { background: var(--le-brown); color: #f3ece0; border: 0 }
}
@media (max-width: 760px) {
  .hero.hero-editorial .hero-content { margin-top: -18px; padding-top: 6px }
  .hero.hero-editorial > img.hero-siebe { -webkit-mask-image: linear-gradient(#000 86%, transparent); mask-image: linear-gradient(#000 86%, transparent) }
}
/* videos without the intro sentence: a little air between heading and the YouTube link */
.le-videos-copy h2 + .le-yt { margin-top: 26px }
/* broodmares overview on phones: Plopsa Blue Z's head is on the right of the photo, so keep that side in view */
@media (max-width: 760px) {
  .mare-collection .sport-card-photo img[src$="/plopsa-blue-2026.webp"] { object-position: 82% 40% !important }
}
/* phone opening: all text starts below the photo, on ivory, so the gold eyebrow stays readable */
@media (max-width: 760px) {
  .hero.hero-editorial .hero-content { margin-top: 0; padding-top: 22px }
  .hero.hero-editorial .hero-content .eyebrow { font-weight: 600; color: #8a6c3c }
}
/* phone news line: darker brown, lighter letters for better contrast */
@media (max-width: 760px) {
  .le-ticker { background: #241a14; color: #fbf7f0 }
  .le-ticker-label { background: #1a120d; color: #f0dfb9 }
  .le-ticker-label::before { background: #f0dfb9 }
  .le-ticker a span { color: #fbf7f0 }
  .le-ticker time { color: #ecd7aa }
}
/* phone news line: a warm mid brown (not near-black), the light letters stay */
@media (max-width: 760px) {
  .le-ticker { background: #4a382d }
  .le-ticker-label { background: #3d2e25 }
}

/* ============ blocks added in the dashboard (Leemans Studio) ============ */
.le-block-text { max-width: 860px }
.le-block-text p { font-size: 1.02rem; line-height: 1.85 }
.le-block-story > img { object-fit: cover }
.le-block-image figure { margin: 0 }
.le-block-image img { width: 100%; max-height: 80vh; object-fit: cover }
.le-block-image figcaption { margin-top: 10px; font-size: .82rem; color: var(--le-mute); text-align: center }
.le-block-gallery { padding-top: 40px; padding-bottom: 40px }
.le-block-cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 70px) }
.le-block-cols h3 { margin-bottom: 12px }
.le-block-quote blockquote { max-width: 820px; margin: 0 auto; padding: 0; text-align: center }
.le-block-quote blockquote::before { content: '“'; display: block; font: 400 4.5rem/.6 Georgia, serif; color: var(--le-gold-soft) }
.le-block-quote p { font: italic 400 clamp(1.4rem, 2.6vw, 2.1rem)/1.45 Georgia, 'Times New Roman', serif; color: var(--le-ink) }
.le-block-quote cite { display: block; margin-top: 14px; font-style: normal; font-size: .74rem; letter-spacing: .17em; text-transform: uppercase; color: var(--le-gold) }
.le-block-button { text-align: center; padding-top: 30px; padding-bottom: 30px }
.le-block-divider { height: 1px; width: min(1180px, 88%); margin: clamp(30px, 5vw, 60px) auto; background: linear-gradient(90deg, transparent, var(--le-gold-soft), transparent) }
@media (max-width: 760px) { .le-block-cols { grid-template-columns: 1fr } }

/* "edit this page" for logged-in editors */
.le-adminbar { position: fixed; left: 16px; bottom: 16px; z-index: 9000; display: flex; gap: 4px; padding: 4px; border-radius: 99px; background: #2a201a; box-shadow: 0 12px 30px -12px rgba(0, 0, 0, .5) }
.le-adminbar a { padding: 9px 14px; border-radius: 99px; color: #f3ece0; font: 500 .8rem/1 Inter, Arial, sans-serif; text-decoration: none }
.le-adminbar a:first-child { background: #cbb48c; color: #2a201a }
/* phone opening: each line of the title stays on one line, sized to the screen */
@media (max-width: 760px) {
  .hero.hero-editorial h1 { white-space: nowrap; font-size: min(2.25rem, 8.1vw); letter-spacing: -.02em }
}
@media (max-width: 760px) {
  .hero.hero-editorial h1 { font-size: min(2.25rem, 7.7vw) }
  .hero.hero-editorial .hero-content .eyebrow { white-space: nowrap; letter-spacing: .14em }
}
@media (max-width: 380px) {
  .hero.hero-editorial .hero-content .eyebrow { font-size: .6rem; gap: 8px }
  .hero.hero-editorial .hero-content .eyebrow::before, .hero.hero-editorial .hero-content .eyebrow::after { width: 14px }
}

/* ============ settings per view, made in the dashboard (⚙ Weergave) ============ */
/* all views first, then laptop / tablet / phone, so a setting for one screen size always wins */
[style*="--le-fs-all"] { font-size: var(--le-fs-all) !important }
[style*="--le-ta-all"] { text-align: var(--le-ta-all) !important }
[style*="--le-pt-all"] { padding-top: var(--le-pt-all) !important }
[style*="--le-pb-all"] { padding-bottom: var(--le-pb-all) !important }
@media (min-width: 1101px) {
  html:not(.le-editing) .le-hide-laptop, html:not(.le-editing) .le-only-tablet, html:not(.le-editing) .le-only-phone { display: none !important }
  [style*="--le-fs-laptop"] { font-size: var(--le-fs-laptop) !important }
  [style*="--le-ta-laptop"] { text-align: var(--le-ta-laptop) !important }
  [style*="--le-pt-laptop"] { padding-top: var(--le-pt-laptop) !important }
  [style*="--le-pb-laptop"] { padding-bottom: var(--le-pb-laptop) !important }
  [style*="--le-op-laptop"] { object-position: var(--le-op-laptop) !important }
}
@media (min-width: 761px) and (max-width: 1100px) {
  html:not(.le-editing) .le-hide-tablet, html:not(.le-editing) .le-only-laptop, html:not(.le-editing) .le-only-phone { display: none !important }
  [style*="--le-fs-tablet"] { font-size: var(--le-fs-tablet) !important }
  [style*="--le-ta-tablet"] { text-align: var(--le-ta-tablet) !important }
  [style*="--le-pt-tablet"] { padding-top: var(--le-pt-tablet) !important }
  [style*="--le-pb-tablet"] { padding-bottom: var(--le-pb-tablet) !important }
  [style*="--le-op-tablet"] { object-position: var(--le-op-tablet) !important }
}
@media (max-width: 760px) {
  html:not(.le-editing) .le-hide-phone, html:not(.le-editing) .le-only-laptop, html:not(.le-editing) .le-only-tablet { display: none !important }
  [style*="--le-fs-phone"] { font-size: var(--le-fs-phone) !important }
  [style*="--le-ta-phone"] { text-align: var(--le-ta-phone) !important }
  [style*="--le-pt-phone"] { padding-top: var(--le-pt-phone) !important }
  [style*="--le-pb-phone"] { padding-bottom: var(--le-pb-phone) !important }
  [style*="--le-op-phone"] { object-position: var(--le-op-phone) !important }
}
/* phone opening: the two lines under the title each stay on one line too */
@media (max-width: 760px) {
  .hero.hero-editorial .hero-content p { white-space: nowrap; font-size: min(.92rem, 3.12vw); letter-spacing: -.005em }
}

/* tablet: contact people under the e-mail block, two wide cards per row; phone numbers never break */
.contact-layout .people a[href^="tel"] { white-space: nowrap }
@media (min-width: 761px) and (max-width: 1100px) {
  .contact-layout { grid-template-columns: 1fr !important; gap: 34px !important }
  .contact-layout .people { grid-template-columns: 1fr 1fr !important }
}

/* footer: credit for the website maker, quietly at the end of the line */
footer .footer-bottom { gap: 8px 26px; justify-content: flex-start }
footer .footer-bottom .le-credit-by { margin-left: auto; color: #85776a }
footer .footer-bottom .le-credit-by a { color: #5d5f63; border-bottom: 1px solid var(--le-gold-soft) }
footer .footer-bottom .le-credit-by a:hover { color: var(--le-gold) }
footer .footer-bottom > a[href*="privacy"] { margin-left: 0 }
@media (max-width: 760px) { footer .footer-bottom .le-credit-by { margin-left: 0; flex-basis: 100% } }