/* The 2026 media section has its own natural flow, independent of the archive. */
#fotos-y-video {
  scroll-margin-top: 5rem;
  padding: clamp(4rem, 8vw, 8rem) 1.25rem;
  color: #f5f0e5;
  background: radial-gradient(ellipse at 85% 0%, #102c39 0, transparent 45%), #061017;
}
.savia-media__inner { width: min(100%, 1240px); margin-inline: auto; }
.savia-media__heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 2rem; margin-bottom: 3rem; }
.savia-media__heading h2 { margin: .5rem 0 0; font-size: clamp(3.25rem, 7vw, 6.5rem); line-height: .95; letter-spacing: -.06em; }
.savia-media__heading h2 span { color: #d4a84f; }
.savia-media__heading > p { max-width: 35rem; margin: 0; color: #b7c8d2; font-size: 1.08rem; line-height: 1.8; }
.savia-media__video { margin: 0 0 4.5rem; }
.savia-media__video-frame { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid #28404e; border-radius: 1rem; background: #020608; }
.savia-media__video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.savia-media__caption { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.5rem .25rem 0; }
.savia-media__caption h3, .savia-media__photos-heading h3 { margin: .4rem 0 0; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.15; }
.savia-media__caption .savia-overline, .savia-media__photos-heading .savia-overline { margin: 0; }
.savia-media a { color: #91d9fc; text-underline-offset: .25em; }
.savia-media a:hover { color: #f5f0e5; }
.savia-media a:focus-visible { outline: 2px solid #d4a84f; outline-offset: 5px; }
.savia-media__caption > a { flex-shrink: 0; font-size: .9rem; }
.savia-media__photos-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.savia-media__photos-heading > p { max-width: 22rem; margin: 0; color: #a7bbc6; line-height: 1.65; }
.savia-media__albums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.savia-media__album { min-width: 0; overflow: hidden; border: 1px solid #28404e; border-radius: .85rem; background: #0a1b25; }
.savia-media__album > header { min-height: 10rem; padding: 1.5rem; }
.savia-media__album > header > span { color: #d4a84f; font-size: .75rem; letter-spacing: .15em; }
.savia-media__album h4 { margin: .6rem 0 .5rem; font-size: 1.4rem; line-height: 1.15; }
.savia-media__album > header > p { margin: 0; color: #a7bbc6; font-size: .9rem; line-height: 1.6; }
.savia-media__album-frame { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #020608; }
.savia-media__album-frame iframe { display: block; width: 100%; height: 100%; max-width: 100%; border: 0; }
.savia-media__album > footer { display: grid; gap: .65rem; padding: 1.25rem 1.5rem 1.5rem; }
.savia-media__album > footer > span { color: #8fa6b4; font-size: .72rem; }
.savia-media__album > footer > a { font-size: .8rem; font-weight: 700; }
.savia-media__fallback { margin: 1.5rem 0 0; color: #8fa6b4; font-size: .82rem; line-height: 1.6; }
.savia-media__journey { display: inline-flex; margin-top: 3rem; }
@media (max-width: 900px) {
  .savia-media__heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .savia-media__albums { grid-template-columns: 1fr; gap: 1.5rem; }
  .savia-media__album > header { min-height: 0; }
  .savia-media__album > footer { grid-template-columns: 1fr auto; align-items: center; }
}
@media (max-width: 600px) {
  #fotos-y-video { padding: 3.5rem 1rem; scroll-margin-top: 4.5rem; }
  .savia-media__caption, .savia-media__photos-heading { align-items: start; flex-direction: column; gap: 1rem; }
  .savia-media__video { margin-bottom: 3rem; }
  .savia-media__album > footer { grid-template-columns: 1fr; }
}