@import"https://fonts.googleapis.com/css2?family=Bungee&family=Manrope:wght@400;600;800&display=swap";:root{--cursor-default: url(/assets/ui/cursor-default.svg) 8 8, default;--cursor-hover: url(/assets/ui/cursor-hover.svg) 13 13, pointer;--cursor-drag: url(/assets/ui/cursor-drag.svg) 13 13, grabbing;--cursor-click: url(/assets/ui/cursor-click.svg) 13 13, pointer;--cursor-text: url(/assets/ui/cursor-text.svg) 7 14, text;--cursor-scale-x: url(/assets/ui/cursor-scale-x.svg) 14 2, ew-resize;--cursor-scale-y: url(/assets/ui/cursor-scale-y.svg) 2 14, ns-resize}html{cursor:var(--cursor-default)}:where(a[href],button,input[type=button],input[type=submit],input[type=reset],[role=button],summary){cursor:var(--cursor-hover)}:where(a[href],button,input[type=button],input[type=submit],input[type=reset],[role=button],summary):not(:disabled,[aria-disabled=true],[data-cursor=scalex],[data-cursor=scaley],.cursor-scale-x,.cursor-scale-y):active,.workspace>[data-module-id]:active{cursor:var(--cursor-click)}:where(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],textarea,[contenteditable=true],[contenteditable=""],.status-bar-clock):not(:disabled){cursor:var(--cursor-text)}[data-cursor=default],.cursor-default{cursor:var(--cursor-default)}[data-cursor=hover],.cursor-hover{cursor:var(--cursor-hover)}[data-cursor=drag],.cursor-drag{cursor:var(--cursor-drag)}[data-cursor=click],.cursor-click{cursor:var(--cursor-click)}[data-cursor=text],[data-cursor=text-select],.cursor-text{cursor:var(--cursor-text)}[data-cursor=scalex],.cursor-scale-x{cursor:var(--cursor-scale-x)}[data-cursor=scaley],.cursor-scale-y{cursor:var(--cursor-scale-y)}html:has(.workspace[data-dragging=true],[data-module-moving=true],.disc-paddle.is-dragging),html:has(.workspace[data-dragging=true],[data-module-moving=true],.disc-paddle.is-dragging) *{cursor:var(--cursor-drag)!important}html:has(.project-preview[data-resizing=x]),html:has(.project-preview[data-resizing=x]) *{cursor:var(--cursor-scale-x)!important}html:has(.project-preview[data-resizing=y]),html:has(.project-preview[data-resizing=y]) *{cursor:var(--cursor-scale-y)!important}:root{font-family:Manrope,sans-serif;color:#272727;background:#d9d9d9;font-synthesis:none;--dark: #272727;--muted: #8c8c8c;--light: #f2f2f2;--status-bar-unit: 22px;--status-bar-height: calc(var(--status-bar-unit) * 2)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}p,h1,h2,figure{margin:0}img,svg{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}h1,h2,.about-label,.insert-label{font-family:Bungee,sans-serif;font-weight:400}.status-bar{position:sticky;top:0;z-index:1100;display:flex;justify-content:flex-end;width:100%;height:var(--status-bar-height);background:#7f7f7f}.status-bar-controls{display:grid;grid-template-columns:calc(var(--status-bar-unit) * 4) calc(var(--status-bar-unit) * 6.2);grid-template-rows:repeat(2,var(--status-bar-unit))}.status-bar-palette{display:grid;grid-template-columns:2fr 1fr 1fr;grid-column:1;grid-row:1}.status-bar-clock{display:grid;place-items:center;background:#d9d9d9;color:#7f7f7f;font-size:calc(var(--status-bar-unit) * .65);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.status-bar-green{background:#85af46}.status-bar-blue{background:#5d93d5}.reset-layout{position:relative;grid-column:2;grid-row:1 / 3;display:flex;align-items:flex-end;justify-content:center;border:0;border-radius:0;padding:0;background:var(--dark);color:#7f7f7f;font:800 calc(var(--status-bar-unit) * .65)/1 "Manrope",sans-serif;cursor:var(--cursor-hover)}.reset-layout:before{content:"";position:absolute;right:0;top:0;width:46.5%;height:50%;background:#7f7f7f}.reset-layout-label{display:flex;align-items:center;justify-content:center;gap:calc(var(--status-bar-unit) * .2);height:50%;white-space:nowrap}.reset-layout-label img{width:calc(var(--status-bar-unit) * .7);height:calc(var(--status-bar-unit) * .7)}.reset-layout:disabled{cursor:var(--cursor-default)}.reset-layout:disabled .reset-layout-label{opacity:.55}.reset-layout:focus-visible{outline:2px solid #5d93d5;outline-offset:-3px}.project-preview{--preview-bar-height: 22px;position:fixed;z-index:400;right:var(--preview-right, 0px);bottom:var(--preview-bottom, 0px);display:flex;flex-direction:column;width:var(--preview-width, 51.2%);height:var(--preview-height, min(81.4svh, calc(100svh - var(--status-bar-height))));overflow:hidden;background:var(--dark);opacity:1;transition:width var(--preview-window-duration) cubic-bezier(.22,1,.36,1),height var(--preview-window-duration) cubic-bezier(.22,1,.36,1),right var(--preview-window-duration) cubic-bezier(.22,1,.36,1),bottom var(--preview-window-duration) cubic-bezier(.22,1,.36,1),opacity var(--preview-window-duration) ease}.project-preview[data-window-mode=maximized]:not([data-resizing]){right:0;bottom:0;width:100%;height:calc(100svh - var(--status-bar-height))}.project-preview[data-resizing]{right:var(--preview-right);bottom:var(--preview-bottom);width:var(--preview-width);height:var(--preview-height);transition:none;-webkit-user-select:none;user-select:none}.project-preview[data-viewport-changing]{transition:none}.project-preview[data-window-mode=loading],.project-preview[data-window-mode=minimized],.project-preview[data-window-mode=closing]{height:var(--preview-bar-height)}.project-preview[data-window-mode=closing]{opacity:0;pointer-events:none}.project-preview-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.project-preview-content:focus-visible{outline:2px solid #5d93d5;outline-offset:-2px}.project-story{margin:0;padding:0;line-height:0;background:#0e0e0e}.project-story img{display:block;width:100%;height:auto;margin:0;padding:0}.project-video{position:relative;display:block;width:100%;margin:0;padding:0;background:#0e0e0e}.project-video-embed{position:absolute;top:0;right:0;bottom:0;left:0}.project-video iframe{display:block;width:100%;height:100%;border:0}.project-video-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e0e0e;color:#d9d9d9;font-size:14px;line-height:1.5}.preview-resize-edge{position:absolute;z-index:5;touch-action:none}.preview-resize-edge.is-left,.preview-resize-edge.is-right{top:4px;bottom:4px;width:6px}.preview-resize-edge.is-left{left:0}.preview-resize-edge.is-right{right:0}.preview-resize-edge.is-top,.preview-resize-edge.is-bottom{left:0;right:0;height:4px}.preview-resize-edge.is-top{top:0}.preview-resize-edge.is-bottom{bottom:0}.preview-resize-edge:focus-visible{outline:2px solid #5d93d5;outline-offset:-2px}.project-preview-bar{display:flex;flex:0 0 var(--preview-bar-height);height:var(--preview-bar-height);background:#737373}.preview-window-controls{display:flex;flex:0 0 auto;gap:6px;padding-inline:9px}.preview-control{display:grid;place-items:center;width:26px;min-width:0;height:var(--preview-bar-height);border:0;padding:0;background:transparent;color:#d9d9d9;cursor:var(--cursor-hover)}.preview-control-icon{display:block;width:14px;height:14px;background:currentColor;mask:var(--window-control-icon) center / contain no-repeat}.preview-control.is-close .preview-control-icon{width:15px;height:15px}.preview-control.is-close{--control-accent: #e50448}.preview-control.is-maximize{--control-accent: #5d93d5}.preview-control.is-minimize{--control-accent: #85af46}.preview-control:not(:disabled):hover,.preview-control:focus-visible,.preview-control:not(:disabled):active,.preview-control[aria-pressed=true]{color:var(--control-accent)}.preview-control:not(:disabled):active,.preview-control[aria-pressed=true]{background:var(--dark)}.preview-control:disabled{cursor:var(--cursor-default)}.preview-control:focus-visible{outline:2px solid #d9d9d9;outline-offset:-3px}.preview-loading-track{position:relative;flex:1;min-width:0;container-type:inline-size;overflow:hidden}.preview-loading{--loading-unit: min(22px, 8cqw);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:preview-loading-exit var(--preview-loading-duration) linear both}.preview-loading-chip{position:absolute;top:0;display:block;height:100%;animation-duration:var(--preview-loading-duration);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.preview-loading-chip.is-white{background:#d9d9d9;animation-name:preview-loading-white}.preview-loading-chip.is-blue{background:#5d93d5;animation-name:preview-loading-blue}.preview-loading-chip.is-green{background:#85af46;animation-name:preview-loading-green}.preview-loading-chip.is-dark{background:var(--dark);animation-name:preview-loading-dark}@keyframes preview-loading-white{0%,35%{left:61%;width:var(--loading-unit)}65%{left:75.5%;width:var(--loading-unit)}85%{left:calc(100% - var(--loading-unit) * 4.5);width:var(--loading-unit)}to{left:100%;width:var(--loading-unit)}}@keyframes preview-loading-blue{0%{left:calc(61% + var(--loading-unit));width:var(--loading-unit)}35%{left:calc(61% + var(--loading-unit));width:calc(19.5% - var(--loading-unit))}65%{left:calc(75.5% + var(--loading-unit));width:var(--loading-unit)}85%{left:calc(100% - var(--loading-unit) * 3.5);width:var(--loading-unit)}to{left:calc(100% + var(--loading-unit));width:var(--loading-unit)}}@keyframes preview-loading-green{0%{left:calc(61% + var(--loading-unit) * 2);width:var(--loading-unit)}35%{left:80.5%;width:14.5%}65%{left:calc(75.5% + var(--loading-unit) * 2);width:calc(19.5% - var(--loading-unit) * 2)}85%{left:calc(100% - var(--loading-unit) * 2.5);width:var(--loading-unit)}to{left:calc(100% + var(--loading-unit) * 2);width:var(--loading-unit)}}@keyframes preview-loading-dark{0%{left:calc(61% + var(--loading-unit) * 3);width:calc(var(--loading-unit) * 1.5)}35%,65%{left:95%;width:5%}85%{left:calc(100% - var(--loading-unit) * 1.5);width:calc(var(--loading-unit) * 1.5)}to{left:calc(100% + var(--loading-unit) * 3);width:calc(var(--loading-unit) * 1.5)}}@keyframes preview-loading-exit{0%,94%{opacity:1}to{opacity:0}}@media(max-width:900px){.project-preview{width:var(--preview-width, 100%)}.project-preview[data-window-mode=maximized]:not([data-resizing]){width:100%}}.workspace{position:relative;container-type:inline-size;overflow-x:clip;width:min(100%,1440px);aspect-ratio:1440 / 1024;min-height:calc(100svh - var(--status-bar-height));margin-inline:auto}.workspace>[data-module-id]{translate:var(--module-x, 0px) var(--module-y, 0px);cursor:var(--cursor-hover);user-select:none;-webkit-user-select:none;touch-action:pan-y}.workspace>[data-module-moving=true],.workspace>[data-module-moving=true] .module-move-handle{cursor:var(--cursor-drag)}.module-move-handle{position:absolute;z-index:4;top:0;right:0;transform:translateY(calc(-100% - 3px));display:grid;place-items:center;width:20px;height:18px;padding:0;border:1px solid #8c8c8c80;border-radius:3px;background:#d9d9d9;color:#737373;font:16px/1 sans-serif;cursor:var(--cursor-hover);touch-action:none;opacity:0}[data-module-id]:hover>.module-move-handle,[data-module-id]:focus-within>.module-move-handle,[data-module-moving=true]>.module-move-handle{opacity:1}.module-move-handle:focus-visible{outline:2px solid #3872b7;outline-offset:3px}.module-move-handle:disabled{cursor:var(--cursor-default)}.module-snap-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.module-snap-line{position:absolute;background:#3872b7}.module-snap-line.is-x{width:1px}.module-snap-line.is-y{height:1px}@media(hover:none){.module-move-handle{opacity:1;width:32px;height:24px}}.identity{position:absolute;left:17.9167%;top:12.5cqw;width:14.2361%;aspect-ratio:1;filter:drop-shadow(1px 2px 2px #27272726)}.identity-artwork{width:100%;height:100%;overflow:visible}.identity-tm,.identity-space{font-family:Bungee,sans-serif;font-weight:400}.identity-tm{font-size:7px;fill:#272727}.identity-space{font-size:12px;text-anchor:middle;fill:#d9d9d9}.identity-trace{fill:none;stroke:#484848;stroke-width:1}.identity-trace-on-green{stroke:#506b27}.identity-lettering{position:absolute;left:52.93%;top:75.37%;width:39.675%;height:auto}.identity-electricity{position:absolute;left:90.488%;top:85.85%;width:4.634%;height:auto}.intro{position:absolute;left:32.5694%;top:19.5833cqw;width:17.9167%;height:9.7222cqw;color:var(--light)}.intro-body{height:72.14%;background:var(--dark);border-radius:.35cqw;padding:.25cqw .4cqw;display:flex;flex-direction:column;justify-content:space-between;box-shadow:.1cqw .16cqw .2cqw #27272726}h1{font-size:.8333cqw;line-height:1.4}.intro-body p{font-size:.5556cqw;line-height:1.4;color:var(--muted)}.intro-connector{width:100%;height:7.14%}.intro-footer{display:flex;align-items:center;gap:.3cqw;height:20.72%;padding:.25cqw .4cqw;border-radius:.3cqw;background:var(--dark);box-shadow:.1cqw .16cqw .2cqw #27272726}.intro-footer img{width:32.5%;height:auto}.about-label{font-size:.8333cqw;white-space:nowrap;line-height:1}.intro-trace{flex:1;min-width:0;height:1.2cqw;overflow:visible;fill:none;stroke:#73737366;stroke-width:1}.intro-trace .trace-terminal{fill:#73737366;stroke:none}.works-player{position:absolute;container-type:inline-size;left:35.2083%;top:30.1389cqw;width:15.2778%;aspect-ratio:1;isolation:isolate}.player-base,.player-lid{position:absolute;top:0;right:0;bottom:0;left:0}.player-base{z-index:0}.player-base img{width:100%;height:100%}.player-lid{z-index:2}.player-disc{position:absolute;z-index:1;transition:left var(--disc-slide-duration) cubic-bezier(.22,1,.36,1),top var(--disc-slide-duration) cubic-bezier(.22,1,.36,1),width var(--disc-slide-duration) cubic-bezier(.22,1,.36,1),height var(--disc-slide-duration) cubic-bezier(.22,1,.36,1)}.player-disc[data-phase=aligning]{transition-duration:var(--disc-align-duration)}.player-disc img{width:100%;height:100%;object-fit:contain}.player-disc .disc-artwork{transition:transform var(--disc-slide-duration) cubic-bezier(.4,0,.2,1)}.player-disc[data-handoff=true] .disc-artwork{transition:none}.player-disc[data-phase=loaded] .disc-artwork{animation:disc-playback-spin var(--disc-spin-duration) linear infinite;transition:none}@keyframes disc-playback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-insert-zone{position:absolute;z-index:0;border:1px dashed #8c8c8c;border-radius:50%;pointer-events:none;color:#737373;transition:border-color .18s ease,color .18s ease}.player-insert-zone span{position:absolute;top:45%;right:8%;font:600 3.5cqw/1.5 Manrope,sans-serif}.player-insert-zone.is-active{border:2px solid #85af46;color:var(--dark)}.player-lid-shell{position:absolute;left:19.772727%;top:-2.272727%;width:82.272727%;height:auto;max-width:none;pointer-events:none}.player-status{position:absolute;left:23.18%;top:2.27%;width:37.27%;height:3.64%;padding-inline:.9%;display:flex;align-items:center;gap:1.3cqw;background:#8c8c8c;font-size:2.73cqw;line-height:1;white-space:nowrap;color:#bfbfbf}.player-status span:first-child{color:var(--dark)}.selected-works{position:absolute;top:2.27%;right:2.5%;color:var(--muted);text-align:right}.selected-works h2{font-size:3.64cqw;line-height:1.1}.selected-works p{font-size:2.73cqw;line-height:1.35;text-transform:uppercase}.insert-label{position:absolute;right:2.9%;top:32.27%;font-size:5.45cqw;line-height:1}.disc-paddle{position:absolute;right:5%;top:67.272727%;width:12.727273%;height:4.090909%;border:0;padding:0;background:none;border-radius:0;cursor:var(--cursor-hover);touch-action:none;-webkit-user-select:none;user-select:none}.disc-paddle:before{content:"";position:absolute;top:-8px;right:-3px;bottom:-8px;left:-3px}.disc-paddle-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#8c8c8c;box-shadow:inset .2cqw .2cqw .6cqw #0005}.disc-paddle-rail{display:flex;width:100%;height:100%;transform:translate(calc(-82.142857% * var(--paddle-progress)));transition:transform var(--disc-slide-duration) cubic-bezier(.22,1,.36,1)}.disc-paddle-label{flex:0 0 82.142857%;display:grid;place-items:center;font:800 2.727273cqw/1 Manrope,sans-serif;white-space:nowrap}.disc-paddle-label.is-empty{color:#d9d9d9}.disc-paddle-label.is-eject{color:#272727}.disc-paddle-thumb{flex:0 0 17.857143%;background-color:color-mix(in srgb,#383838,#e50448 calc(var(--paddle-progress) * 100%));transition:background-color var(--disc-slide-duration) cubic-bezier(.22,1,.36,1)}.disc-paddle.is-dragging{cursor:var(--cursor-drag)}.disc-paddle.is-dragging .disc-paddle-rail,.disc-paddle.is-dragging .disc-paddle-thumb{transition:none}.disc-paddle[aria-disabled=true]{cursor:var(--cursor-default)}.disc-paddle:focus-visible{outline:2px solid #3872b7;outline-offset:4px}.archive-label{position:absolute;left:55.45%;top:89.09%;width:39.55%}.archive-label img{width:100%;height:auto}.disc-library{position:absolute;left:72.1528%;top:6.5278cqw;width:14.7222%}.project-disc{aspect-ratio:1}.project-disc img{width:100%;height:100%;object-fit:contain}.disc-control{position:relative;display:block;width:100%;height:100%;aspect-ratio:1;border:0;padding:0;border-radius:50%;background:none;color:var(--dark);cursor:var(--cursor-hover);touch-action:pan-y;user-select:none;-webkit-user-select:none}.disc-control img{pointer-events:none;transition:filter .18s ease}.disc-control:focus-visible{outline:2px solid #3872b7;outline-offset:5px}.disc-control:hover:not(.is-lifted):not(.is-loaded) img{filter:brightness(1.05)}.disc-control.is-lifted{cursor:var(--cursor-drag)}.disc-control.is-lifted img,.disc-control.is-loaded img{opacity:0}.disc-control[aria-disabled=true]{cursor:var(--cursor-default)}.disc-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #8c8c8c;border-radius:50%;font:600 clamp(10px,1cqw,12px)/1.5 "Manrope",sans-serif}.disc-placeholder span{color:#737373}.disc-drag-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1000;pointer-events:none}.disc-drag-preview{position:absolute;-webkit-user-select:none;user-select:none}.disc-drag-preview img{width:100%;height:100%;object-fit:contain}.disc-drag-preview.is-settling{transition:left var(--disc-return-duration) cubic-bezier(.22,1,.36,1),top var(--disc-return-duration) cubic-bezier(.22,1,.36,1),width var(--disc-return-duration) cubic-bezier(.22,1,.36,1),height var(--disc-return-duration) cubic-bezier(.22,1,.36,1)}.disc-drag-preview.is-settling .disc-artwork{transition:transform var(--disc-return-duration) cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.disc-drag-preview.is-settling,.disc-control img,.player-disc,.player-disc .disc-artwork,.disc-drag-preview.is-settling .disc-artwork,.player-insert-zone,.disc-paddle-rail,.disc-paddle-thumb{transition:none}.player-disc[data-phase=loaded] .disc-artwork{animation:none}.preview-loading{display:none}.preview-loading,.preview-loading-chip{animation:none}.project-preview{transition:none}}@media(min-width:901px){.workspace{--module-scale: 1.5;--cluster-left: 11.1111%}.workspace>section{transform:scale(var(--module-scale));transform-origin:top left}.identity{left:var(--cluster-left)}.intro{left:calc(var(--cluster-left) + 14.6527% * var(--module-scale));top:calc(12.5cqw + 7.0833cqw * var(--module-scale))}.works-player{left:calc(var(--cluster-left) + 17.2916% * var(--module-scale));top:calc(12.5cqw + 17.6389cqw * var(--module-scale))}.disc-library{left:70.1389%}}@media(max-width:900px){.workspace{display:grid;grid-template-columns:1fr;gap:24px;width:min(100%,420px);padding:40px 24px;aspect-ratio:auto}.identity,.intro,.works-player,.disc-library{position:relative;left:auto;top:auto}.identity{width:min(100%,307.5px)}.intro{width:100%;height:180px}.intro-body{border-radius:5px;padding:7px 8px}h1{font-size:16px}.intro-body p{font-size:10px}.intro-footer{gap:5px;border-radius:4px;padding:4px 7px}.about-label{font-size:13px}.intro-trace{height:16px}.works-player{width:min(100%,330px);justify-self:end}.disc-library{width:min(100%,285px);margin-top:6px}}
