:is(.record-crate,.collection-view){--gutter-x:clamp(20px, 2.5vw, 36px);--column:clamp(320px, 36vw, 540px);--box-size:max(96px, min(clamp(280px, 24vw, 380px), (100svh - 440px) * .62));--box-left:calc(var(--gutter-x) - var(--box-size) * .15);--aspect:.6;--box-top:max(calc(106px - var(--box-size) * .2778), calc(100svh - 330px - var(--box-size) / var(--aspect) + var(--box-size) * .107))}.record-crate{min-height:calc(var(--box-top) + var(--box-size) / var(--aspect) + var(--space-7))}.record-crate-stage{left:var(--box-left);top:var(--box-top);width:var(--box-size);height:calc(var(--box-size) / var(--aspect));cursor:pointer;position:absolute}.record-crate-stage canvas{visibility:hidden}.record-crate-stage[data-ready] canvas{visibility:visible}.record-crate-index{margin-left:calc(var(--box-left) + var(--box-size) + var(--space-7));margin-right:var(--gutter-x);padding-top:calc(var(--box-top) + var(--box-size) / var(--aspect) * .3);padding-bottom:var(--space-8);max-width:520px;position:relative}.record-crate-title{margin:0 0 var(--space-5);font-size:var(--type-ui);color:var(--ink-muted);gap:2px;font-weight:400;display:grid}.record-crate-title b{font-weight:var(--weight-strong);color:var(--ink)}.record-crate-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.record-crate-item{align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--line);min-height:44px;color:var(--ink-muted);grid-template-columns:1fr auto;padding:10px 0;text-decoration:none;transition:color .14s cubic-bezier(.2,0,0,1);display:grid}.record-crate-item[aria-current]{color:var(--ink)}.record-crate-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.record-crate-meta{font-family:var(--font-geist-mono), monospace;font-size:var(--type-label)}.record-crate-name{font-size:16px}.record-crate-item[aria-current] .record-crate-name{font-weight:var(--weight-strong)}@media (max-width:800px){.record-crate{--box-size:min(132px, 34vw);--box-left:calc(100vw - var(--gutter-x) - var(--box-size) * .836);--box-top:calc(100svh - 30px - var(--box-size) / var(--aspect) + var(--box-size) * .107);position:static}.record-crate-stage{position:absolute}.record-crate-index{margin-left:var(--gutter-x);padding-top:calc(var(--box-top) + var(--box-size) / var(--aspect) + var(--space-5))}}@media (prefers-reduced-motion:reduce){.record-crate-item{transition-duration:1ms}}.record-crate-summary{margin:var(--space-5) 0 0;max-width:400px;min-height:3lh;font-size:var(--type-ui);color:var(--ink-muted);line-height:1.6}.collection-gallery .work-explorer{contain:layout paint}@media (min-width:801px) and (min-height:521px){.collection-view{height:100svh;min-height:560px;position:relative}.collection-view .collection-gallery{position:absolute;inset:0}.collection-view .work-explorer{height:100%;min-height:0}.collection-view .explorer-stage{left:var(--column)}.collection-view .record-crate{z-index:12;width:var(--column);pointer-events:none;min-height:0;position:absolute;top:0;bottom:0;left:0}.collection-view .record-crate>*{pointer-events:auto}}@media (max-width:800px),(max-height:520px){.collection-view{height:100svh;position:relative;overflow:clip}.collection-view .collection-gallery{position:absolute;inset:0}.collection-view .work-explorer{height:100%;min-height:0}.collection-view .explorer-stage{--stage-bottom:250px}.collection-view .record-crate{z-index:12;pointer-events:none;min-height:0;position:absolute;inset:0}.collection-view .record-crate>*{pointer-events:auto}.collection-view :is(.explorer-context,.explorer-footer){display:none}}.crate-focus{padding-inline:var(--gutter-x) var(--space-4)}@media (min-width:801px) and (min-height:521px){.collection-view .crate-focus-enter{bottom:var(--space-6);left:var(--gutter-x);right:var(--space-4);position:absolute}}.crate-focus-enter{animation:.45s cubic-bezier(.22,1,.36,1) both context-in}.crate-focus-label{font-family:var(--font-geist-mono), monospace;font-size:var(--type-label);color:var(--ink-muted)}.crate-focus h2{font-size:40px;font-weight:var(--weight-heading);letter-spacing:-.02em;text-wrap:balance;color:var(--ink);margin:0 0 12px;line-height:1.05}.crate-focus p{margin:0 0 var(--space-4);max-width:300px;font-size:var(--type-ui);color:var(--ink-muted);line-height:1.55}.crate-focus dl{margin:0 0 var(--space-4);gap:8px;display:grid}.crate-focus dt{font-size:var(--type-label);color:var(--ink-muted)}.crate-focus dd{font-size:var(--type-ui);color:var(--ink);margin:0}.crate-focus-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.crate-focus-view{height:36px;font:inherit;font-size:var(--type-ui);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 16px;transition:background-color .18s cubic-bezier(.2,0,0,1);display:inline-flex}.crate-focus-view:hover{background:var(--ink-wash)}.crate-focus-view:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.crate-focus-open{--pad-x:16px;height:36px;padding:0 var(--pad-x);margin-left:calc(-1 * var(--pad-x) - 1px);font-size:var(--type-ui);color:var(--ink);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}@media (min-width:801px) and (min-height:521px){.collection-view :is(.explorer-context,.explorer-footer){display:none}}@media (max-width:800px),(max-height:520px){.collection-view .crate-focus{z-index:1;padding:72px var(--gutter-x) 24px;background:linear-gradient(to top, var(--surface-page) 0%, var(--surface-page) 70%, color-mix(in srgb, var(--surface-page) 0%, transparent) 100%);position:absolute;bottom:0;left:0;right:0}.collection-view .crate-focus-enter{padding-right:calc(var(--box-size) * .7 + var(--space-3))}.collection-view .crate-focus h2{font-size:30px}.collection-view .crate-focus p{margin-bottom:var(--space-3)}.collection-view .crate-focus dl{display:none}.collection-view .record-crate-stage{z-index:2}}@media (max-height:520px){.collection-view .crate-focus{padding-top:40px}.collection-view .crate-focus p{display:none}}