:root{--bg: rgb(160, 160, 160);--fg: #101114;--muted: #6c6f78;--line: rgba(16, 17, 20, .12);--pill-bg: rgb(242, 242, 242);--pill-border: rgb(242, 242, 242);--pill-active-bg: #101114;--pill-active-fg: rgb(250, 250, 250);--checker-blue: #1c2bff;--font: "Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden}#app{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);transition:background-color .5s ease}#app.is-spotlight{background:#0a0a0c}.bg-preview{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;filter:blur(14px) brightness(.5) saturate(1.15);transform:scale(1.08);transition:opacity .4s ease;pointer-events:none}.bg-preview.is-visible{opacity:1}.site-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:28px clamp(20px,4vw,48px);pointer-events:none}.site-header a,.site-header button{pointer-events:auto}.brand{display:flex;flex-direction:column;align-items:flex-start}.logo{display:inline-block;color:#c8c8c8;mix-blend-mode:difference;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.015em;padding-bottom:8px;border-bottom:1px solid #fff;transition:opacity .2s ease}.logo:hover{opacity:.7}.tagline{margin:10px 0 0;font-size:10.5px;font-weight:300;letter-spacing:.07em;line-height:1.6;color:#c8c8c8;mix-blend-mode:difference}.nav-links{display:flex;align-items:center;gap:28px;margin-top:3px}.nav-links a{color:#c8c8c8;mix-blend-mode:difference;text-decoration:none;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:opacity .25s ease}.nav-links a:hover{opacity:.6}.stage{position:relative;flex:1;width:100%;height:100%}#sphere-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;transition:opacity .4s ease}#sphere-canvas.is-dragging{cursor:grabbing}#sphere-canvas.is-inline{position:static;inset:auto;width:100%;height:100%;opacity:.6}#sphere-canvas.is-view-hidden{opacity:0;pointer-events:none}.sphere-slot{width:clamp(110px,16vw,170px);aspect-ratio:1 / 1;margin:8px auto 0}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:0 clamp(24px,8vw,120px);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.panel-title{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.panel-text{margin:0;max-width:46ch;font-size:clamp(16px,2.4vw,22px);font-weight:300;line-height:1.5;color:var(--fg)}.panel-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:14px}.panel-links a{color:var(--fg);transition:opacity .2s ease}.panel-links a:hover{opacity:.6}.panel-links__sep{color:var(--muted)}.panel--info{justify-content:flex-start;align-items:flex-start;text-align:left;overflow-y:auto;padding-top:110px;padding-bottom:60px}.panel--info .panel__inner{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.panel--info .panel-text{max-width:none}.panel-text-group{display:flex;flex-direction:column;gap:14px}.panel-text a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:text-decoration-color .2s ease}.panel-text a:hover{text-decoration-color:var(--fg)}.info-list__value.info-list__value--exhibitions{gap:16px}.exhibition{display:flex;flex-direction:column;gap:2px}.exhibition__title{margin:0;color:var(--fg)}.exhibition__meta{margin:0;color:var(--muted);font-size:13px}.exhibition__sub{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1px}.exhibition__sub li{color:var(--muted);font-size:13px}.exhibition__sub li:before{content:"↳"}.info-list{margin:0;display:flex;flex-direction:column}.info-list__row{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--line)}.info-list__row:last-child{border-bottom:1px solid var(--line)}.info-list__label{flex:0 0 150px;margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.info-list__value{margin:0;flex:1;display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:300;color:var(--fg)}@media (max-width: 640px){.info-list__row{flex-direction:column;gap:6px}.info-list__label{flex:none}.panel--info{padding-top:150px}}.index-list{width:100%;display:flex;flex-direction:column;gap:32px}.index-section.is-filtered-out{display:none}.index-section__heading{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.index-section__list{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--line)}.index-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:baseline;gap:16px;padding:13px 0;border:none;border-top:1px solid var(--line);background:none;cursor:pointer;font:inherit;text-align:left;color:var(--fg);transition:opacity .2s ease}.index-item:hover{opacity:.55}.index-section__list li.is-filtered-out{display:none}.index-item__num{flex:0 0 auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--muted)}.index-item__name{flex:1;font-size:16px;font-weight:600;letter-spacing:-.005em}.index-item__year{flex:0 0 auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--muted)}.project-panel{overflow-y:auto;align-items:center;justify-content:flex-start;padding-top:110px;padding-bottom:60px}.project-panel__inner{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.project-panel__meta,.project-panel__title,.project-panel__tags,.project-panel__desc{width:100%}.project-panel__meta{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.project-panel__title{margin:0;font-size:clamp(24px,4vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.01em;min-height:2.3em;display:flex;align-items:center;justify-content:center}.project-panel__title-link{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease}.project-panel__title-link:hover{text-decoration-color:currentColor}.project-panel__desc{margin:0 auto;max-width:60ch;font-size:15px;font-weight:300;line-height:1.6;color:var(--fg)}.project-panel__tags{display:flex;flex-direction:column;align-items:center;gap:8px}.project-panel__tag-group{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;min-height:24px}.project-panel__tag-group.is-empty{visibility:hidden}.project-panel__tag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.project-panel__tag{border-radius:999px;padding:5px 12px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg)}.project-panel__tag-group--tools .project-panel__tag{background:var(--pill-bg);border:1px solid var(--pill-border)}.project-panel__tag-group--skills .project-panel__tag{background:transparent;border:1px solid var(--pill-border);color:var(--fg)}.project-panel__gallery{columns:2 260px;column-gap:10px;width:100%;margin-top:12px}.project-panel__gallery img{width:100%;height:auto;display:block;margin-bottom:10px;break-inside:avoid;cursor:pointer;transition:opacity .2s ease}.project-panel__gallery img:hover{opacity:.8}.project-panel__video{position:relative;width:100%;aspect-ratio:16 / 9;margin-bottom:10px;break-inside:avoid}@media (max-width: 560px){.project-panel__gallery{columns:1}}.project-panel__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.project-panel__nav{position:fixed;top:50%;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:2px;background:rgba(255,255,255,.5);border:1px solid rgba(16,17,20,.14);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 6px 16px #1011141f,inset 0 1px #fff9;color:#101114;transition:opacity .25s ease,transform .25s ease}.project-panel__nav:hover{opacity:.75}.project-panel__nav:active{transform:translateY(-50%) scale(.96)}.project-panel__nav-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#1011148c}.project-panel__nav-corner{position:absolute;width:8px;height:8px;pointer-events:none}.project-panel__nav-corner:before,.project-panel__nav-corner:after{content:"";position:absolute;background:rgba(16,17,20,.45)}.project-panel__nav-corner:before{top:calc(50% - .5px);left:0;width:100%;height:1px}.project-panel__nav-corner:after{left:calc(50% - .5px);top:0;width:1px;height:100%}.project-panel__nav-corner--tl{top:-10px;left:-10px}.project-panel__nav-corner--tr{top:-10px;right:-10px}.project-panel__nav-corner--bl{bottom:-10px;left:-10px}.project-panel__nav-corner--br{bottom:-10px;right:-10px}.project-panel__nav--prev{left:clamp(24px,4vw,48px)}.project-panel__nav--next{right:clamp(24px,4vw,48px)}@media (max-width: 640px){.project-panel__nav{padding:8px 10px;gap:4px}.project-panel__nav-label,.project-panel__nav-corner{display:none}.project-panel__nav--prev{left:10px}.project-panel__nav--next{right:10px}}@media (max-width: 720px){.project-panel{padding-top:150px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(8,8,10,.94);opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox.is-visible{opacity:1;pointer-events:auto}.lightbox__image{max-width:88vw;max-height:82vh;width:auto;height:auto;object-fit:contain;display:block;box-shadow:0 20px 60px #00000080}.lightbox__close,.lightbox__nav{position:fixed;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);color:#ffffffeb;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.lightbox__close:hover,.lightbox__nav:hover{background:rgba(255,255,255,.18)}.lightbox__close:active,.lightbox__nav:active{transform:scale(.94)}.lightbox__close{top:24px;right:clamp(20px,4vw,48px);width:38px;height:38px}.lightbox__nav{top:50%;transform:translateY(-50%);width:46px;height:46px}.lightbox__nav:active{transform:translateY(-50%) scale(.94)}.lightbox__nav--prev{left:clamp(12px,3vw,32px)}.lightbox__nav--next{right:clamp(12px,3vw,32px)}.lightbox__count{position:fixed;bottom:24px;left:50%;transform:translate(-50%);margin:0;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}@media (max-width: 640px){.lightbox__nav{width:38px;height:38px}.lightbox__close{width:32px;height:32px}}.hint{position:absolute;bottom:28px;left:clamp(20px,4vw,48px);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c8c8c8;mix-blend-mode:difference;pointer-events:none;transition:opacity .4s ease}.copyright{position:absolute;bottom:28px;right:clamp(20px,4vw,48px);font-size:11px;letter-spacing:.05em;color:#c8c8c8;mix-blend-mode:difference;pointer-events:none;opacity:0;transition:opacity .4s ease}.copyright.is-visible{opacity:1}.crosshairs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crosshair{position:absolute;width:14px;height:14px}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#c8c8c8;mix-blend-mode:difference}.crosshair:before{top:calc(50% - .5px);left:0;width:100%;height:1px}.crosshair:after{left:calc(50% - .5px);top:0;width:1px;height:100%}.crosshair--tl{top:26px;left:26px}.crosshair--tr{top:26px;right:14px}.crosshair--bl{bottom:14px;left:26px}.crosshair--br{bottom:14px;right:14px}.project-label{position:absolute;top:0;left:0;z-index:25;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:10px 20px;border-radius:2px;background:rgba(255,255,255,.5);border:1px solid rgba(16,17,20,.14);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 6px 16px #1011141f,inset 0 1px #fff9;opacity:0;white-space:nowrap;transition:opacity .25s ease;will-change:transform,opacity}.project-label.is-visible{opacity:1}.project-label__name{font-size:14px;font-weight:700;letter-spacing:-.005em;color:#101114}.project-label__category{margin-top:5px;padding-top:5px;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#1011148c;border-top:1px solid rgba(16,17,20,.1)}.project-label__corner{position:absolute;width:8px;height:8px;pointer-events:none}.project-label__corner:before,.project-label__corner:after{content:"";position:absolute;background:rgba(16,17,20,.45)}.project-label__corner:before{top:calc(50% - .5px);left:0;width:100%;height:1px}.project-label__corner:after{left:calc(50% - .5px);top:0;width:1px;height:100%}.project-label__corner--tl{top:-10px;left:-10px}.project-label__corner--tr{top:-10px;right:-10px}.project-label__corner--bl{bottom:-10px;left:-10px}.project-label__corner--br{bottom:-10px;right:-10px}.ruler{position:fixed;z-index:30;pointer-events:none}.ruler--top{top:0;left:0;width:100vw;height:16px;background-image:repeating-linear-gradient(to right,rgba(16,17,20,.22) 0,rgba(16,17,20,.22) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(to right,rgba(16,17,20,.4) 0,rgba(16,17,20,.4) 1px,transparent 1px,transparent 96px);background-size:24px 8px,96px 12px;background-position:0 100%,0 100%;background-repeat:repeat-x}.ruler--left{top:0;left:0;width:16px;height:100vh;background-image:repeating-linear-gradient(to bottom,rgba(16,17,20,.22) 0,rgba(16,17,20,.22) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(to bottom,rgba(16,17,20,.4) 0,rgba(16,17,20,.4) 1px,transparent 1px,transparent 96px);background-size:8px 24px,12px 96px;background-position:100% 0,100% 0;background-repeat:repeat-y}.ruler__indicator{position:absolute;background:#0000fe;opacity:0;transition:left .05s linear,top .05s linear,width .25s ease,height .25s ease,opacity .2s ease}.ruler__indicator.is-visible{opacity:1}.ruler--top .ruler__indicator{bottom:0;height:3px;border-radius:1.5px}.ruler--left .ruler__indicator{right:0;width:3px;border-radius:1.5px}.corner-controls{position:absolute;bottom:24px;right:clamp(20px,4vw,48px);display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:60vw;transition:opacity .3s ease}@media (min-width: 721px){.corner-controls.is-index-mode{top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;align-items:flex-end;gap:14px;max-width:none}.corner-controls.is-index-mode .filters{flex-direction:column;align-items:flex-end;flex-wrap:nowrap}}.index-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--fg);transition:background-color .4s ease,color .4s ease,border-color .4s ease,opacity .25s ease}.index-toggle:hover{opacity:.7}.index-toggle.is-active{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:var(--pill-active-bg)}.index-toggle svg{stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round}#app.is-spotlight .index-toggle{background:rgba(255,255,255,.1);color:#fff;border-color:#ffffff29}#app.is-spotlight .index-toggle.is-active{background:#fff;color:#0a0a0c;border-color:#fff}.filter-stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;opacity:1;pointer-events:auto;transition:opacity .4s ease}.filters--years .filter-pill{padding:4px 10px;font-size:9px}.filters--years{opacity:.85}.corner-controls.is-hidden{opacity:0;pointer-events:none}.filter-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:999px;padding:6px 13px;font-family:var(--font);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg);background:var(--pill-bg);border:1px solid var(--pill-border);transition:background-color .4s ease,color .4s ease,border-color .4s ease,transform .15s ease,opacity .25s ease}.filter-pill:hover{transform:translateY(-1px)}.filter-pill.is-active{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:var(--pill-active-bg)}#app.is-spotlight .filter-pill{background:rgba(255,255,255,.1);color:#fff;border-color:#ffffff29}#app.is-spotlight .filter-pill.is-active{background:#fff;color:#0a0a0c;border-color:#fff}@media (max-width: 720px){.nav-links{gap:16px}.nav-links a{font-size:11px}.logo{font-size:17px}.tagline{font-size:9px}.corner-controls{max-width:100vw;left:20px;right:20px;flex-direction:column;align-items:center;gap:10px}.filters{justify-content:center}.filter-stack{align-items:center}#index-panel.panel--info{padding-bottom:170px}.hint{display:none}.panel-text{font-size:16px}.ruler{display:none}.crosshair--tl{top:14px;left:14px}.crosshair--tr{top:14px;right:14px}.crosshair--bl{bottom:14px;left:14px}}