@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color:#171715;font-synthesis:none;text-rendering:optimizelegibility;--ease-out:cubic-bezier(.22, 1, .36, 1);--line:#17171524;--gallery-width:90%;--gallery-max-width:1440px;--gallery-height:100dvh;--artboard-w:1440px;--artboard-h:800px;--card-inset:32px;background:0 0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box;font-family:inherit}html{background:0 0;height:100%;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overscroll-behavior:none;background:0 0;width:100%;height:100%;margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{width:100%;height:100%}button{color:inherit;font:inherit}button:focus-visible{outline-offset:4px;outline:2px solid #171715}.playground{isolation:isolate;width:100%;height:100%;position:relative}.gallery-scroll-track{z-index:2;width:var(--gallery-width);max-width:var(--gallery-max-width);height:var(--gallery-height);margin-inline:auto;position:relative;overflow:hidden}.gallery-sticky{flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:relative}.gallery-sticky>.gallery-views{z-index:2;flex-direction:column;flex:auto;width:100%;min-height:0;margin:0;display:flex;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.gallery-views{flex:auto;width:100%;height:100%;min-height:0}.gallery-view{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.spatial-region{perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:size}.spatial-region.is-card-hot{cursor:pointer}.spatial-region.is-card-dragging{cursor:grabbing;touch-action:none}.spatial-filters{width:0;height:0;position:absolute;overflow:hidden}.spatial-artboard{width:100%;height:100%;position:relative}.spatial-scene{width:100%;height:100%;transform-style:preserve-3d;position:relative}.spatial-card{--depth:0px;--ex:0px;--ey:0px;--ez:0px;--er:0deg;transform-style:preserve-3d;transform:translate3d(var(--ex), var(--ey), calc(var(--depth) + var(--ez))) rotateZ(var(--er));transition:filter .42s var(--ease-out), opacity .42s var(--ease-out);will-change:transform;position:absolute}.spatial-region[data-entrance=condensed] .spatial-card,.spatial-region[data-entrance=expanding] .spatial-card{transition:none}.spatial-card:first-child{z-index:5;--depth:18px;width:34%;top:2%;left:.5%}.spatial-card:nth-child(2){z-index:2;--depth:-10px;width:32%;top:5%;left:35%}.spatial-card:nth-child(3){z-index:6;--depth:16px;width:23.1%;top:1%;left:auto;right:.5%}.spatial-card:nth-child(3) .spatial-card__button{aspect-ratio:1048/1361;transform-style:flat}.spatial-card:nth-child(3) .spatial-card__face--back{display:none}.spatial-card:nth-child(3) .spatial-card__face,.spatial-card:nth-child(3) .spatial-card__face--front{box-sizing:border-box;-webkit-backdrop-filter:none;isolation:isolate;backface-visibility:hidden;background:#fff;border:1px solid #1717150f;border-radius:12px;padding:10px;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 2px #0d0d0c0a,0 14px 34px #1817141a}.spatial-card:nth-child(3) .spatial-card__scrim,.spatial-card:nth-child(3) .spatial-card__content,.spatial-card:nth-child(3).is-hovered .spatial-card__scrim,.spatial-card:nth-child(3).is-hovered .spatial-card__content,.spatial-card:nth-child(3) .spatial-card__button:focus-visible .spatial-card__scrim,.spatial-card:nth-child(3) .spatial-card__button:focus-visible .spatial-card__content{opacity:0;display:none}.spatial-card:nth-child(3) .spatial-card__face--front>img{box-sizing:border-box;object-fit:contain;object-position:center;image-rendering:auto;border-radius:10px;width:100%;height:100%;display:block;position:relative;transform:none}.spatial-card:nth-child(3).is-hovered .spatial-card__face--front>img,.spatial-card:nth-child(3) .spatial-card__button:focus-visible .spatial-card__face--front>img{transform:none}.spatial-card:nth-child(4){z-index:3;--depth:-12px;width:36%;top:52%;left:1%}.spatial-card:nth-child(5){z-index:4;--depth:10px;width:26%;top:48%;left:39%;right:auto}.spatial-card:nth-child(5) .spatial-card__button{aspect-ratio:1;transform-style:flat}.spatial-card:nth-child(5) .spatial-card__face--back{display:none}.spatial-card:nth-child(5) .spatial-card__face,.spatial-card:nth-child(5) .spatial-card__face--front{box-sizing:border-box;-webkit-backdrop-filter:none;isolation:isolate;backface-visibility:hidden;background:linear-gradient(150deg,#ffffffb8 0%,#ffffff6b 42%,#d2e6ff61 100%);border:1px solid #ffffffb3;border-radius:12px;padding:10px;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffffd9,0 1px 2px #0d0d0c0a,0 14px 34px #1817141a}.spatial-card:nth-child(5) .spatial-card__face--front>img{box-sizing:border-box;object-fit:contain;object-position:center;filter:none;will-change:auto;border-radius:10px;width:100%;height:100%;display:block;transform:none}.spatial-card:nth-child(5).is-hovered .spatial-card__face--front>img,.spatial-card:nth-child(5) .spatial-card__button:focus-visible .spatial-card__face--front>img{transform:scale(1.03)}.spatial-card__float{box-sizing:border-box;width:100%;padding:var(--card-inset);transform-origin:50%;animation:7.4s ease-in-out infinite paused float-a}.spatial-region.is-animated .spatial-card__float{animation-play-state:running}.spatial-card:nth-child(2) .spatial-card__float{animation-name:float-b;animation-duration:8.6s;animation-delay:-3.7s}.spatial-card:nth-child(3) .spatial-card__float{animation-name:float-c;animation-duration:6.6s;animation-delay:-1.2s}.spatial-card:nth-child(4) .spatial-card__float{animation-name:float-b;animation-duration:9.4s;animation-delay:-7s}.spatial-card:nth-child(5) .spatial-card__float{animation-name:float-c;animation-duration:9.2s;animation-timing-function:ease-in-out;animation-delay:-4.6s}.spatial-card__button{aspect-ratio:4/3;cursor:pointer;width:100%;transform:translateZ(0) scale(1) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-origin:50%;transform-style:preserve-3d;touch-action:none;transition:transform .42s var(--ease-out);background:0 0;border:0;border-radius:9px;padding:0;display:block;position:relative}.spatial-card__button[data-dragging=true]{cursor:grabbing;transition:none}.spatial-card__button[data-settling=true]{cursor:pointer;transition:none}.spatial-card__face{backface-visibility:hidden;transform-style:preserve-3d;background:#d8d7d3;border:1px solid #ffffff75;border-radius:9px;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #0d0d0c14,0 16px 38px #18171421}.spatial-card__face--front{transform:rotateY(0)}.spatial-card__face--back{color:#171715;text-align:left;background:#f9f9f9;border-color:#17171514;flex-direction:column;justify-content:space-between;padding:clamp(15px,1.8vw,26px);display:flex;transform:rotateY(180deg)}.spatial-card__face--back strong{letter-spacing:-.035em;max-width:80%;font-size:clamp(17px,1.5vw,23px);font-weight:500;line-height:1}.spatial-card__back-number,.spatial-card__back-year{color:#17171573;letter-spacing:.13em;font-size:9px;font-weight:600}.spatial-card__back-year{align-self:flex-end}.spatial-card__face--front>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s var(--ease-out);pointer-events:none;display:block;transform:none}.spatial-card:first-child .spatial-card__button{aspect-ratio:4/3}.spatial-card:first-child .spatial-card__face--front>img{object-fit:cover;object-position:center center;transform:scale(1.22)}.spatial-card:first-child.is-hovered .spatial-card__face--front>img,.spatial-card:first-child .spatial-card__button:focus-visible .spatial-card__face--front>img{transform:scale(1.24)}.spatial-card:nth-child(2) .spatial-card__button{aspect-ratio:842/632}.spatial-card:nth-child(2) .spatial-card__face--front>img{object-fit:cover;object-position:center 42%}.spatial-card:nth-child(4) .spatial-card__button{aspect-ratio:1800/1089;transform-style:flat}.spatial-card:nth-child(4) .spatial-card__face--back{display:none}.spatial-card:nth-child(4) .spatial-card__face,.spatial-card:nth-child(4) .spatial-card__face--front{box-sizing:border-box;-webkit-backdrop-filter:none;isolation:isolate;backface-visibility:hidden;background:#fff;border:1px solid #1717150f;border-radius:12px;padding:10px;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 2px #0d0d0c0a,0 14px 34px #1817141a}.spatial-card:nth-child(4) .spatial-card__scrim,.spatial-card:nth-child(4) .spatial-card__content,.spatial-card:nth-child(4).is-hovered .spatial-card__scrim,.spatial-card:nth-child(4).is-hovered .spatial-card__content,.spatial-card:nth-child(4) .spatial-card__button:focus-visible .spatial-card__scrim,.spatial-card:nth-child(4) .spatial-card__button:focus-visible .spatial-card__content{opacity:0;display:none}.spatial-card:nth-child(4) .spatial-card__face--front>img{box-sizing:border-box;object-fit:contain;object-position:center;border-radius:10px;width:100%;height:100%;display:block;transform:none}.spatial-card:nth-child(4).is-hovered .spatial-card__face--front>img,.spatial-card:nth-child(4) .spatial-card__button:focus-visible .spatial-card__face--front>img{transform:none}.spatial-card__scrim{opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0a0a0a61 100%);height:42%;transition:opacity .35s;position:absolute;inset:auto 0 0}.spatial-card__content{color:#fff;text-align:left;opacity:0;transition:opacity .35s ease, transform .42s var(--ease-out);pointer-events:none;flex-direction:column;align-items:flex-start;padding:clamp(10px,1.2vw,16px);display:flex;position:absolute;inset:auto 0 0;transform:translateY(4px)}.spatial-card__content strong{letter-spacing:-.025em;font-size:clamp(13px,1.25vw,18px);font-weight:500}.spatial-card.is-pointer-top,.spatial-card.is-hovered{z-index:30}.spatial-card:has(.spatial-card__button:focus-visible){z-index:30}.spatial-card.is-hovered .spatial-card__button,.spatial-card__button:focus-visible{z-index:10;transform:translateZ(22px) scale(1.02) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))}.spatial-card.is-hovered .spatial-card__face,.spatial-card__button:focus-visible .spatial-card__face{box-shadow:0 2px 3px #0d0d0c1a,0 22px 48px #18171430}.spatial-card.is-hovered .spatial-card__scrim,.spatial-card__button:focus-visible .spatial-card__scrim{opacity:.7}.spatial-card.is-hovered .spatial-card__content,.spatial-card__button:focus-visible .spatial-card__content{opacity:.95;transform:translateY(0)}.spatial-scene:has(.spatial-card.is-hovered) .spatial-card:not(.is-hovered){filter:saturate(.92);opacity:.9}.spatial-scene:has(.spatial-card__button:focus-visible) .spatial-card:not(:has(.spatial-card__button:focus-visible)){filter:saturate(.92);opacity:.9}@keyframes float-a{0%,to{transform:translateY(2px)rotate(-.35deg)}32%{transform:translate(5.5px,-11px)rotate(.55deg)}67%{transform:translate(-4.5px,-4px)rotate(-.6deg)}84%{transform:translate(-2px,5.5px)rotate(.22deg)}}@keyframes float-b{0%,to{transform:translate(-2px,-2px)rotate(.35deg)}29%{transform:translate(-6.5px,-9.5px)rotate(-.55deg)}61%{transform:translate(5.5px,-12px)rotate(.6deg)}82%{transform:translate(5.5px,4px)rotate(-.25deg)}}@keyframes float-c{0%,to{transform:translate(2px,4px)rotate(.28deg)}36%{transform:translate(6.5px,-11px)rotate(-.6deg)}72%{transform:translate(-5.5px,-5.5px)rotate(.55deg)}88%{transform:translate(-2.5px,5.5px)rotate(-.22deg)}}.project-modal{overscroll-behavior:contain;opacity:0;background:#f6f6f6;border:0;border-radius:13px;width:min(920px,100vw - 40px);height:min(460px,100dvh - 40px);padding:0;overflow:hidden;transform:translateY(14px)scale(.985);box-shadow:0 30px 100px #00000042}.project-modal[open]{animation:modal-in .4s var(--ease-out) forwards}.project-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13131185;animation:.3s forwards backdrop-in}.project-modal__panel{border-radius:inherit;background:#f6f6f6;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;height:100%;min-height:0;display:grid;overflow:hidden}.project-modal__media{background:0 0;justify-content:center;align-items:center;height:100%;min-height:0;padding:32px 8px 32px 32px;display:flex;overflow:hidden}.project-modal__media img{object-fit:contain;object-position:center;image-rendering:auto;background:0 0;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.project-modal__content{text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:32px 36px 32px 20px;display:flex}.project-modal__content h2{letter-spacing:-.055em;text-align:left;width:100%;margin:0;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:.98}.project-modal__description{color:#171715ad;text-align:left;max-width:28ch;margin:0;font-size:clamp(13px,1.15vw,15px);line-height:1.45}.project-modal__cta{color:#171715;letter-spacing:-.01em;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.project-modal__cta:hover{opacity:.62}.project-modal__cta span{transition:transform .3s var(--ease-out);display:inline-block}.project-modal__cta:hover span{transform:translate(2px,-2px)}.project-modal__close{z-index:2;cursor:pointer;width:34px;height:34px;transition:transform .25s var(--ease-out), background .25s ease;background:#ffffffd6;border:1px solid #1414121a;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00000014}.project-modal__close:hover{background:#fff;transform:rotate(3deg)scale(1.04)}.project-modal__close span{margin-top:-2px;font-size:20px;font-weight:400}@keyframes modal-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#13131100}}@media (width<=1100px){.spatial-region{perspective:1200px}}@media (width<=800px){.spatial-region{perspective:1000px}.spatial-card:nth-child(3) .spatial-card__face,.spatial-card:nth-child(3) .spatial-card__face--front,.spatial-card:nth-child(4) .spatial-card__face,.spatial-card:nth-child(4) .spatial-card__face--front,.spatial-card:nth-child(5) .spatial-card__face,.spatial-card:nth-child(5) .spatial-card__face--front{padding:8px}.project-modal{height:min(460px,100dvh - 40px)}.project-modal__panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center}.project-modal__media{aspect-ratio:auto;background:0 0;height:100%;min-height:0}.project-modal__content{text-align:left;background:0 0;justify-content:center;align-items:flex-start;min-height:0;padding:28px 28px 28px 16px}}@media (width<=560px){.spatial-region{perspective:900px}.spatial-card:nth-child(5) .spatial-card__face,.spatial-card:nth-child(5) .spatial-card__face--front{padding:6px}.spatial-card__button,.spatial-card__face{border-radius:7px}.spatial-card__content strong{font-size:clamp(12px,3.4vw,16px)}.project-modal{width:min(920px,100vw - 24px);height:min(460px,100dvh - 24px);max-height:none}.project-modal__panel{align-items:center;height:100%;max-height:none;overflow:hidden}.project-modal__content{text-align:left;background:0 0;justify-content:center;align-items:flex-start;min-height:0;padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spatial-card__float{animation:none!important}}