.project-timeline{position:relative;z-index:30;max-width:1540px;margin:0 auto;padding:calc(var(--navigation-offset, 126px) + 28px) 48px 48px;overflow-anchor:none}.project-timeline .page-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:clamp(56px,7vw,96px)}.project-timeline .page-overline{margin:0 0 14px;color:#626268;font-family:var(--font-display);font-size:12px;line-height:1.5}.project-timeline .page-heading :is(h1,h2){margin:0;font-family:var(--font-display);font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.12;letter-spacing:-.025em}.project-timeline .page-intro{margin:20px 0 0;font-size:18px;line-height:1.65;color:#626268}.project-timeline .page-side-note{margin:0 0 3px;padding-left:24px;border-left:1px solid rgb(0 0 0 / 16%);color:#626268;font-size:13px;line-height:1.85}.project-timeline .exhibit-list{margin:0;padding:0;list-style:none}.project-timeline .exhibit{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin:0 0 clamp(96px,11vw,150px)}.project-timeline .exhibit-art{position:relative;z-index:1;grid-column:1 / 8;grid-row:1;min-width:0;margin:0;padding-top:34px}.project-timeline .exhibit-art:before{content:"";position:absolute;z-index:0;top:-36px;left:50%;width:84%;height:300px;transform:translate(-50%);background:radial-gradient(ellipse 50% 55% at 50% 0%,#fff9ecd9,#fff9ec00 72%);pointer-events:none}.project-timeline .exhibit-art:after{content:"";position:absolute;z-index:2;top:12px;left:50%;width:76px;height:5px;border-radius:3px;transform:translate(-50%);background:#c4c4c9}.project-timeline .exhibit-frame{position:relative;z-index:1;display:block;padding:12px;border:1px solid rgb(255 255 255 / 90%);border-radius:22px;background:#ffffff7f;box-shadow:0 0 0 1px #0000000d,0 24px 48px -30px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s ease}.project-timeline .exhibit-frame:before{content:"";position:absolute;top:-16px;left:50%;width:1.5px;height:16px;transform:translate(-50%);background:#c4c4c9}.project-timeline .exhibit-mat{display:block;padding:clamp(16px,3.4%,40px);border-radius:12px;background:#faf9f6eb}.project-timeline .exhibit-mat img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:left top;outline:1px solid rgb(0 0 0 / 10%)}.project-timeline .exhibit:hover .exhibit-frame{transform:translateY(-4px);box-shadow:0 0 0 1px #0000000d,0 32px 56px -30px #00000047}.project-timeline .exhibit-art figcaption{position:relative;z-index:1;margin-top:18px;font-size:11px;line-height:1.6;color:#626268}.project-timeline .exhibit-text{position:relative;z-index:2;grid-column:8 / -1;grid-row:1;min-width:0;text-align:right}.project-timeline .exhibit-eyebrow{margin:0;font-size:12px;line-height:1.6;color:#626268}.project-timeline .exhibit-number{margin-right:10px;font-family:var(--font-display);letter-spacing:.04em;color:#000}.project-timeline .exhibit-text>:is(h2,h3){margin:8px 0 0;font-family:var(--font-display);font-size:clamp(24px,2.3vw,32px);font-weight:500;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}.project-timeline .exhibit-label{--label-overlap: calc(-24px - clamp(12px, 2vw, 30px)) ;margin-top:22px;margin-left:var(--label-overlap);padding:24px 28px;text-align:left;border:1px solid rgb(0 0 0 / 8%);border-radius:6px;background:#ffffffe5;box-shadow:0 22px 44px -28px #00000052,0 2px 6px #0000000a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-timeline .exhibit-label>p{margin:0;font-size:15px;line-height:1.8;color:#2c2c30}.project-timeline .proof-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-timeline .proof-pills>span{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#f1f1f3;font-size:12px;line-height:1.5;color:#28282b}.project-timeline .proof-pills small{font-size:10px;color:#626268}.project-timeline .exhibit-materials{display:flex;align-items:baseline;justify-content:flex-end;gap:14px;margin-top:20px;font-size:12px;line-height:1.6;color:#3c3c40}.project-timeline .exhibit-materials>span{flex-shrink:0;color:#8b8b91}.project-timeline .exhibit-materials ul{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:inherit;gap:4px 16px;min-width:0;margin:0;padding:0;list-style:none}.project-timeline .exhibit-actions{display:flex;justify-content:flex-end;margin-top:20px}.project-timeline .demo-pill{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:14px;padding:11px 16px;border-radius:999px;background:#000;color:#fff;font-size:11.5px;line-height:20px;transition:background-color .2s}.project-timeline .demo-pill:hover{background:#27272a}.project-timeline .demo-pill:focus-visible{outline:2px solid black;outline-offset:4px}.project-timeline .exhibit-details{margin-top:20px;text-align:left;border-top:1px solid rgb(0 0 0 / 10%)}.project-timeline .exhibit-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:500;line-height:1.5;color:#28282b}.project-timeline .exhibit-details>summary::-webkit-details-marker{display:none}.project-timeline .exhibit-details>summary:hover{color:#000}.project-timeline .exhibit-details>summary:focus-visible{outline:2px solid black;outline-offset:4px;border-radius:8px}.project-timeline .details-icon{position:relative;flex-shrink:0;width:26px;height:26px;border:1px solid rgb(0 0 0 / 14%);border-radius:50%}.project-timeline .details-icon:before,.project-timeline .details-icon:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease}.project-timeline .details-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.project-timeline .exhibit-details[open] .details-icon:after{transform:translate(-50%,-50%) rotate(0)}.project-timeline .method-list{display:grid;gap:14px;padding:2px 0 16px}.project-timeline .method :is(h3,h4){margin:0 0 6px;font-size:12px;font-weight:500;color:#626268}.project-timeline .method p{margin:0;font-size:13px;line-height:1.75;color:#303034;overflow-wrap:anywhere}.project-timeline .exhibit-credit{margin:14px 0 0;font-size:11px;line-height:1.7;color:#77777d}.project-timeline .exhibit:nth-child(2n) .exhibit-art{grid-column:6 / -1}.project-timeline .exhibit:nth-child(2n) .exhibit-art figcaption{text-align:right}.project-timeline .exhibit:nth-child(2n) .exhibit-text{grid-column:1 / 6;text-align:left}.project-timeline .exhibit:nth-child(2n) .exhibit-label{margin-right:var(--label-overlap);margin-left:0}.project-timeline .exhibit:nth-child(2n) :is(.exhibit-materials,.exhibit-actions){justify-content:flex-start}.project-timeline .work-keywords{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:22px 0 0;list-style:none;border-top:1px solid rgb(0 0 0 / 15%);font-family:var(--font-display);font-size:14px;font-weight:500;line-height:1.4}.project-timeline .work-keywords li:last-child{text-align:right}@media(max-width:1023px){.project-timeline .page-heading{gap:28px}.project-timeline .page-side-note{display:none}.project-timeline .exhibit{display:flex;flex-direction:column;align-items:stretch;gap:26px;margin-bottom:80px}.project-timeline .exhibit-text,.project-timeline .exhibit:nth-child(2n) .exhibit-text{text-align:left}.project-timeline .exhibit :is(.exhibit-materials,.exhibit-actions){justify-content:flex-start}.project-timeline .exhibit:nth-child(2n) .exhibit-art figcaption{text-align:left}.project-timeline .exhibit-label,.project-timeline .exhibit:nth-child(2n) .exhibit-label{margin:18px 0 0}.project-timeline .work-keywords{font-size:12px}}@media(max-width:639px){.project-timeline{padding-right:24px;padding-left:24px;padding-bottom:32px}.project-timeline .page-heading{margin-bottom:44px}.project-timeline .page-intro{font-size:15px;margin-top:16px}.project-timeline .exhibit{gap:20px;margin-bottom:64px}.project-timeline .exhibit-art{padding-top:28px}.project-timeline .exhibit-art:after{top:9px;width:56px;height:5px}.project-timeline .exhibit-frame{padding:8px;border-radius:16px}.project-timeline .exhibit-frame:before{top:-14px;height:14px}.project-timeline .exhibit-mat{padding:12px}.project-timeline .exhibit-art figcaption{font-size:10px}.project-timeline .exhibit-text>:is(h2,h3){font-size:22px}.project-timeline .exhibit-label{padding:18px}.project-timeline .exhibit-label>p{font-size:14px}.project-timeline .proof-pills>span{font-size:11px;padding:6px 9px;border-radius:14px}.project-timeline .exhibit-details>summary{font-size:12px}.project-timeline .work-keywords{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:12px 10px}.project-timeline .work-keywords li:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){.project-timeline .exhibit-frame,.project-timeline .details-icon:after{transition:none}.project-timeline .exhibit:hover .exhibit-frame{transform:none}}
