.arch-intro{background:var(--midnight);color:var(--paper);padding-block:clamp(56px,9vw,104px) clamp(26px,4vw,44px);scroll-margin-block-start:96px}.arch-intro .section-label{color:#ffffff9e}.arch-intro p{color:#ffffffc7}.arch-stream{background:var(--midnight);color:var(--paper);padding-block-end:clamp(64px,10vw,132px)}.arch-rail{z-index:20;background:var(--midnight);border-block-end:1px solid #ffffff1a;margin-block-end:clamp(32px,5vw,64px);padding-block-start:72px;position:sticky;inset-block-start:0}.arch-rail__list{scrollbar-width:none;overscroll-behavior-inline:contain;gap:4px;margin:0;padding:10px 0;list-style:none;display:flex;overflow-x:auto}.arch-rail__list::-webkit-scrollbar{display:none}.arch-rail__list a{border-radius:var(--pill);color:#ffffff9e;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;padding:7px 13px;font-size:12.5px;text-decoration:none;transition:color .2s,background .2s;display:block}.arch-rail__list a:hover{color:var(--paper);background:#ffffff14}.arch-rail__list a[aria-current=true]{color:var(--midnight);background:var(--paper)}.arch-rail__list a:focus-visible{outline:2px solid var(--ember-on-dark);outline-offset:2px}.arch-period{scroll-margin-block-start:140px}.arch-period+.arch-period{margin-block-start:clamp(64px,9vw,128px)}.arch-period__head{max-inline-size:68ch;margin-block-end:clamp(22px,3vw,38px)}.arch-period__years{font-family:var(--display-font,inherit);font-weight:var(--display-weight,300);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(46px,8vw,104px);line-height:.98}.arch-period__title{color:#ffffffeb;text-wrap:balance;margin:10px 0 0;font-size:clamp(19px,2.2vw,27px);font-weight:400;line-height:1.25}.arch-period__lead{color:#ffffffc7;text-wrap:pretty;margin:16px 0 0;font-size:15.5px;line-height:1.68}.arch-period__meta{color:#ffffff8c;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin:14px 0 0;font-size:12px}.arch-period__note{color:#ffffffa8;border-inline-start:1px solid #ffffff38;margin:18px 0 0;padding-inline-start:14px;font-size:14px;line-height:1.6}.arch-rows{--arch-row:148px;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.arch-rows:after{content:"";flex-grow:999999}.arch-item{flex:var(--ar) 1 calc(var(--ar) * var(--arch-row));min-inline-size:0}.arch-frame{inline-size:100%;aspect-ratio:var(--ar);color:inherit;cursor:zoom-in;background:#ffffff0f;border:0;border-radius:3px;margin:0;padding:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.arch-frame img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .6s cubic-bezier(.22,.61,.36,1);display:block}.arch-frame:hover img,.arch-frame:focus-visible img{transform:scale(1.04)}.arch-frame:focus-visible{outline:2px solid var(--ember-on-dark);outline-offset:2px}.arch-no{color:#ffffffeb;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:2px;padding:2px 5px;font-size:10px;line-height:1.2;position:absolute;inset-block-end:5px;inset-inline-start:5px}.arch-no i{opacity:.8;font-style:normal}.arch-play{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.arch-play span{aspect-ratio:1;color:#fff;background:#0000006b;border-radius:50%;place-items:center;inline-size:clamp(34px,22%,52px);padding-inline-start:2px;font-size:13px;transition:background .25s;display:grid;box-shadow:inset 0 0 0 1px #ffffff59}.arch-frame:hover .arch-play span{background:#0000009e}.arch-dur{color:#ffffffeb;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:2px;padding:2px 5px;font-size:10px;line-height:1.2;position:absolute;inset-block-end:5px;inset-inline-end:5px}@media (prefers-reduced-motion:no-preference){.arch-item{animation:linear both arch-in;animation-timeline:view();animation-range:entry entry 55%}@keyframes arch-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}@container (max-width:132px){.arch-dur{display:none}}@media (min-width:600px){.arch-rows{--arch-row:200px;gap:9px}}@media (min-width:980px){.arch-rail{padding-block-start:80px}.arch-period{scroll-margin-block-start:150px}}@media (min-width:1000px){.arch-rows{--arch-row:258px;gap:10px}}@media (min-width:1400px){.arch-rows{--arch-row:300px}}.arch-view{width:100%;max-width:none;height:100%;max-height:none;color:var(--paper);background:#0b0b10;border:0;margin:0;padding:0}.arch-view::backdrop{background:#000c}.arch-view__inner{grid-template-rows:minmax(0,1fr) auto;block-size:100%;display:grid}.arch-view__stage{--pad-top:52px;--pad-bottom:8px;--pad-inline:12px;min-block-size:0;position:relative}.arch-view__media{inline-size:calc(100% - var(--pad-inline) * 2);block-size:calc(100% - var(--pad-top) - var(--pad-bottom));object-fit:contain;position:absolute;inset-block-start:var(--pad-top);inset-inline-start:var(--pad-inline)}.arch-view__side{padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-block-start:1px solid #ffffff24;gap:8px;max-block-size:38vh;display:grid;overflow-y:auto}.arch-view__id{color:#ffffff8c;letter-spacing:.05em;font-variant-numeric:tabular-nums;justify-content:space-between;gap:14px;margin:0;font-size:11.5px;display:flex}.arch-view__count{color:#ffffff6b;white-space:nowrap}.arch-view__alt{margin:0;font-size:15px;line-height:1.5}.arch-view__redaction{color:#ffffffad;margin:0;font-size:13.5px;line-height:1.55}.arch-view__transcript h3{letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;margin:0 0 6px;font-size:11.5px;font-weight:500}.arch-view__transcript p{color:#ffffffd1;margin:0;font-size:14px;line-height:1.6}.arch-view__close,.arch-view__nav{block-size:44px;inline-size:44px;color:var(--paper);cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;font-size:20px;transition:background .2s;display:grid;position:absolute}.arch-view__close:hover,.arch-view__nav:hover{background:#ffffff3d}.arch-view__close:focus-visible,.arch-view__nav:focus-visible{outline:2px solid var(--ember-on-dark);outline-offset:2px}.arch-view__close{inset-block-start:10px;inset-inline-end:12px}.arch-view__nav{font-size:26px;inset-block-start:10px}.arch-view__nav--prev{inset-inline-start:12px}.arch-view__nav--next{inset-inline-start:64px}@media (min-width:900px){.arch-view__inner{grid-template-rows:none;grid-template-columns:minmax(0,1fr) 340px}.arch-view__stage{--pad-top:24px;--pad-bottom:24px;--pad-inline:24px}.arch-view__side{border-block-start:0;border-inline-start:1px solid #ffffff24;align-content:start;gap:12px;max-block-size:none;padding:64px 26px 26px}.arch-view__nav{inset-block-start:50%;transform:translateY(-50%)}.arch-view__nav--prev{inset-inline-start:18px}.arch-view__nav--next{inset-inline:auto 376px}}@media (prefers-reduced-motion:reduce){.arch-frame img,.arch-play span,.arch-rail__list a,.arch-view__close,.arch-view__nav{transition:none}.arch-frame:hover img,.arch-frame:focus-visible img{transform:none}}html[dir=rtl] .arch-view__nav>span{display:block;transform:scaleX(-1)}
