/* The Archive: four stories, each with its problem, result and impact in view */
.ax-bar{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:clamp(16px,2vw,28px);padding-top:22px;border-top:1px solid var(--rule)}
.ax-sum{display:flex;flex-wrap:wrap;gap:12px 40px}
.ax-sum dt{color:var(--fg-2);font-size:12px;margin-bottom:4px}
.ax-sum dd{font-size:20px;font-weight:500;letter-spacing:-.02em}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--rule)}
.seg button{min-height:42px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-2);font-weight:500;font-size:14.5px;cursor:pointer;transition:background .3s,color .3s}
.seg button:hover{color:var(--fg)}
.seg button[aria-pressed="true"]{background:var(--red);color:var(--white)}
.ax{padding-bottom:clamp(90px,10vw,160px)}
.ax-list{display:flex;flex-direction:column;gap:clamp(56px,7vw,120px)}
.ax-item.is-hidden{display:none}
.ax-card{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 24px;align-items:center}
.ax-media{grid-column:1 / span 7;aspect-ratio:16 / 11;border-radius:var(--radius-box)}
.ax-media img{transition:opacity .8s var(--ease),transform 1.4s var(--ease)}
.ax-media video{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease)}
.ax-card:hover .ax-media img{transform:scale(1.05)}
.ax-card:hover .ax-media video.on{opacity:1}
.ax-chip,.ax-year{position:absolute;top:16px;z-index:2;padding:8px 13px;border-radius:var(--radius-pill);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.45);color:var(--white);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ax-chip{left:16px}.ax-year{right:16px}
.ax-body{grid-column:8 / span 5;display:flex;flex-direction:column;gap:18px}
.flip .ax-media{grid-column:6 / span 7;order:2}
.flip .ax-body{grid-column:1 / span 5;order:1}
.ax-sector{color:var(--fg-2)}
.ax-name{font-weight:500;font-size:clamp(36px,4.2vw,68px);line-height:1;letter-spacing:-.045em;transition:color .4s}
.ax-card:hover .ax-name{color:var(--red)}
.ax-line{font-size:clamp(18px,1.4vw,21px);line-height:1.45;color:var(--fg)}
.ax-story{display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--rule)}
.ax-story dt{color:var(--fg-2);font-size:12px;margin-bottom:4px}
.ax-story dd{font-size:15.5px;line-height:1.5;color:var(--fg-2)}
.ax-story div:last-child dd{color:var(--fg)}
.ax-impact{padding:18px 20px 20px;border-radius:var(--radius-box);background:linear-gradient(180deg,rgba(152,0,27,.22),rgba(152,0,27,.06));box-shadow:inset 0 0 0 1px rgba(152,0,27,.55)}
.ax-impact .t-label{font-size:12px;color:rgba(246,246,244,.75);margin-bottom:12px}
.ax-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ax-nums div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ax-nums b{font-weight:500;font-size:clamp(28px,2.6vw,42px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.ax-nums span{font-size:13px;line-height:1.35;color:var(--fg-2)}
.ax-go{display:inline-flex;align-items:center;gap:14px;font-weight:500;align-self:flex-start}
.ax-arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:var(--white);transition:transform .6s var(--ease),background .3s,color .3s}
.ax-card:hover .ax-arrow{transform:rotate(45deg);background:var(--white);color:var(--red)}
@media (max-width:960px){
  .ax-card{grid-template-columns:minmax(0,1fr)}
  .ax-media,.flip .ax-media,.ax-body,.flip .ax-body{grid-column:1 / -1;order:0}
  .ax-media{aspect-ratio:16 / 11}
}
@media (max-width:520px){.ax-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ax-nums b{font-size:26px}}
@media (max-width:620px){.seg{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:none;padding:0 14px;font-size:13.5px}.ax-bar{flex-direction:column;align-items:flex-start}}