/* Year galleries: isolated from the main-section and player layouts. */
#about-full .timeline--milestones article { grid-template-rows:auto auto 1fr; gap:14px; }
#about-full .timeline--milestones .timeline-year { margin:0; font:400 clamp(54px,4.6vw,72px)/1 var(--display); color:var(--pink); }
#about-full .timeline-year a { color:inherit; text-decoration:none; display:inline-block; padding:0 8px; }
#about-full .timeline-photo.year-ring { display:block; width:184px; height:184px; padding:0; color:#fff; isolation:isolate; cursor:pointer; text-decoration:none; }
#about-full .year-collage { position:absolute; inset:0; overflow:hidden; border-radius:50%; background:#090508; }
#about-full .year-collage img { position:absolute; width:69%; height:51%; object-fit:cover; border:3px solid #eae5e8; border-radius:3px; box-shadow:0 4px 14px #0009; transition:transform 250ms ease; }
#about-full .year-collage img:nth-child(1) { left:4%; top:5%; transform:rotate(-16deg); }
#about-full .year-collage img:nth-child(2) { right:0; top:24%; transform:rotate(13deg); }
#about-full .year-collage img:nth-child(3) { left:0; bottom:0; transform:rotate(-9deg); }
#about-full .year-collage img:nth-child(4) { right:-8%; bottom:-6%; transform:rotate(18deg); }
#about-full .year-collage img:nth-child(5) { left:12%; top:34%; transform:rotate(-4deg); }
#about-full .year-ring__count { position:absolute; z-index:2; bottom:9px; left:50%; transform:translateX(-50%); padding:5px 10px; border:1px solid #ff009078; background:#090309e8; border-radius:20px; color:#fff; font:600 11px/1.2 var(--body); white-space:nowrap; }
#about-full .timeline-milestones > li:nth-child(n)::before { top:178px; }
#about-full .timeline-year a:focus-visible,#about-full .year-ring:focus-visible { outline:3px solid white; outline-offset:6px; }
@media (hover:hover) {
  #about-full .year-ring:hover .year-collage img:nth-child(odd) { transform:rotate(-8deg) translateY(-3px); }
  #about-full .year-ring:hover .year-collage img:nth-child(even) { transform:rotate(7deg) translateY(2px); }
  #about-full .timeline-year a:hover { text-shadow:0 0 24px #ff009085; }
}
@media (min-width:601px) and (max-width:1100px) {
  #about-full .timeline-milestones { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
  #about-full .timeline-photo.year-ring { width:168px; height:168px; }
}
@media (max-width:600px) {
  #about-full .timeline--milestones article { grid-template-columns:124px minmax(0,1fr); grid-template-rows:auto auto; gap:10px 20px; padding:0 0 38px; justify-items:center; text-align:left; }
  #about-full .timeline--milestones .timeline-year { grid-column:1; grid-row:1; font-size:54px; }
  #about-full .timeline-photo.year-ring { grid-column:1; grid-row:2; width:124px; height:124px; }
  #about-full .timeline-caption { grid-column:2; grid-row:1 / 3; align-self:center; }
  #about-full .timeline.timeline--milestones p { font-size:14px; line-height:1.6; }
  #about-full .timeline-milestones > li:nth-child(n)::before { top:138px; bottom:-138px; left:61px; }
  #about-full .year-collage img { border-width:2px; }
  #about-full .year-ring__count { font-size:10px; padding:4px 8px; bottom:6px; }
}
@media (max-width:360px) {
  #about-full .timeline--milestones article { grid-template-columns:108px minmax(0,1fr); gap:10px 14px; }
  #about-full .timeline-photo.year-ring { width:108px; height:108px; }
  #about-full .timeline-milestones > li:nth-child(n)::before { left:53px; }
}
.year-gallery { position:fixed; inset:0; box-sizing:border-box; width:100%; max-width:none; height:100dvh; max-height:none; margin:0; padding:22px; border:0; background:transparent; color:#fff; overflow:hidden; overscroll-behavior:contain; }
.year-gallery:not([open]) { display:none; }
.year-gallery[open] { display:grid; place-items:center; }
.year-gallery::backdrop { background:rgb(0 0 0 / .86); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }
.year-gallery__panel { width:min(1280px,100%); height:100%; max-height:980px; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:16px; animation:year-gallery-in 240ms cubic-bezier(.2,.7,.2,1) both; }
.year-gallery__header { position:relative; text-align:center; padding:0 58px; }
.year-gallery__eyebrow { display:block; font:500 11px/1.3 var(--body); letter-spacing:.25em; color:#c3b9c0; text-transform:uppercase; }
.year-gallery #year-gallery-title { margin:4px 0 0; font:400 clamp(64px,7vw,100px)/.95 var(--display); color:var(--pink); letter-spacing:.02em; }
.year-gallery button { touch-action:manipulation; display:inline-grid; place-items:center; min-width:48px; min-height:48px; padding:8px; color:#fff; background:#180b14c9; border:1px solid #ff009078; border-radius:50%; cursor:pointer; transition:background 180ms ease,box-shadow 180ms ease; }
.year-gallery button:hover { background:#5a0035; box-shadow:0 0 20px #ff009030; }
.year-gallery button:focus-visible { outline:2px solid white; outline-offset:4px; }
.year-gallery button svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; }
.year-gallery__close { position:absolute; right:0; top:8px; }
.year-gallery__figure { position:relative; margin:0; min-height:0; width:100%; display:flex; align-items:center; justify-content:center; touch-action:pan-y pinch-zoom; }
.year-gallery__image { display:block; width:100%; height:100%; min-height:0; object-fit:contain; border-radius:4px; opacity:1; transition:opacity 180ms ease; user-select:none; -webkit-user-select:none; }
.year-gallery__image[hidden] { display:none; }
.year-gallery.is-loading .year-gallery__image { opacity:.25; }
.year-gallery__status { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:12px 18px; color:#fff; background:#080408df; border-radius:8px; font:400 14px/1.5 var(--body); text-align:center; }
.year-gallery__status[hidden] { display:none; }
.year-gallery__footer { text-align:center; }
.year-gallery__navigation { display:flex; gap:22px; align-items:center; justify-content:center; }
.year-gallery__counter { min-width:70px; color:#eee4eb; font:500 13px/1 var(--body); letter-spacing:.12em; }
.year-gallery__caption { font:400 13px/1.5 var(--body); color:#c8bbc4; margin:12px auto 0; max-width:80ch; text-wrap:pretty; }
@keyframes year-gallery-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media (max-width:600px) {
  .year-gallery { padding:calc(12px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom)); }
  .year-gallery__panel { gap:12px; }
  .year-gallery__header { padding:0 50px; }
  .year-gallery #year-gallery-title { font-size:68px; }
  .year-gallery__eyebrow { font-size:9px; letter-spacing:.14em; }
  .year-gallery__caption { font-size:12px; margin-top:10px; }
}
@media (max-height:500px) {
  .year-gallery { padding:8px 16px; }
  .year-gallery__panel { gap:6px; }
  .year-gallery #year-gallery-title { font-size:46px; }
  .year-gallery__eyebrow,.year-gallery__caption { display:none; }
  .year-gallery__close { top:0; }
}
@media (prefers-reduced-motion:reduce) {
  .year-gallery__panel { animation:none; }
  .year-gallery__image,.year-gallery button,#about-full .year-collage img { transition:none; }
}