@font-face{font-family:Recursive;font-style:normal;font-weight:300 1000;font-display:swap;src:url(../media/dcdf968190623687-s.0nb0yo5uo8p5b.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Recursive;font-style:normal;font-weight:300 1000;font-display:swap;src:url(../media/e74420139957bb63-s.0nb9fitlu1dnc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Recursive;font-style:normal;font-weight:300 1000;font-display:swap;src:url(../media/be1224293fca7061-s.2i_s-k-1mhfld.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Recursive;font-style:normal;font-weight:300 1000;font-display:swap;src:url(../media/90be0de331efddf3-s.p.2r8r-0hxqxza2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Recursive Fallback;src:local(Arial);ascent-override:83.04%;descent-override:21.85%;line-gap-override:0.0%;size-adjust:114.4%}.recursive_9f5b5580-module__q4ibHa__className{font-family:Recursive,Recursive Fallback;font-style:normal}.recursive_9f5b5580-module__q4ibHa__variable{--font-recursive:"Recursive", "Recursive Fallback"}
@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/ab624315db63c58d-s.1uwhc7jrbo4mx.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e94b8ab81811a983-s.2my4drvc0bavc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/0c795a286deabae8-s.p.25jyahqycoolj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Fallback;src:local(Arial);ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.0%;size-adjust:98.47%}.syne_3608b930-module__AN4RsG__className{font-family:Syne,Syne Fallback;font-style:normal}.syne_3608b930-module__AN4RsG__variable{--font-syne:"Syne", "Syne Fallback"}
@property --ambient-a{syntax:"<color>";inherits:true;initial-value:#0000}@property --ambient-b{syntax:"<color>";inherits:true;initial-value:#0000}@property --ambient-c{syntax:"<color>";inherits:true;initial-value:#0000}@property --cb-key{syntax:"<color>";inherits:true;initial-value:#0000}@property --cb-fill{syntax:"<color>";inherits:true;initial-value:#0000}@property --cb-ink{syntax:"<color>";inherits:true;initial-value:#0000}:root{color:#f0f0ed;font-family:var(--font-recursive), "Arial Narrow", sans-serif;font-variation-settings:"CASL" .28, "MONO" .08;font-synthesis:none;text-rendering:optimizelegibility;--line:#f0f0ed29;--muted:#95958f;--page-pad:18px;--header-height:58px;--content-top:clamp(18px, 3.2vh, 30px);--section-gap:clamp(16px, 2.5vh, 24px);--ease-out:cubic-bezier(.2, .7, .2, 1);background:#080808}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}a{color:inherit}.page{width:min(100%,1248px);min-height:100svh;padding:0 var(--page-pad);margin:0 auto}.header{z-index:20;height:var(--header-height);margin-inline:calc(var(--page-pad) * -1);padding-inline:var(--page-pad);background:0 0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header>a:first-child{width:34px;height:34px;display:block}.logo{object-fit:contain;width:34px;height:34px;display:block}.menu-link{border:1px solid var(--line);width:42px;height:42px;color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;cursor:pointer;background:#0808082e;border-radius:50%;place-content:center;gap:7px;padding:0;display:grid}.menu-link span{background:#e8e8e4;width:18px;height:1px;display:block}.menu-link:hover,.menu-link:focus-visible,.menu-link[aria-expanded=true]{border-color:#e8e8e4;outline:none}.site-menu{top:100%;right:var(--page-pad);width:min(260px, calc(100vw - var(--page-pad) * 2));background:#090909;border:1px solid #f0f0ed2e;display:none;position:absolute;box-shadow:0 24px 60px #0000007a}.site-menu.is-open{display:block}.site-menu a{border-top:1px solid var(--line);color:#aaa9a4;justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;font-size:13px;text-decoration:none;display:flex}.site-menu a:first-child{border-top:0}.site-menu a:hover,.site-menu a:focus-visible,.site-menu a[aria-current=page]{color:#f0f0ed;outline:none}.shell-main{padding:var(--content-top) 0 32px}.projects-main{min-height:calc(100svh - var(--header-height))}.ambient-field{z-index:0;pointer-events:none;--ambient-glow-a:var(--ambient-a);--ambient-glow-b:var(--ambient-b);--ambient-glow-c:var(--ambient-c);background:radial-gradient(130% 90% at 50% 115%, color-mix(in srgb, var(--ambient-c) 22%, #060606), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--ambient-a) 12%, #070707), #060606 52%, color-mix(in srgb, var(--ambient-b) 10%, #070707));transition:--ambient-a .52s var(--ease-out), --ambient-b .62s var(--ease-out), --ambient-c .7s var(--ease-out);position:fixed;inset:0;overflow:hidden}@supports (color:oklch(from red l c h)){.ambient-field{--ambient-glow-a:oklch(from var(--ambient-a) min(l, .66) c h);--ambient-glow-b:oklch(from var(--ambient-b) min(l, .66) c h);--ambient-glow-c:oklch(from var(--ambient-c) min(l, .66) c h)}}.ambient-blob{mix-blend-mode:screen;will-change:transform;border-radius:50%;width:64vmax;height:64vmax;animation-duration:26s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.ambient-blob-a{background:radial-gradient(closest-side, color-mix(in srgb, var(--ambient-glow-a) 50%, transparent), color-mix(in srgb, var(--ambient-glow-a) 20%, transparent) 55%, transparent);animation-name:ambient-drift-a;animation-delay:-9s;top:-26vmax;left:-20vmax}.ambient-blob-b{background:radial-gradient(closest-side, color-mix(in srgb, var(--ambient-glow-b) 44%, transparent), color-mix(in srgb, var(--ambient-glow-b) 18%, transparent) 55%, transparent);animation-name:ambient-drift-b;animation-duration:34s;animation-delay:-17s;top:6vmax;right:-26vmax}.ambient-blob-c{background:radial-gradient(closest-side, color-mix(in srgb, var(--ambient-glow-c) 38%, transparent), color-mix(in srgb, var(--ambient-glow-c) 14%, transparent) 55%, transparent);width:84vmax;height:58vmax;animation-name:ambient-drift-c;animation-duration:41s;animation-delay:-23s;bottom:-36vmax;left:6vmax}.ambient-grain{opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient-field:after{content:"";background:radial-gradient(85% 75% at 50% 45%,#0000 45%,#00000080);position:absolute;inset:0}@keyframes ambient-drift-a{0%{transform:translate(0,0)scale(1)}50%{transform:translate(24vw,14vh)scale(1.16)}to{transform:translate(8vw,30vh)scale(.9)}}@keyframes ambient-drift-b{0%{transform:translate(0,0)scale(1.05)}50%{transform:translate(-26vw,18vh)scale(.88)}to{transform:translate(-10vw,-12vh)scale(1.18)}}@keyframes ambient-drift-c{0%{transform:translate(0,0)rotate(0)}50%{transform:translate(-18vw,-14vh)rotate(16deg)scale(1.12)}to{transform:translate(20vw,-6vh)rotate(-12deg)}}.crate-backdrop{--stage-x:calc(100vw - max(2vw, calc((100vw - 1440px) / 2)) - min(27vw, 390px));--stage-y:54vh;--floor-y:88vh;--key:var(--cb-key);--fill:var(--cb-fill);z-index:0;pointer-events:none;background:#050505;transition:--cb-key .9s,--cb-fill .9s,--cb-ink .9s;position:fixed;inset:0;overflow:hidden}@supports (color:oklch(from red l c h)){.crate-backdrop{--key:oklch(from var(--cb-key) clamp(.6, l, .8) c h);--fill:oklch(from var(--cb-fill) clamp(.5, l, .78) c h)}}.crate-backdrop>div{position:absolute}.cb-wall{background:radial-gradient(55vmax 42vmax at var(--stage-x) 38%, color-mix(in oklab, var(--fill) 16%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in oklab, var(--cb-ink) 22%, #060606) 0%, #050505 58%, color-mix(in oklab, var(--cb-ink) 14%, #070707) 100%);inset:0}.cb-rig{mix-blend-mode:screen;inset:0}.cb-beam{left:calc(var(--stage-x) - 60vw);transform-origin:50% 0;background:conic-gradient(from 150deg at 50% 0%, transparent 0deg, color-mix(in oklab, var(--key) 12%, transparent) 10deg, color-mix(in oklab, var(--key) 30%, transparent) 30deg, color-mix(in oklab, var(--key) 12%, transparent) 50deg, transparent 60deg 360deg);filter:blur(36px);will-change:transform;width:120vw;height:125vh;animation:24s ease-in-out -8s infinite alternate cb-sway;top:-18vh;-webkit-mask:linear-gradient(#0000 4%,#000 30% 74%,#0000 96%);mask:linear-gradient(#0000 4%,#000 30% 74%,#0000 96%)}.cb-pool{left:calc(var(--stage-x) - 36vw);top:calc(var(--floor-y) - 17vh);background:radial-gradient(closest-side, color-mix(in oklab, var(--key) 40%, transparent), color-mix(in oklab, var(--fill) 14%, transparent) 60%, transparent);filter:blur(18px);border-radius:50%;width:72vw;height:34vh}.cb-grain{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.crate-backdrop:after{content:"";background:linear-gradient(90deg, #040404b8 0%, #04040459 34%, transparent 52%), radial-gradient(ellipse 90% 80% at var(--stage-x) 50%, transparent 50%, #0000008c);position:absolute;inset:0}@keyframes cb-sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding-top:4px;display:flex}.section-heading h1,.section-heading h2{letter-spacing:.1em;margin:0;font-size:11px;font-weight:400}.section-heading a{color:var(--muted);text-underline-offset:4px;font-size:12px}.section-heading a:hover,.section-heading a:focus-visible{color:#f0f0ed}.machine-main{height:calc(100svh - var(--header-height));gap:var(--section-gap);grid-template-rows:20px minmax(0,1fr);min-height:520px;padding-bottom:8px;display:grid}.machine-surface{border-bottom:1px solid var(--line);min-width:0;min-height:0;position:relative;overflow:hidden}.machine-stage{min-width:0;min-height:0;position:absolute;inset:2% 4% 4%}.machine-canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.machine-canvas.is-dragging{cursor:grabbing}.machine-canvas.is-control{cursor:pointer}.machine-fallback{z-index:2;background:#080808;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.fallback-grid line{stroke:#18201e;stroke-width:1px;vector-effect:non-scaling-stroke}.fallback-joints line{stroke:#7f8e89;stroke-width:2px;vector-effect:non-scaling-stroke}.fallback-joints circle{fill:#080808;stroke:#d8e1dd;stroke-width:1.5px;vector-effect:non-scaling-stroke}.fallback-modules rect,.fallback-modules ellipse,.fallback-modules polygon{stroke-width:1.25px;vector-effect:non-scaling-stroke}.fallback-leg{stroke:#9bad9f;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.about-main{min-height:calc(100svh - var(--header-height));grid-template-columns:auto minmax(0,520px);justify-content:center;align-items:center;gap:clamp(36px,5vw,64px);display:grid}.about-mark{place-items:center;display:grid}.logo-large{width:clamp(120px,14vw,180px);height:auto}.about-main h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,6vw,48px);font-weight:400;line-height:1}.about-main section p{color:#aaa9a4;margin:18px 0 24px;font-size:17px;line-height:1.5}.about-main section a{color:var(--muted);text-underline-offset:4px;font-size:13px}.about-main section a:hover,.about-main section a:focus-visible{color:#f0f0ed;outline:none}.about-links{flex-wrap:wrap;gap:12px 22px;display:flex}@media (min-width:761px){:root{--page-pad:24px;--content-top:clamp(30px, 5vh, 50px)}}@media (max-width:560px){.about-main{min-height:calc(100svh - var(--header-height));text-align:center;grid-template-columns:1fr;place-content:center;justify-items:center;gap:28px;padding:32px 0 56px}.about-mark{justify-content:center}.logo-large{width:120px}.about-main section{justify-items:center;display:grid}.about-links{justify-content:center}}.record-crate-stage{min-width:0;min-height:0;position:absolute;inset:0}.record-crate-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.record-crate-canvas.is-dragging{cursor:grabbing}.record-crate-canvas:focus-visible{outline-offset:-1px;outline:1px solid #555a57}.record-fallback{z-index:2;opacity:1;background:0 0;place-items:center;transition:opacity .18s,visibility;display:grid;position:absolute;inset:0;overflow:hidden}.record-fallback.is-failed{background:#080808b8}.record-fallback.is-hidden{visibility:hidden;opacity:0;transition:opacity .18s,visibility 0s .18s}.record-loading-mark{opacity:.38;width:48px;height:34px;animation:1.4s ease-in-out infinite alternate record-loading-pulse;position:relative}.record-loading-mark span{transform-origin:50% 100%;background:#101110;border:1px solid #555a57;width:24px;height:32px;position:absolute;bottom:0}.record-loading-mark span:first-child{left:0;transform:rotate(-7deg)}.record-loading-mark span:nth-child(2){left:12px}.record-loading-mark span:nth-child(3){left:24px;transform:rotate(7deg)}.record-fallback-error{color:#666662;letter-spacing:.07em;margin:0;font-size:9px}@keyframes record-loading-pulse{0%{opacity:.22;transform:translateY(2px)}to{opacity:.48;transform:translateY(0)}}.crate-scroll-active{scroll-behavior:smooth;scroll-snap-type:y mandatory}.crate-page{background:#060606;width:100%;max-width:none;padding:0}.crate-page .header{z-index:60;padding-inline:max(var(--page-pad), calc((100vw - 1440px) / 2 + var(--page-pad)));margin:0;transition:opacity .36s;position:fixed;inset:0 0 auto}.crate-prototype{isolation:isolate;color:#f1f1ed;position:relative}.crate-visual-panel{top:var(--header-height);z-index:10;width:min(54vw,780px);position:fixed;bottom:0;right:max(2vw,50vw - 720px)}.crate-visual-panel .record-crate-stage{position:absolute;inset:0}.crate-copy-track{z-index:20;width:48vw;transition:opacity .42s;position:relative}.crate-story{min-height:100svh;padding:calc(var(--header-height) + 40px) clamp(44px, 5vw, 92px) 10svh max(60px, calc((100vw - 1440px) / 2 + 68px));scroll-snap-align:start;scroll-snap-stop:always;align-items:center;display:flex}.crate-story-copy{opacity:.12;width:min(100%,540px);transition:opacity .42s ease, transform .62s var(--ease-out);transform:translateY(18px);container-type:inline-size}.crate-story.is-active .crate-story-copy{opacity:1;transform:none}.crate-story-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:6px 16px;font-size:11px;display:flex}.crate-story-meta span:first-child{color:#f1f1ed;font-variant-numeric:tabular-nums}.crate-story h1,.crate-story h2{--title-size:clamp(44px, 6.4vw, 104px);font-family:var(--font-recursive), "Helvetica Neue", Helvetica, sans-serif;letter-spacing:-.065em;margin:18px 0 0;font-weight:560;line-height:1}.crate-story h1,.crate-story h2,.index-hero-copy h1,.detail-header h1{font-size:min(var(--title-size), calc(100cqi / (var(--title-longest-word,1) * .62)));overflow-wrap:normal}.crate-story-copy>p{color:#c4c4be;max-width:440px;margin:22px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.45}.crate-story-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.crate-story-actions a,.index-cta,.outbound-link{color:#f1f1ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em;background:#08080829;border:1px solid #f1f1ed57;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin-top:30px;padding:11px 18px 12px;font-size:13px;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.crate-story-actions a:hover,.crate-story-actions a:focus-visible,.index-hero-link:hover .index-cta,.index-hero-link:focus-visible .index-cta,.outbound-link:hover,.outbound-link:focus-visible{color:#0a0a0a;background:#f1f1ed;border-color:#f1f1ed;outline:none}.crate-story-actions a{margin-top:0}.crate-story-actions a.is-primary{color:#0a0a0a;background:#f1f1ed;border-color:#f1f1ed}.crate-story-actions a.is-primary:hover,.crate-story-actions a.is-primary:focus-visible{background:#c9c9c3;border-color:#c9c9c3}.crate-visual-panel .record-crate-canvas{cursor:pointer;touch-action:pan-y}.crate-visual-panel .record-crate-canvas.is-dragging{cursor:grabbing}:is(.crate-prototype:has(.is-pulling) .crate-copy-track,.crate-page:has(.is-pulling) .header){opacity:0;pointer-events:none}@media (max-width:899px){.crate-page .header{padding-inline:var(--page-pad)}.crate-visual-panel{z-index:30;width:100%;height:63svh;inset:0 0 auto}.crate-visual-panel .record-crate-stage{top:var(--header-height)}.crate-copy-track{width:100%}.crate-story{padding:63svh var(--page-pad) calc(30px + env(safe-area-inset-bottom));align-items:flex-end}.crate-story-copy,.crate-story.is-active .crate-story-copy{opacity:var(--copy-reveal,0);text-shadow:0 1px 18px #00000080;transition:none;transform:none}.crate-story h1,.crate-story h2{--title-size:clamp(38px, 11.5vw, 60px);margin-top:12px}.crate-story-copy>p{color:#dcdcd6;margin-top:12px;font-size:15px;line-height:1.4}.crate-story-actions{margin-top:18px}.crate-story-actions a{padding:9px 15px 10px;font-size:12px}.crate-progress{display:none}.crate-backdrop{--stage-x:50vw;--stage-y:36svh;--floor-y:57svh}.crate-backdrop:after{background:linear-gradient(#0000 54%,#0404048c 74%,#040404e0 100%),radial-gradient(100% 70% at 50% 35%,#0000 50%,#00000073)}}.index-main{padding-bottom:96px;position:relative}.index-main>section{z-index:1;position:relative}.index-hero-link{color:inherit;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:clamp(32px,5vw,88px);padding-top:8px;padding-bottom:clamp(32px,5vw,64px);text-decoration:none;display:grid}.index-hero-art{aspect-ratio:1;width:min(100%,100svh - 380px);transition:transform .52s var(--ease-out), box-shadow .52s var(--ease-out);justify-self:center;position:relative;box-shadow:0 40px 120px #0000008c,0 6px 22px #00000059}.index-hero-art img,.record-tile-art img,.cover-face img{object-fit:cover;width:100%;height:100%;display:block}.index-hero-art:after,.record-tile-art:after,.cover-face:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 38%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.index-hero-link:hover .index-hero-art,.index-hero-link:focus-visible .index-hero-art{transform:translateY(-6px);box-shadow:0 54px 140px #0009,0 8px 26px #0006}.index-hero-link:focus-visible{outline:none}.index-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:11px;display:flex}.index-kicker span:last-child{color:#f0f0ed}.index-hero-copy{container-type:inline-size}.index-hero-copy h1{--title-size:clamp(56px, 8vw, 132px);letter-spacing:-.07em;margin:18px 0 0;font-weight:560;line-height:.98}.index-hero-copy>p{color:#c9c9c3;max-width:440px;margin:22px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.42}.index-hero-facts,.project-facts{flex-wrap:wrap;gap:14px 28px;margin:28px 0 0;display:flex}.index-hero-facts div,.project-facts div{border-left:1px solid var(--line);min-width:0;padding-left:12px}.index-hero-facts dt,.project-facts dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.index-hero-facts dd,.project-facts dd{color:#e6e6e1;margin:4px 0 0;font-size:14px}.index-rule{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:12px;font-size:11px;display:flex}.index-rule h2{color:#f0f0ed;font:inherit;margin:0}.record-wall{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(28px,4vw,48px) clamp(16px,2.4vw,28px);margin:0;padding:clamp(24px,3vw,40px) 0 0;list-style:none;display:grid}.record-tile{color:inherit;text-decoration:none;display:block}.record-tile-art{aspect-ratio:1;transition:transform .42s var(--ease-out), box-shadow .42s var(--ease-out);display:block;position:relative;box-shadow:0 18px 50px #00000073}.record-tile-art img{filter:saturate(.86);transition:filter .3s}.record-tile:hover .record-tile-art,.record-tile:focus-visible .record-tile-art{transform:translateY(-6px);box-shadow:0 28px 70px #0000008c}.record-tile:hover .record-tile-art img,.record-tile:focus-visible .record-tile-art img{filter:saturate(1.08)}.record-tile:focus-visible{outline:none}.record-tile:focus-visible .record-tile-title{text-underline-offset:4px;text-decoration:underline}.record-tile-meta{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.12em;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;display:flex}.record-tile-title{letter-spacing:-.045em;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.24em;margin-top:6px;font-size:clamp(20px,2vw,26px);font-weight:540;line-height:1.08;display:-webkit-box;overflow:hidden}.record-tile-summary{color:#9d9d97;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.76em;margin-top:6px;font-size:13px;line-height:1.38;display:-webkit-box;overflow:hidden}@media (max-width:899px){.index-hero-link{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:8px}.index-hero-art{width:100%}.index-hero-copy h1{--title-size:clamp(50px, 15vw, 88px)}}.detail-main{min-height:calc(100svh - var(--header-height));isolation:isolate;padding-bottom:96px;position:relative}.detail-art-backdrop,.detail-art-scrim{z-index:-2;pointer-events:none;position:fixed;inset:0}.detail-art-backdrop{background:#080808;overflow:hidden}.detail-art-backdrop:before{content:"";background:var(--detail-art) center / cover no-repeat;filter:blur(60px)saturate(1.1)brightness(.6);opacity:.9;animation:38s ease-in-out infinite alternate backdrop-drift;position:absolute;inset:-15%}.detail-art-scrim{z-index:-1;background:linear-gradient(#0808084d,#080808b3 55%,#080808 95%),radial-gradient(at 50% 30%,#0000 30%,#0006)}@keyframes backdrop-drift{0%{transform:scale(1.05)translate(-2%,-1%)rotate(-2deg)}to{transform:scale(1.18)translate(3%,2%)rotate(3deg)}}.project-detail{z-index:1;position:relative}.detail-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(20px,4vh,40px);font-size:12px;display:flex}.detail-bar a{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080833;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 9px;text-decoration:none;transition:border-color .18s;display:inline-flex}.detail-bar a:hover,.detail-bar a:focus-visible{border-color:#f0f0ed;outline:none}.detail-label{font-variant-numeric:tabular-nums;letter-spacing:.12em}.detail-hero{align-items:center;gap:clamp(28px,5vw,80px);display:grid}.detail-covers{min-width:0;animation:detail-cover-in .7s var(--ease-out) both}.cover-flip{width:100%;color:inherit;font:inherit;cursor:pointer;perspective:1800px;background:0 0;border:0;padding:0;display:block;position:relative}.cover-flip-inner{aspect-ratio:1;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.3,.1,.2,1);display:block;position:relative}.cover-flip.is-flipped .cover-flip-inner{transform:rotateY(180deg)}.cover-face{backface-visibility:hidden;background:#121313;display:block;position:absolute;inset:0;box-shadow:0 40px 110px #0000008c,0 6px 22px #00000059}.cover-back{transform:rotateY(180deg)}.cover-flip:focus-visible{outline:none}.cover-flip:focus-visible .cover-face{outline-offset:6px;outline:1px solid #f0f0ed}.cover-flip-hint{color:#f0f0ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.06em;opacity:0;background:#0808088c;border-radius:999px;padding:6px 11px 7px;font-size:11px;transition:opacity .2s;position:absolute;bottom:12px;right:12px}.cover-flip:hover .cover-flip-hint,.cover-flip:focus-visible .cover-flip-hint{opacity:1}.detail-header{min-width:0;animation:detail-copy-in .7s 80ms var(--ease-out) both;container-type:inline-size}.detail-header h1{--title-size:clamp(48px, 7vw, 108px);letter-spacing:-.07em;margin:0;font-weight:560;line-height:.98}.detail-summary{color:#e0e0db;max-width:480px;margin:20px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.4}.project-writeup{max-width:640px;margin:48px auto 0}.project-writeup p{color:#c9c9c4;margin:0 0 1.2em;font-size:17px;line-height:1.68}.project-writeup>p:first-child{color:#f0f0ed;letter-spacing:-.01em;font-size:clamp(19px,1.8vw,23px);line-height:1.5}.project-writeup a{text-underline-offset:3px}.project-writeup img{border:1px solid var(--line);width:100%;height:auto;margin:2em 0;display:block;box-shadow:0 24px 70px #00000073}.detail-neighbours{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin:clamp(56px,9vh,96px) auto 0;padding-top:24px;display:grid}.neighbour{min-width:0;color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.neighbour-older{text-align:right;flex-direction:row-reverse;grid-column:2}.neighbour-art{height:64px;transition:transform .3s var(--ease-out);flex:0 0 64px;position:relative;box-shadow:0 10px 30px #00000073}.neighbour-art img{object-fit:cover;width:100%;height:100%;display:block}.neighbour:hover .neighbour-art,.neighbour:focus-visible .neighbour-art{transform:translateY(-3px)}.neighbour:focus-visible{outline:none}.neighbour-copy{min-width:0}.neighbour-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;display:block}.neighbour-title{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:18px;display:block;overflow:hidden}.neighbour:hover .neighbour-title,.neighbour:focus-visible .neighbour-title{text-underline-offset:4px;text-decoration:underline}@keyframes detail-cover-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes detail-copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (min-width:900px){.detail-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.detail-covers{justify-self:end;width:min(100%,100svh - 390px,600px)}}@media (max-width:899px){.detail-main{padding-top:8px;padding-bottom:64px}.detail-covers{margin-inline:calc(var(--page-pad) * -.4)}.cover-flip-hint{opacity:1}.detail-header h1{--title-size:clamp(46px, 14vw, 76px)}.detail-summary{font-size:18px}.project-facts{gap:12px 22px}.detail-hero{gap:20px}.detail-covers{width:min(100% + var(--page-pad) * .8, 40svh);justify-self:center}.detail-summary{margin-top:14px}.project-facts{margin-top:18px}.outbound-link{margin-top:20px}.project-writeup{margin-top:28px}.project-writeup p{font-size:16px;line-height:1.62}.project-writeup>p:first-child{font-size:19px}.detail-neighbours{gap:12px}.neighbour{gap:10px}.neighbour-art{flex-basis:52px;height:52px}.neighbour-title{font-size:15px}}@media (prefers-reduced-motion:reduce){.crate-scroll-active{scroll-behavior:auto}.crate-story-copy{transition:opacity .2s;transform:none}.ambient-field,.crate-backdrop{transition:none}.ambient-blob,.cb-beam,.detail-art-backdrop:before,.detail-covers,.detail-header{animation:none}.machine-canvas{cursor:default}}
