@layer components{.gallery-archive{--color-paper:#fafaf8;--color-ink:#141414;--color-grey:#6b6b66;--color-hair:#e0e0da;--color-tick:#cfcfc8;--color-signal:#d52b1e;--color-blue:#1f4fa0;--color-yellow:#f7d117;--font-sans:var(--font-inter-tight,var(--font-inter)), "Helvetica Neue", Helvetica, Arial, sans-serif;--cols:4;--margin:20px;--gutter:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding-top:var(--header-height,64px);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:24px}@media (min-width:48rem){.gallery-archive{--cols:12;--margin:32px;font-size:15px}}@media (min-width:75rem){.gallery-archive{--cols:24;--margin:48px}}.gallery-archive ::selection{background:var(--color-ink);color:var(--color-paper)}.gallery-archive :focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.gallery-archive .shell{width:100%;max-width:1536px;padding-inline:var(--margin);margin-inline:auto;overflow-x:clip}.gallery-archive .grid24{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}.gallery-archive .c-full,.gallery-archive .c-label,.gallery-archive .c-text,.gallery-archive .c-wide,.gallery-archive .c-margin{grid-column:1/-1}@media (min-width:48rem){.gallery-archive .c-label{grid-column:1/span 3}.gallery-archive .c-text,.gallery-archive .c-wide,.gallery-archive .c-margin{grid-column:4/span 9}}@media (min-width:75rem){.gallery-archive .c-label{grid-column:1/span 4}.gallery-archive .c-text{grid-column:5/span 12}.gallery-archive .c-wide{grid-column:5/span 20}.gallery-archive .c-margin{grid-column:18/span 7}}.gallery-archive .skip-link{left:var(--margin);background:var(--color-ink);color:var(--color-paper);z-index:10;padding:6px 12px;font-size:12.5px;position:absolute;top:-100px}.gallery-archive .skip-link:focus{top:6px}.gallery-archive .t-statement{letter-spacing:-.4px;text-wrap:pretty;font-size:26px;font-weight:400;line-height:30px}@media (min-width:48rem){.gallery-archive .t-statement{letter-spacing:-.6px;font-size:34px;line-height:42px}}.gallery-archive .t-heading{letter-spacing:-.2px;text-wrap:pretty;font-size:22px;line-height:30px}.gallery-archive .t-meta{font-variant-numeric:tabular-nums;font-size:12.5px;line-height:18px}.gallery-archive .t-label{color:var(--color-grey);font-size:11px;font-weight:400;line-height:18px}.gallery-archive .t-grey{color:var(--color-grey)}.gallery-archive .lnk{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-hair);text-decoration-color:var(--color-hair);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .12s ease-out}.gallery-archive .lnk:hover{-webkit-text-decoration-color:var(--color-signal);text-decoration-color:var(--color-signal)}.gallery-archive .page-top{align-items:baseline;row-gap:6px;padding-top:72px}@media (min-width:75rem){.gallery-archive .page-top{padding-top:96px}}.gallery-archive .section{margin-top:72px}.gallery-archive .section>h2{margin-bottom:10px}.gallery-archive .diag{width:0;height:0;display:inline-block;position:relative}.gallery-archive .diag:after{content:"";background:var(--color-signal);transform-origin:0;width:96px;height:2px;position:absolute;top:6px;left:18px;transform:rotate(-14deg)}@media (min-width:48rem){.gallery-archive .diag:after{width:140px}.gallery-archive .diag-next:after{width:420px}}@media (prefers-reduced-motion:reduce){.gallery-archive .diag-draw:after{animation:none}.gallery-archive .nav a,.gallery-archive .lnk,.gallery-archive .ledger .arrow{transition:none}}.gallery-archive .ledger{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12.5px;line-height:18px}.gallery-archive .ledger th{text-align:left;color:var(--color-grey);padding:0 12px 6px 0;font-size:11px;font-weight:400}.gallery-archive .ledger td{vertical-align:top;border-top:1px solid var(--color-hair);padding:9px 12px 9px 0}.gallery-archive .ledger tbody tr:first-child td{border-top:3px solid var(--color-ink)}.gallery-archive .ledger tbody tr:last-child td{border-bottom:1px solid var(--color-hair)}.gallery-archive .ledger tbody tr{cursor:pointer}.gallery-archive .ledger .no,.gallery-archive .ledger .muted{color:var(--color-grey)}.gallery-archive .ledger .name a{color:var(--color-ink);font-weight:700;text-decoration:none}.gallery-archive .ledger .arrow{color:var(--color-signal);opacity:0;margin-left:6px;transition:opacity .12s ease-out}.gallery-archive .ledger tbody tr:hover .no,.gallery-archive .ledger tbody tr:hover .name a,.gallery-archive .ledger tbody tr:focus-within .no,.gallery-archive .ledger tbody tr:focus-within .name a{color:var(--color-signal)}.gallery-archive .ledger tbody tr:hover .arrow,.gallery-archive .ledger tbody tr:focus-within .arrow{opacity:1}.gallery-archive .ledger-trusted{font-size:14px;line-height:20px}.gallery-archive .ledger-trusted td{padding-block:12px}.gallery-archive .ledger col.w-no{width:8.333%}.gallery-archive .ledger col.w-name{width:16.667%}.gallery-archive .ledger col.w-half{width:37.5%}.gallery-archive .ledger col.w-what{width:29.167%}.gallery-archive .ledger col.w-role{width:20.833%}.gallery-archive .ledger col.w-rest{width:25%}.gallery-archive .ledger col.w-what-wide{width:50%}@media not (min-width:48rem){.gallery-archive .ledger thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gallery-archive .ledger,.gallery-archive .ledger tbody,.gallery-archive .ledger td{display:block}.gallery-archive .ledger tbody tr{border-top:1px solid var(--color-hair);grid-template-columns:2.25rem minmax(0,1fr);column-gap:12px;padding:10px 0 12px;display:grid}.gallery-archive .ledger tbody tr:first-child{border-top:3px solid var(--color-ink)}.gallery-archive .ledger tbody tr:last-child{border-bottom:1px solid var(--color-hair)}.gallery-archive .ledger tbody tr td,.gallery-archive .ledger tbody tr:first-child td,.gallery-archive .ledger tbody tr:last-child td{border:0;grid-column:2;padding:0}.gallery-archive .ledger tbody tr td.no{grid-area:1/1/span 4}}.gallery-archive .meta-row{border-top:1px solid var(--color-hair);row-gap:2px;padding-block:8px}.gallery-archive .meta-row:last-child{border-bottom:1px solid var(--color-hair)}.gallery-archive .ruled-list{border-top:3px solid var(--color-ink)}.gallery-archive .ruled-list>.meta-row:first-child{border-top:0}.gallery-archive .shot{border:1px solid var(--color-hair);background:#fff;margin-bottom:18px;padding:16px}.gallery-archive .next-link{margin-top:120px}.gallery-archive .art{border:1px solid var(--color-hair);background:#fff;display:block}.gallery-archive .wall-label>*+*{margin-top:2px}.gallery-archive .timeline-scroll{position:relative}.gallery-archive .timeline-scroll:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.gallery-archive .timeline{--art-lanes:var(--art-lanes-wide);--computing-lanes:var(--computing-lanes-wide);--lane-pitch:14px;--art-h:calc(18px + var(--art-lanes) * var(--lane-pitch));--computing-h:calc(18px + var(--computing-lanes) * var(--lane-pitch));height:calc(var(--art-h) + var(--computing-h) + 30px);position:relative}.gallery-archive .timeline-axis{left:0;right:0;top:var(--art-h);background:var(--color-ink);height:1px;position:absolute}.gallery-archive .timeline-track{color:var(--color-grey);margin:0;position:absolute;left:0}.gallery-archive .timeline-track-art{top:calc(var(--art-h) - 20px)}.gallery-archive .timeline-track-computing{top:calc(var(--art-h) + 4px)}.gallery-archive .timeline-sq{--lane:var(--lane-wide);outline-offset:2px;width:10px;height:10px;position:absolute;transform:translate(-50%)}.gallery-archive .timeline-sq-art{top:calc(var(--art-h) - 18px - 10px - var(--lane) * var(--lane-pitch))}.gallery-archive .timeline-sq-computing{top:calc(var(--art-h) + 18px + var(--lane) * var(--lane-pitch))}.gallery-archive .timeline-tick{border:1px solid var(--color-ink);background:var(--color-paper);outline-offset:2px;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%)}.gallery-archive .timeline-tick-art{top:calc(var(--art-h) - 11px)}.gallery-archive .timeline-tick-computing{top:calc(var(--art-h) + 5px)}.gallery-archive .timeline-tick-highlight{border-width:2px;width:9px;height:9px}.gallery-archive .timeline-tick-highlight.timeline-tick-art{top:calc(var(--art-h) - 13px)}.gallery-archive .timeline-sq:hover,.gallery-archive .timeline-tick:hover{outline:2px solid var(--color-ink)}.gallery-archive .timeline-decades span{top:calc(var(--art-h) + var(--computing-h) + 8px);color:var(--color-grey);font-variant-numeric:tabular-nums;font-size:11px;line-height:18px;position:absolute;transform:translate(-50%)}@media not (min-width:48rem){.gallery-archive .timeline-scroll{overscroll-behavior-x:contain;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.gallery-archive .timeline{--art-lanes:var(--art-lanes-narrow);--computing-lanes:var(--computing-lanes-narrow);--lane-pitch:18px;width:calc(var(--years) * 5px);margin-inline:16px}.gallery-archive .timeline-sq{--lane:var(--lane-narrow)}.gallery-archive .timeline-sq:after,.gallery-archive .timeline-tick:after{content:"";position:absolute;inset:-5px}}.gallery-archive .floor-row{border-top:1px solid var(--color-hair);row-gap:12px;padding-block:36px}.gallery-archive .ruled-list>.floor-row:first-child{border-top:0}.gallery-archive .floor-img{width:100%;height:auto}@media (min-width:48rem){.gallery-archive .floor-img{width:auto;max-width:100%;height:clamp(240px,32vw,440px)}}.gallery-archive .room-img{width:auto;max-width:100%;height:auto;max-height:78vh}.gallery-archive .more-img{width:auto;max-width:100%;height:auto;max-height:420px}@media not (min-width:75rem){.gallery-archive .more-work .c-margin{margin-top:12px}}.gallery-archive .floor-track{border-top:3px solid var(--color-ink);padding-top:48px;padding-bottom:12px}.gallery-archive .milestone-row{row-gap:2px}.gallery-archive .excerpt{border-left:1px solid var(--color-ink);margin:0 0 12px;padding-left:16px}.gallery-archive .excerpt p{margin:0}.gallery-archive .code-block{border:1px solid var(--color-hair);white-space:pre;tab-size:2;background:#fff;max-height:480px;margin:0;padding:16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:20px;overflow:auto}.gallery-archive .code-block:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.gallery-archive .swatch{border:1px solid var(--color-hair);width:20px;height:20px;display:inline-block}.gallery-archive .prose-ruled>*+*{margin-top:18px}.gallery-archive .prose-ruled h2,.gallery-archive .prose-ruled h3{letter-spacing:-.2px;margin-top:42px;font-size:22px;font-weight:400;line-height:30px}.gallery-archive .prose-ruled h3{letter-spacing:0;font-size:15px;font-weight:700;line-height:24px}.gallery-archive .prose-ruled ul,.gallery-archive .prose-ruled ol{padding-left:1.25em}.gallery-archive .prose-ruled ul{list-style:outside}.gallery-archive .prose-ruled ol{list-style:decimal}.gallery-archive .prose-ruled li+li{margin-top:6px}.gallery-archive .prose-ruled blockquote{border-left:2px solid var(--color-hair);color:var(--color-grey);padding-left:18px}.gallery-archive .prose-ruled code{background:#f0f0eb;padding:1px 4px;font-size:.9em}.gallery-archive .prose-ruled pre{background:#f0f0eb;padding:18px;font-size:12.5px;line-height:18px;overflow-x:auto}.gallery-archive .prose-ruled pre code{background:0 0;padding:0}.gallery-archive .prose-ruled hr{border:0;border-top:1px solid var(--color-hair);margin-block:36px}.gallery-archive .prose-ruled figure figcaption{color:var(--color-grey);margin-top:6px;font-size:11px;line-height:18px}}
