.archive-page{--archive-bg: #11161c;--archive-surface: #1b232c;--archive-ink: var(--aalto-text-primary);--archive-muted: var(--aalto-text-secondary);--archive-line: var(--site-line);--archive-accent: #d2deea;--site-bg: var(--archive-bg);background:var(--archive-bg);color-scheme:dark}.archive{--archive-phone-width: 360px;--archive-phone-controls: 56px;--archive-model-size: 640px;position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);gap:24px;min-height:560px;height:100svh;padding:var(--site-header-inset) max(var(--site-page-gutter),calc((100% - var(--site-page-max-width)) / 2)) var(--site-space-6);color:var(--archive-ink);background:var(--archive-bg);font-family:var(--font-sans)}.archive__aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 110%,#77899b45,transparent 65%)}.archive[data-archive-loading]:not([data-enhanced]) .archive__gallery{visibility:hidden}.archive__aurora canvas{display:block;width:100%;height:100%}.archive a{color:inherit;text-decoration:none}.archive button{font:inherit;color:inherit;cursor:pointer}.archive :is(a,button,input):focus-visible{outline:var(--site-focus-width) solid var(--archive-accent);outline-offset:var(--site-focus-offset)}.archive__header{padding:0;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:var(--site-control-height)}.archive__header h1{margin:0;font:var(--type-label);letter-spacing:var(--type-tracking-text);color:var(--archive-muted)}.archive__experience{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:clamp(32px,4svh,48px);min-height:0}.archive__prologue{position:absolute;inset:0;z-index:3;display:grid;place-items:center;margin:0;padding:var(--site-space-6);color:var(--archive-ink);font:var(--type-lead);letter-spacing:var(--type-tracking-text);text-align:center;visibility:hidden;pointer-events:none}.archive__gallery{display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:16px;min-height:0;width:100%;height:100%}.archive__gallery:has(.archive-card:not([hidden]) .book-preview){grid-template-rows:auto minmax(0,min(40rem,100vw - var(--site-page-gutter) * 2));align-content:center}.archive__stage{position:relative;display:grid;place-items:center;width:100%;min-height:0;overflow:hidden;touch-action:pan-y}.archive__focus{container-type:size;position:relative;grid-area:1 / 1;width:min(100%,1000px);height:100%;min-height:0;transform-origin:center}.archive__neighbors{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.archive__neighbor{container-type:size;grid-area:1 / 1;display:flex;align-items:center;justify-content:center;width:min(100%,1000px);height:100%;min-height:0;opacity:0;visibility:hidden;transform-origin:center}.archive__neighbor>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--site-radius-image);object-fit:contain}.archive__neighbor>img[hidden]{display:none}.archive__source,.archive-card{width:100%;height:100%;margin:0}.archive-card[hidden]{display:none}.archive-card__open{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.archive-card__text{display:grid;place-content:center;width:100%;height:100%;padding:var(--site-space-6);color:inherit;font:var(--type-lead);text-align:center;text-decoration:none}.archive-card__text p{max-width:32ch;margin:0}.archive-card__text:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.archive-card__open img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--site-radius-image);user-select:none}.archive__stage .book-preview{width:min(100%,640px);height:100%;margin-inline:auto}.archive__stage .book-preview__viewport{height:100%;min-height:0;max-height:none;aspect-ratio:auto}.archive-card:not([hidden]):has(>:is(.video-phone,.model-viewer)){display:grid;place-items:center}.archive__stage .model-viewer{--site-model-surface: var(--site-model-paper-surface);width:min(100%,100cqh,var(--archive-model-size));height:auto;aspect-ratio:1;margin:auto}.archive__stage .model-viewer__viewport canvas{position:absolute;inset:0}.archive__stage .model-viewer__toolbar{display:none}.archive__stage .model-viewer__poster{mix-blend-mode:normal}.archive__stage .video-phone{--phone-control-space: var(--archive-phone-controls);width:min(100%,var(--archive-phone-width),calc((100cqh - var(--phone-control-space)) * var(--phone-screen-ratio)));padding-bottom:var(--phone-control-space)}.archive__stage .video-phone[data-phone-media=image]{--phone-control-space: 0px}.archive__caption{align-self:end;position:relative;z-index:1;text-align:center}.archive__caption h2{margin:0;font:var(--type-body);letter-spacing:var(--type-tracking-text)}.archive__caption p{display:flex;justify-content:center;gap:5px;margin:5px 0 0;color:var(--archive-muted);font:var(--type-label)}.archive__timeline{visibility:hidden;width:100%;max-width:880px;margin:0 auto}.archive[data-enhanced] .archive__timeline{visibility:visible}.archive__rail{--archive-step: clamp(144px, 12vw, 168px);--archive-engagement: 0;position:relative;height:112px;isolation:isolate;touch-action:none}.archive__dial-window{position:absolute;inset:0 calc((1 - var(--archive-engagement)) * 18%);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.archive__tape{position:absolute;top:0;left:50%;width:0;height:100%}.archive__stops span{position:absolute;left:calc(var(--station) * var(--archive-step));top:27px;width:1px;height:36px;transform-origin:center bottom;background:var(--archive-ink);opacity:.42;transform:translate(-.5px);transition:opacity var(--site-duration-feedback) var(--site-ease-feedback)}.archive__stops span[data-current=true]{opacity:.85;background:var(--archive-accent)}.archive__ticks span{position:absolute;left:calc(var(--station) * var(--archive-step));top:45px;width:1px;height:18px;background:var(--archive-muted);opacity:.2;transform-origin:center bottom}.archive__ticks span.is-major{top:37px;height:26px}.archive__ticks span[data-traversed=true]{background:var(--archive-accent)}.archive__cursor{position:absolute;top:13px;left:50%;width:1px;height:58px;transform:translate(-50%);pointer-events:none}.archive__cursor:before{content:"";position:absolute;inset:0;background:var(--archive-accent);transform-origin:center bottom;transform:translateY(calc((1 - var(--archive-engagement)) * -7px)) scaleY(calc(.66 + var(--archive-engagement) * .34))}.archive__rail input{appearance:none;-webkit-appearance:none;position:absolute;z-index:2;inset:0 0 auto;width:100%;height:64px;margin:0;opacity:0;cursor:grab;touch-action:none}.archive[data-archive-state=dragging] .archive__rail input{cursor:grabbing}.archive__rail:has(input:focus-visible) .archive__cursor:before{box-shadow:0 0 0 1px var(--archive-accent)}.archive__rail input::-webkit-slider-thumb{appearance:none;width:1px;height:64px}.archive__periods [data-archive-year]{position:absolute;top:calc(62px + var(--archive-engagement) * 7px);left:calc(var(--station) * var(--archive-step));transform:translate(-50%) scale(calc(.96 + var(--archive-engagement) * .04));white-space:nowrap;display:grid;place-items:center;min-height:var(--site-control-height);padding:0 8px;border:0;background:transparent;color:var(--archive-muted);font:var(--type-label);font-variant-numeric:tabular-nums;letter-spacing:var(--type-tracking-text);transition:color var(--site-duration-feedback) var(--site-ease-feedback)}.archive__periods button[aria-current=true],.archive__periods button:hover{color:var(--archive-ink)}.archive__stops span[data-hovered=true]:not([data-current=true]){opacity:.85;background:var(--archive-accent)}.archive-detail{position:fixed;inset:0;width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);padding:var(--site-space-6);border:1px solid var(--archive-line);border-radius:var(--site-radius-panel);margin:auto;background:var(--archive-surface);color:var(--archive-ink);box-shadow:0 30px 100px #0006}.archive-detail::backdrop{background:#11161c80;backdrop-filter:blur(12px)}.archive-detail__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.archive-detail__bar>p{margin:0;color:var(--archive-muted);font:12px var(--font-mono)}.archive-detail__bar button span{margin-left:21px}.archive-detail__image{display:flex;justify-content:center;background:#fff;border-radius:var(--site-radius-image);overflow:hidden}.archive-detail__image img{display:block;max-width:100%;max-height:58svh;object-fit:contain}.archive-detail__copy{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;padding:24px 5px 8px}.archive-detail__copy p{margin:0 0 8px;font:var(--type-label)}.archive-detail__copy h2{font:var(--type-lead);letter-spacing:var(--type-tracking-text);margin:0 0 var(--site-space-2)}.archive-detail__role{color:var(--archive-muted);font:var(--type-label)}.archive-detail__copy a{display:inline-block;padding:10px 0;font:var(--type-label);border-bottom:1px solid var(--archive-line)}.archive-detail__copy a[hidden]{display:none}.archive-detail__copy a span{margin-left:13px}@media(max-width:700px){.archive{padding-bottom:max(16px,env(safe-area-inset-bottom))}.archive-detail{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:13px}.archive-detail__copy{grid-template-columns:1fr;gap:13px;padding-top:21px}.archive-detail__image img{max-height:46svh}}@media(prefers-reduced-motion:reduce){.archive *,.archive *:before,.archive *:after{animation:none!important;transition:none!important}}