.spatial-gallery{background:#0e0f11;position:relative}.spatial-stage{padding:120px var(--gutter) 80px;position:relative}.spatial-heading{z-index:3;position:relative}.spatial-heading .eyebrow{margin-bottom:8px}.spatial-heading h2{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:400}.spatial-heading>span{color:#7e838b;font:9px var(--font-mono),monospace;text-transform:uppercase;margin-top:15px;display:block}.spatial-canvas{display:none}.spatial-projects{grid-template-columns:1fr 1fr;gap:50px;margin-top:70px;display:grid}.spatial-project{display:block}.spatial-fallback-image{width:100%;height:auto;display:block}.spatial-project-label{justify-content:space-between;align-items:end;gap:25px;margin-top:25px;display:flex}.spatial-project-label>div>span{font:10px var(--font-mono),monospace;color:var(--muted);text-transform:uppercase}.spatial-project-label h3{letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(28px,3vw,46px);font-weight:400}.spatial-open{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s,color .3s;display:grid}.spatial-project:hover .spatial-open{background:var(--orange);color:#111;border-color:var(--orange)}.spatial-bottom{font:10px var(--font-mono),monospace;color:#a1a3a8;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;display:flex}.spatial-bottom>div{gap:25px;display:flex}.spatial-bottom button{color:inherit;font:inherit;background:0 0;border:0;padding:10px 0}.spatial-bottom button:hover{color:var(--orange)}.spatial-bottom>a{align-items:center;gap:15px;display:flex}.spatial-bottom>a svg{width:13px}.spatial-progress{display:none}.spatial-ready{height:280svh}.spatial-ready .spatial-stage{height:100svh;padding:0;position:sticky;top:0;overflow:hidden}.spatial-ready .spatial-heading{top:115px;left:var(--gutter);pointer-events:none;position:absolute}.spatial-ready .spatial-canvas{pointer-events:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.spatial-ready .spatial-projects{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.spatial-ready .spatial-project{pointer-events:auto;will-change:transform;position:absolute;top:50%;left:50%;translate:-50% -50%}.spatial-ready .spatial-project-label{transform:translateY(var(--label-shift,220px));margin:0;position:absolute;top:50%;left:0;right:0}.spatial-ready .spatial-fallback-image{opacity:0;object-fit:contain;width:100%;height:100%}.spatial-ready .spatial-bottom{bottom:40px;left:var(--gutter);right:var(--gutter);z-index:4;margin:0;position:absolute}.spatial-ready .spatial-progress{background:#ffffff16;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.spatial-progress>span{background:var(--orange);transform-origin:0;height:100%;display:block;transform:scaleX(0)}#project-index .work-index{margin-top:0}@media (max-width:700px){.spatial-stage{padding-block:100px 60px}.spatial-projects{grid-template-columns:1fr;gap:60px}.spatial-ready .spatial-heading{top:110px}.spatial-heading h2{font-size:22px}.spatial-heading>span{font-size:8px}.spatial-project-label h3{font-size:30px}.spatial-project-label>div>span{font-size:8px}.spatial-open{width:35px;height:35px}.spatial-open svg{width:14px}.spatial-bottom{flex-wrap:wrap;gap:20px;font-size:8px}.spatial-bottom>span{display:none}.spatial-bottom>div{gap:20px}.spatial-ready{height:240svh}.spatial-ready .spatial-bottom{bottom:30px}.spatial-ready .spatial-project-label{gap:15px}}@media (prefers-reduced-motion:reduce){.spatial-ready{height:auto}.spatial-ready .spatial-stage{height:auto;padding:120px var(--gutter) 80px;position:relative;overflow:visible}.spatial-ready .spatial-canvas{display:none}.spatial-ready .spatial-heading,.spatial-ready .spatial-bottom,.spatial-ready .spatial-projects,.spatial-ready .spatial-project,.spatial-ready .spatial-project-label{position:relative;inset:auto;translate:none;transform:none!important}.spatial-ready .spatial-projects{gap:60px;margin-top:60px;display:grid}.spatial-ready .spatial-fallback-image{opacity:1;height:auto}.spatial-ready .spatial-project{visibility:visible!important;width:auto!important;height:auto!important}.spatial-ready .spatial-project-label{margin-top:25px}.spatial-ready .spatial-bottom{margin-top:60px}}.spatial-gallery:not(.spatial-ready) .spatial-project{translate:none;visibility:visible!important;width:auto!important;height:auto!important;transform:none!important}.spatial-project:focus-visible{outline:2px solid var(--orange);outline-offset:8px}.spatial-bottom button:focus-visible,.spatial-bottom>a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.spatial-gallery.spatial-ready{height:calc(100svh + var(--gallery-travel,330svh))}.spatial-ready .spatial-heading{top:90px}.spatial-ready .spatial-bottom{gap:24px}.spatial-bottom>div{flex-wrap:wrap;gap:12px 20px}.spatial-ready .spatial-bottom>span{display:none}@media (max-width:700px){.spatial-ready .spatial-bottom{align-items:end;bottom:24px}.spatial-bottom>div{gap:4px 14px;max-width:75%}.spatial-bottom button{padding:5px 0}.spatial-ready .spatial-heading{top:100px}}@media (prefers-reduced-motion:reduce){.spatial-gallery.spatial-ready{height:auto}}.spatial-status{color:var(--orange);font:8px var(--font-mono),monospace;letter-spacing:.03em;margin-top:12px;display:block}.index-status{font:9px var(--font-mono),monospace;color:var(--orange);margin-top:8px;display:block}.spatial-bottom>div{gap:6px 16px}.spatial-bottom button{padding:6px 0}.spatial-gallery{background:#242722}.spatial-ready .spatial-project{top:47%}.spatial-ready .spatial-bottom{bottom:22px}.spatial-status{margin-top:8px}.spatial-heading>span{color:#b8b9b0}@media (max-width:700px){.spatial-ready .spatial-bottom{bottom:24px}}@media (prefers-reduced-motion:reduce){.spatial-ready .spatial-project{top:auto}.spatial-ready .spatial-bottom{bottom:auto}}