/* Yager Buna — Our Story six-image layout */
.discovery-story{padding:4.5rem 0;background:var(--page-bg,#062a22);color:var(--text,#fff8e8)}
.discovery-heading{text-align:center;max-width:820px;margin:0 auto 2.25rem}
.discovery-heading h2{margin:.35rem 0 .7rem;font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}
.discovery-heading>p:last-child{max-width:700px;margin-inline:auto;opacity:.86}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.discovery-card{overflow:hidden;border:1px solid rgba(226,173,39,.58);border-radius:22px;background:#07392f;box-shadow:0 16px 40px rgba(0,0,0,.16)}
.discovery-image{background:#f2dfb2}
.discovery-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.discovery-copy{position:relative;padding:1.55rem 1.45rem 1.65rem;text-align:center;color:#fff8e8}
.story-number{display:inline-grid;place-items:center;width:52px;height:52px;margin-top:-42px;margin-bottom:.65rem;border:3px solid #e2ad27;border-radius:50%;background:#064334;color:#fff;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.18)}
.discovery-copy h3{margin:.15rem 0 .55rem;color:#f4dfae;font-size:1.55rem}
.discovery-copy p{margin:0;line-height:1.65;opacity:.92}
.legend-note{max-width:900px;margin:2rem auto 0;text-align:center;opacity:.78;font-size:.95rem}
html[data-theme="light"] .discovery-story,body.light-theme .discovery-story{background:#fff7e7;color:#17392f}
html[data-theme="light"] .discovery-card,body.light-theme .discovery-card{background:#fffaf0;border-color:#d6a62d;box-shadow:0 12px 32px rgba(74,48,11,.1)}
html[data-theme="light"] .discovery-copy,body.light-theme .discovery-copy{color:#17392f}
html[data-theme="light"] .discovery-copy h3,body.light-theme .discovery-copy h3{color:#6f4b0c}
@media(max-width:980px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.discovery-story{padding:3rem 0}.discovery-grid{grid-template-columns:1fr;gap:1.2rem}.discovery-card{border-radius:17px}.discovery-copy{padding:1.35rem 1.1rem 1.45rem}}

/* Final hero image sizing: fill available hero space on all devices */
.hero-slide,
.hero-slide img {
  width: 100%;
  height: 100%;
}
.hero-slide img {
  display: block;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}