.pldgrm-timeline { --ink:#1a1b1a; --muted:#6a6b63; --cream:#ecebe6; --cobalt:#2d43d9; color:var(--ink); }
.pldgrm-timeline button { font:inherit; -webkit-tap-highlight-color:transparent; }
.pldgrm-timeline button:focus-visible { outline:2px solid var(--cobalt); outline-offset:3px; }
.pldgrm-timeline__head { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; flex-wrap:wrap; }
.pldgrm-timeline__eyebrow,.pldgrm-timeline__meta,.pldgrm-timeline__source { margin:0; font:11px/1.5 'Schibsted Grotesk',sans-serif; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.pldgrm-timeline__head h2 { margin:14px 0 0; font:500 clamp(38px,4.4vw,60px)/1 'Newsreader',serif; letter-spacing:-.01em; }
.pldgrm-timeline__tools,.pldgrm-timeline__filters { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.pldgrm-timeline__tools { gap:22px; }
.pldgrm-timeline__filter { cursor:pointer; border:1px solid rgba(26,27,26,.2); background:transparent; padding:7px 10px; color:var(--muted); font:600 10px/1 'Schibsted Grotesk',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.pldgrm-timeline__filter:hover,.pldgrm-timeline__filter.is-active { border-color:var(--ink); background:var(--ink); color:var(--cream); }
.pldgrm-timeline__play { cursor:pointer; display:flex; align-items:center; gap:8px; padding:0; border:0; background:none; color:var(--ink); font:600 11px/1 'Schibsted Grotesk',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.pldgrm-timeline__play span { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; padding-left:2px; background:var(--cobalt); color:#fff; font-size:10px; }
.pldgrm-timeline__segments { display:grid; gap:5px; margin-top:40px; }
.pldgrm-timeline__segment { min-width:0; cursor:pointer; padding:8px 0 0; border:0; background:none; text-align:left; }
.pldgrm-timeline__segment::before { content:''; display:block; height:4px; background:rgba(26,27,26,.18); transition:.2s; }
.pldgrm-timeline__segment span { display:block; overflow:hidden; margin-top:8px; color:#8e8f86; font:10px/1 'Schibsted Grotesk',sans-serif; letter-spacing:.06em; opacity:0; transition:.2s; }
.pldgrm-timeline__segment:hover::before,.pldgrm-timeline__segment.is-active::before { background:var(--cobalt); }
.pldgrm-timeline__segment.is-active span { color:var(--cobalt); opacity:1; }
.pldgrm-timeline__active { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:56px; align-items:stretch; margin-top:40px; }
.pldgrm-timeline__copy { min-width:0; display:flex; flex-direction:column; justify-content:space-between; border-top:1px solid rgba(26,27,26,.22); padding-top:28px; }
.pldgrm-timeline__meta { display:flex; gap:14px; }
.pldgrm-timeline__meta [data-category] { color:var(--cobalt); }
.pldgrm-timeline__meta [data-position] { color:#8e8f86; }
.pldgrm-timeline__year { margin-top:22px; font:500 clamp(96px,13vw,196px)/.82 'Newsreader',serif; letter-spacing:-.03em; }
.pldgrm-timeline__copy h3 { margin:26px 0 0; max-width:24ch; font:italic 500 clamp(26px,2.6vw,36px)/1.1 'Newsreader',serif; text-wrap:balance; }
.pldgrm-timeline__description { max-width:50ch; margin:16px 0 0; color:#3c3d36; font:19px/1.6 'Newsreader',serif; text-wrap:pretty; }
.pldgrm-timeline__source { margin-top:14px; letter-spacing:.08em; text-transform:none; }
.pldgrm-timeline__nav { display:flex; gap:10px; margin-top:32px; }
.pldgrm-timeline__nav button { width:48px; height:48px; cursor:pointer; border:1px solid var(--ink); background:transparent; color:var(--ink); font-size:16px; }
.pldgrm-timeline__nav button:last-child { background:var(--ink); color:var(--cream); }
.pldgrm-timeline__visual { position:relative; width:100%; aspect-ratio:1/1; overflow:hidden; margin:0; background:#d8d7d0; }
.pldgrm-timeline__visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s; }
.pldgrm-timeline__visual.has-image img { opacity:1; }
.pldgrm-timeline__visual [data-placeholder] { position:absolute; inset:0; display:grid; place-items:center; background:linear-gradient(145deg,#d8d7d0,#c7c5bc); color:rgba(26,27,26,.16); font:600 clamp(72px,12vw,160px)/1 'Newsreader',serif; }
.pldgrm-timeline__visual.has-image [data-placeholder] { display:none; }
.pldgrm-timeline__ruler { position:relative; height:66px; margin-top:48px; }
.pldgrm-timeline__line { position:absolute; left:0; right:0; top:20px; height:1px; background:rgba(26,27,26,.3); }
.pldgrm-timeline__life { position:absolute; left:1.5%; top:15px; height:11px; background:rgba(45,67,217,.14); border-left:1px solid var(--cobalt); border-right:1px solid var(--cobalt); }
.pldgrm-timeline__life span { position:absolute; left:0; bottom:19px; white-space:nowrap; color:var(--cobalt); font:10px/1 'Schibsted Grotesk',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.pldgrm-timeline__tick { position:absolute; top:20px; }
.pldgrm-timeline__tick::before { content:''; display:block; width:1px; height:9px; background:rgba(26,27,26,.4); }
.pldgrm-timeline__tick span { display:block; transform:translateX(-50%); margin-top:13px; color:#8e8f86; font:10px/1 'Schibsted Grotesk',sans-serif; letter-spacing:.08em; }
.pldgrm-timeline__mark { position:absolute; top:16px; width:9px; height:9px; transform:translateX(-50%); border-radius:50%; border:1px solid var(--cream); background:var(--muted); }
.pldgrm-timeline__mark.is-active { width:13px; height:13px; top:14px; background:var(--cobalt); }
.pldgrm-timeline-empty { padding:60px 0; color:var(--muted); font:italic 24px 'Newsreader',serif; }
@media (max-width:780px) {
  .pldgrm-timeline {
    box-sizing:border-box;
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    height:auto;
    min-height:calc(100svh - var(--pldgrm-mobile-header,64px));
    padding:20px 0 54px;
    overflow:hidden;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  .pldgrm-timeline__head { position:relative; display:block; flex:0 0 auto; }
  .pldgrm-timeline__head>div:first-child { padding-right:92px; }
  .pldgrm-timeline__eyebrow { font-size:10px; letter-spacing:.2em; }
  .pldgrm-timeline__head h2 { max-width:12ch; margin-top:4px; font-size:clamp(26px,7.6vw,32px); line-height:.94; }
  .pldgrm-timeline__tools { display:block; margin-top:6px; }
  .pldgrm-timeline__filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; width:100%; }
  .pldgrm-timeline__filter { min-width:0; min-height:36px; padding:0 5px; font-size:9px; letter-spacing:.12em; }
  .pldgrm-timeline__play { position:absolute; top:17px; right:0; display:flex; width:auto; min-width:82px; min-height:34px; padding:0 11px; justify-content:center; border:0; border-radius:0; background:var(--cobalt); color:#fff; }
  .pldgrm-timeline__play span { display:none; }
  .pldgrm-timeline__play b { position:static; width:auto; height:auto; overflow:visible; clip:auto; color:inherit; font-size:9px; line-height:1; letter-spacing:.14em; white-space:nowrap; }
  .pldgrm-timeline__segments { position:absolute; z-index:3; right:58px; bottom:20px; left:58px; display:grid!important; gap:3px; width:auto; height:4px; margin:0!important; padding:0; overflow:hidden; }
  .pldgrm-timeline__segment { min-width:0; height:4px; padding:0; }
  .pldgrm-timeline__segment::before { height:4px; background:rgba(26,27,26,.14); }
  .pldgrm-timeline__segment.is-past::before { background:rgba(26,27,26,.72); }
  .pldgrm-timeline__segment.is-active::before { background:var(--cobalt); }
  .pldgrm-timeline__segment span { display:none; }
  .pldgrm-timeline .pldgrm-timeline__active { display:grid!important; flex:0 0 auto; grid-template-columns:1fr!important; grid-template-rows:auto auto; width:100%; min-width:0; min-height:0; gap:0; margin-top:6px; overflow:visible; touch-action:pan-y; }
  .pldgrm-timeline .pldgrm-timeline__visual { box-sizing:border-box; order:-1; width:100%; min-width:100%; min-height:0; height:auto!important; max-height:none; aspect-ratio:1/1!important; border:1px dashed rgba(26,27,26,.32); }
  .pldgrm-timeline__visual::after { content:'←  SCORRI  →'; position:absolute; left:14px; bottom:12px; z-index:2; padding:10px 12px; background:rgba(26,27,26,.66); color:#fff; font:600 9px/1 'Schibsted Grotesk',sans-serif; letter-spacing:.16em; }
  .pldgrm-timeline__visual [data-placeholder] { display:flex; flex-direction:column; gap:8px; color:var(--muted); font:500 15px/1 'Schibsted Grotesk',sans-serif; }
  .pldgrm-timeline__visual [data-placeholder]::before { content:'▧'; color:rgba(26,27,26,.34); font:30px/1 sans-serif; }
  .pldgrm-timeline .pldgrm-timeline__copy { box-sizing:border-box; position:static; display:block; width:100%; min-width:0; min-height:148px; height:auto; border:0; padding-top:10px; overflow:visible; }
  .pldgrm-timeline__meta { justify-content:space-between; gap:12px; }
  .pldgrm-timeline__event-heading { display:flex; min-width:0; align-items:baseline; gap:9px; margin-top:10px; }
  .pldgrm-timeline .pldgrm-timeline__year { flex:0 0 auto; margin:0; font-size:clamp(52px,15.5vw,64px)!important; line-height:.8!important; }
  .pldgrm-timeline .pldgrm-timeline__copy h3 { min-width:0; margin:0; overflow:visible; font-size:clamp(18px,5vw,23px)!important; line-height:1.05!important; white-space:normal; }
  .pldgrm-timeline .pldgrm-timeline__description { display:-webkit-box!important; max-width:none; max-height:4em; margin:10px 0 0!important; overflow:hidden; color:#3c3d36!important; font-size:clamp(14px,3.8vw,16px)!important; line-height:1.32!important; opacity:1!important; visibility:visible!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .pldgrm-timeline__source { display:none; }
  .pldgrm-timeline__nav { position:absolute; z-index:4; right:0; bottom:0; left:0; display:flex; justify-content:space-between; gap:0; margin:0; }
  .pldgrm-timeline__nav button { width:50px; height:44px; background:var(--cream); }
  .pldgrm-timeline__nav button:last-child { background:var(--ink); }
  .pldgrm-timeline .pldgrm-timeline__ruler { flex:0 0 54px; height:54px; margin-top:8px; overflow:visible; border-top:1px solid rgba(26,27,26,.16); }
  .pldgrm-timeline__line { top:30px; }
  .pldgrm-timeline__life { top:25px; }
  .pldgrm-timeline__life span { bottom:18px; font-size:8px; }
  .pldgrm-timeline__tick { top:30px; }
  .pldgrm-timeline__tick span { margin-top:10px; font-size:8px; }
  .pldgrm-timeline__tick:first-child span { transform:none; }
  .pldgrm-timeline__tick:last-child span { transform:translateX(-100%); }
  .pldgrm-timeline__mark { top:27px; width:7px; height:7px; }
  .pldgrm-timeline__mark.is-active { top:25px; width:11px; height:11px; }
}
@media (max-width:420px) {
  .pldgrm-timeline { padding-top:20px; }
  .pldgrm-timeline__head h2 { font-size:clamp(26px,7.8vw,32px); }
  .pldgrm-timeline__filter { font-size:8.5px; }
  .pldgrm-timeline__description { -webkit-line-clamp:2; }
}
@media (min-width:781px) and (max-width:1024px) {
  .pldgrm-timeline__head { align-items:flex-start; }
  .pldgrm-timeline__head h2 { font-size:clamp(40px,5.5vw,54px); }
  .pldgrm-timeline__tools { width:100%; justify-content:space-between; }
  .pldgrm-timeline__filter { min-height:44px; padding-inline:14px; }
  .pldgrm-timeline__active { grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); gap:32px; }
  .pldgrm-timeline__year { font-size:clamp(92px,13vw,132px); }
  .pldgrm-timeline__visual { max-height:none; }
}
@media (prefers-reduced-motion:reduce) { .pldgrm-timeline * { scroll-behavior:auto!important; transition:none!important; } }