#archives .archive-stage{
 width:min(1280px,100%);height:clamp(320px,45svh,500px);min-height:0;
 aspect-ratio:auto;margin:clamp(36px,8vh,86px) auto 0;overflow:hidden;
}
#archives .archive-stage>svg{
 position:absolute;inset:0;width:100%;height:100%;pointer-events:none;
 opacity:var(--archive-contour-opacity,0);transition:opacity .5s ease;
}
#archives .archive-columns{
 position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;
 opacity:var(--archive-gallery-opacity,1);transition:opacity .5s ease;
}
#archives .archive-tabs{display:flex;align-items:center;gap:clamp(20px,3vw,48px);min-height:52px;flex:none}
#archives .archive-tabs button{
 min-height:44px;padding:8px 0;background:none;border:0;border-bottom:1px solid transparent;
 color:#052D03;font:600 clamp(12px,1.05vw,15px)/1.4 'Barlow','Zen Kaku Gothic Antique',sans-serif;
 letter-spacing:.035em;white-space:nowrap;
}
#archives .archive-tabs button[aria-pressed=true]{border-color:#052D03}
#archives .archive-viewport{min-height:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#052D0360 transparent}
#archives .archive-rail{display:flex;gap:0;height:100%;min-width:100%;background:transparent}
#archives .archive-rail.is-dissolving{opacity:0;pointer-events:none;transition:opacity .12s ease}
#archives .archive-rail.is-forming{pointer-events:none}
.archive-switch-particles{
 position:fixed;inset:0;z-index:100;display:block;opacity:0;pointer-events:none;
}
.archive-switch-particles.is-visible{opacity:1}
#archives .archive-column-link{
 position:relative;display:block;flex:1 1 0;min-width:0;height:100%;overflow:hidden;
 border:0;margin:0;color:#fff;isolation:isolate;
 transition:flex-grow .72s cubic-bezier(.22,1,.36,1);outline-offset:-3px;
}
#archives .archive-column-link.is-active{flex-grow:5.2}
#archives .archive-column-link img{
 position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;
 filter:saturate(.78) contrast(.93);transition:filter .65s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
#archives .archive-column-link.is-active img{filter:none;transform:none}
#archives .archive-column-link::before{
 content:"";position:absolute;inset:0;z-index:1;background:#0b261c;opacity:.27;
 pointer-events:none;transition:opacity .65s ease;
}
#archives .archive-rail.has-active .archive-column-link:not(.is-active)::before{opacity:.78}
#archives .archive-column-link.is-active::before{opacity:0}
#archives .archive-column-link::after{
 content:"";position:absolute;inset:42% 0 0;z-index:2;background:linear-gradient(transparent,#061e0ec7);
 pointer-events:none;
}
#archives .archive-column-link.is-active::after{background:linear-gradient(transparent,#0009)}
#archives .archive-column-label{position:absolute;inset:auto 0 0;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:8px;padding:12px 8px}
#archives .archive-column-link.is-active .archive-column-label{padding:clamp(12px,1.5vw,24px)}
#archives .archive-column-year{font:600 clamp(13px,1.25vw,18px)/1 'Barlow',sans-serif;letter-spacing:.04em;text-shadow:0 1px 5px #0009}
#archives .archive-column-detail{
 display:flex;flex:0 0 auto;width:clamp(136px,13vw,180px);flex-direction:column;align-items:flex-end;gap:12px;
 opacity:0;pointer-events:none;
 transition:opacity .2s ease;
}
#archives .archive-column-link.is-active .archive-column-detail{opacity:1;transition-delay:.48s}
#archives .archive-column-detail strong{max-width:100%;font:600 clamp(18px,2vw,29px)/1.4 'Barlow','Zen Kaku Gothic Antique',sans-serif;text-align:right;overflow-wrap:anywhere}
#archives .archive-column-detail>span{font:600 12px 'Barlow','Zen Kaku Gothic Antique',sans-serif;white-space:nowrap}
#archives .archive-hint{flex:none;margin:0;padding-top:11px;text-align:right;font:600 12px/1.5 'Barlow','Zen Kaku Gothic Antique',sans-serif;color:#052D03}
.journey-pin #archives .archive-stage{
 position:absolute;left:50%;top:55%;width:min(1280px,84%);height:clamp(320px,50svh,520px);
 margin:0;transform:translate(-50%,-50%);
}
.journey-pin #archives .archive-columns{opacity:var(--archive-gallery-opacity,0);transition:none}
.journey-pin #archives .archive-stage>svg{opacity:0}
@media(max-width:700px){
 #archives .archive-stage{width:100%;height:min(66svh,550px);margin-top:28px}
 .journey-pin #archives .archive-stage{width:92%;height:min(65svh,550px);top:55%}
 #archives .archive-tabs{gap:20px;min-height:48px}
 #archives .archive-tabs button{font-size:12px}
 /* Phones: horizontal bands stacked top to bottom, so every year fits without sideways scrolling. */
 #archives .archive-viewport{overflow:hidden}
 #archives .archive-rail{flex-direction:column;width:100%;min-width:0}
 #archives .archive-column-link{width:100%;min-width:0;min-height:0}
 #archives .archive-column-link::after{inset:0 40% 0 0;background:linear-gradient(90deg,#061e0ec7,transparent)}
 #archives .archive-column-link.is-active::after{inset:42% 0 0;background:linear-gradient(transparent,#0009)}
 #archives .archive-column-label{inset:0;align-items:center;justify-content:flex-start;gap:14px;padding:0 12px}
 #archives .archive-column-link.is-active .archive-column-label{align-items:flex-end;justify-content:space-between;padding:12px}
 #archives .archive-column-year{font-size:13px}
 #archives .archive-column-detail{width:auto;min-width:0;align-items:flex-end;gap:6px}
 #archives .archive-column-detail strong{text-align:right;font-size:17px;line-height:1.3}
 #archives .archive-hint{font-size:11px}
}
@media(prefers-reduced-motion:reduce),(hover:none) and (pointer:coarse),(max-width:767px){
 #archives .archive-column-link,#archives .archive-column-link img,#archives .archive-column-link::before,#archives .archive-column-detail,
 #archives .archive-stage>svg,#archives .archive-columns{transition:none}
}