html{background-color:#141413}body{margin:0}.canvas-stage{background-color:#000;width:100%;height:100%;position:fixed;top:0;left:0}@font-face{font-family:Sixsound;src:url(/fonts/sixsound.woff2)format("woff2"),url(/fonts/sixsound.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.link-page{--link-background:#141413a8;--link-backdrop:#2d2d2c;--link-accent:#ee3a17;--link-text:#e3e3e3;--link-muted:#bababa;--link-gutter:16px;--link-panel-width:580px;--link-display:"Sixsound", "Arial Black", "Helvetica Neue", sans-serif;color:var(--link-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,monospace;font-weight:400}.link-panel{z-index:1;width:100%;max-width:var(--link-panel-width);min-height:100vh;box-sizing:border-box;background-color:var(--link-background);min-height:100lvh;margin:0 auto;padding-bottom:64px;position:relative;overflow-x:clip}html:has(.link-page){background-color:#2d2d2c}.link-page:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#08080800 45%,#080808b3 78%,#080808 100%),url(/links/dotmatrix.svg);background-position:50%,calc(50% - 22px) 0;background-repeat:no-repeat,repeat;background-size:100% 100%,220px 220px;position:fixed;inset:0}.link-panel:before{--link-card-width:min(100vw, var(--link-panel-width));content:"";bottom:0;left:calc(50% + var(--link-card-width) * .4);z-index:0;width:calc(var(--link-card-width) * .61);aspect-ratio:814/1600;opacity:.3;pointer-events:none;background:url(/links/icps.webp) 50%/contain no-repeat;position:fixed;transform:translate(-50%)}.link-header{z-index:1;flex-direction:column;align-items:center;padding-top:64px;display:flex;position:relative}.link-logo{margin:0;line-height:0;position:relative}.link-logo-image{width:190px;height:auto;display:block}.link-star{width:17%;height:auto;position:absolute;top:-27%;left:-25%}.link-tagline{width:100%;padding:30px var(--link-gutter) 32px;box-sizing:border-box;background-color:var(--link-accent);color:#141413;font-family:var(--link-display);letter-spacing:-.01em;text-align:center;text-transform:uppercase;margin:60px 0 0;font-size:clamp(22px,7vw,32px);line-height:1.08;position:relative}.link-tagline:before{content:"";background-image:linear-gradient(to right, var(--link-accent) 1px, transparent 1px);background-size:2.5% 100%;height:6px;position:absolute;bottom:100%;left:0;right:0}.link-tagline-lines{flex-direction:column;display:inline-flex}.link-tagline-line{justify-content:space-between;align-items:baseline;display:flex}.link-tagline-space{width:.26em}.link-tagline-chevrons{width:auto;height:.7em;margin-left:.26em}.link-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.link-socials{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:24px;display:flex}.link-social{color:var(--link-accent);padding:8px;transition:transform .15s,color .15s;display:block}.link-social svg{display:block}.link-social:hover{color:var(--link-text);transform:scale(1.075)}.link-section{z-index:1;padding:0 var(--link-gutter);justify-content:space-between;align-items:center;gap:16px;margin-top:44px;display:flex;position:relative}.link-code{color:var(--link-accent);white-space:pre;margin:0;font-size:9px;line-height:1.4}.link-code-close{z-index:1;padding:0 var(--link-gutter);position:relative}.link-section-title{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:14px;margin:0;font-size:12px;font-weight:600;line-height:1;display:flex}.link-section-title:before{content:"|";color:var(--link-accent);margin-right:-6px}.link-list{z-index:1;padding:0 var(--link-gutter) 16px;flex-direction:column;margin-top:22px;display:flex;position:relative}.link-row{box-sizing:border-box;color:var(--link-text);-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;margin-bottom:10px;padding:26px 14px 16px 41px;text-decoration:none;display:flex;position:relative}.link-row-fill{z-index:0;clip-path:polygon(36px 11px,100% 11px,100% 100%,26px 100%,26px 21px);position:absolute;inset:0}.link-row-fill:before{content:"";background-color:var(--link-accent);transition:transform .35s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:translate(-101%)}.link-row-rule{z-index:1;background-color:var(--link-accent);height:1px;position:absolute;top:0;left:32px;right:0}.link-row-rule:before{content:"";background-color:var(--link-accent);transform-origin:0;width:22.6px;height:1px;position:absolute;top:0;left:0;transform:rotate(135deg)}.link-row-rule:after{content:"";box-sizing:border-box;border:1.5px solid var(--link-accent);width:9px;height:9px;position:absolute;top:16px;left:-25px}.link-row-thumb,.link-row-text,.link-row-arrow{z-index:1;position:relative}.link-row-thumb{aspect-ratio:16/9;clip-path:polygon(5px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 5px);background-color:#141413;flex:none;width:clamp(96px,30vw,168px)}.link-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.link-row-text{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.link-row-name,.link-row-meta{white-space:nowrap;overflow:hidden;container-type:inline-size}.link-row-scroll{display:inline-block}@media (prefers-reduced-motion:no-preference){.link-row-scroll{animation:7s ease-in-out infinite alternate link-row-scroll}}@keyframes link-row-scroll{0%,20%{transform:translate(0)}80%,to{transform:translate(min(0px,100cqw - 100%))}}.link-row-name{font-family:var(--link-display);letter-spacing:-.01em;text-transform:uppercase;font-size:17px;font-weight:400;line-height:1.1}.link-row-meta{color:var(--link-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.2;transition:color .2s}.link-row-kind{color:var(--link-accent);transition:color .2s}.link-row-kind+.link-row-client:before{content:"// ";margin-left:6px}.link-row-arrow{color:var(--link-accent);flex:none;transition:color .2s,transform .2s;display:none}.link-row:active .link-row-fill:before{transform:none}.link-row:focus-visible .link-row-fill:before{transform:none}.link-row:active,.link-row:active :is(.link-row-meta,.link-row-kind,.link-row-arrow){color:#fff}.link-row:focus-visible{color:#fff}.link-row:focus-visible :is(.link-row-meta,.link-row-kind,.link-row-arrow){color:#fff}:is(.link-row:focus-visible,.link-social:focus-visible){outline:2px solid var(--link-text);outline-offset:2px}.link-social:focus-visible{border-radius:8px}@media (hover:hover){.link-row:hover .link-row-fill:before{transform:none}.link-row:hover,.link-row:hover :is(.link-row-meta,.link-row-kind,.link-row-arrow){color:#fff}.link-row:hover .link-row-arrow{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.link-row-fill:before,.link-row-arrow{transition:none}}@media (min-width:640px){.link-page{--link-gutter:28px;padding-top:40px}.link-panel{min-height:calc(100vh - 40px);clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%,0 30px);min-height:calc(100lvh - 40px)}.link-header{padding-top:76px}.link-logo-image{width:220px}.link-tagline{margin-top:72px}.link-row{gap:18px;margin-bottom:10px;padding-top:28px;padding-bottom:18px}.link-row-arrow{display:block}.link-row-name{font-size:20px}.link-row-meta,.contact-intro,.contact-error{font-size:12px}}.contact-button{z-index:1;box-sizing:border-box;background-color:var(--link-accent);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);color:#141413;width:100%;min-height:64px;font-family:var(--link-display);letter-spacing:-.01em;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-wrap:wrap;place-content:center;align-items:baseline;gap:0 .6em;padding:16px 20px;font-size:clamp(12px,3.7vw,18px);line-height:1.1;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.contact-button-chevrons{flex:none;width:auto;height:.7em}.contact-button-chevrons-back{transform:scaleX(-1)}.contact-button:disabled{opacity:.6;cursor:default}.contact-button:focus-visible{outline-offset:-6px;outline:2px solid #141413}.contact-button:active:not(:disabled){background-color:var(--link-text);color:#141413}@media (hover:hover){.contact-button:hover:not(:disabled){background-color:var(--link-text)}}.contact-callout{width:auto;margin:40px var(--link-gutter) 0}.contact{z-index:1;padding:56px var(--link-gutter) 0;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.contact-back{color:var(--link-text);background-color:#e3e3e31f;margin-top:14px}.contact-back:focus-visible{outline-color:var(--link-text)}@media (hover:hover){.contact-back:hover{background-color:var(--link-text);color:#141413}}.contact-input:focus-visible{outline:2px solid var(--link-text);outline-offset:2px}.contact-logo{width:110px;height:auto;margin-top:48px;display:block}.contact-title{font-family:var(--link-display);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(22px,7vw,32px);font-weight:400;line-height:1.08}.contact-intro{color:var(--link-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:16px 0 0;font-size:clamp(9px,3vw,11px);font-weight:500;line-height:1.5}.contact-form{flex-direction:column;gap:20px;width:100%;margin-top:32px;display:flex}.contact-label-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.contact-code-close{text-align:left;align-self:flex-start;margin-top:20px}.contact-field{text-align:left;flex-direction:column;gap:8px;display:flex}.contact-label{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.contact-label:before{content:"| ";color:var(--link-accent)}.contact-input{box-sizing:border-box;width:100%;min-height:48px;color:var(--link-text);font:inherit;-webkit-appearance:none;appearance:none;background-color:#141413b3;border:1px solid #e3e3e34d;border-radius:0;padding:12px 14px;font-size:16px}.contact-input:focus{border-color:var(--link-accent)}.contact-input:-webkit-autofill{-webkit-text-fill-color:var(--link-text);caret-color:var(--link-text);box-shadow:inset 0 0 0 100px #1a1a19}.contact-textarea{resize:vertical;min-height:150px;line-height:1.5;display:block}.contact-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-error{color:var(--link-accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500;line-height:1.5}.contact-sent{margin-top:28px}.contact-sent .contact-intro{white-space:normal;overflow-wrap:anywhere}.contact-sent-heading{color:var(--link-accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.admin-page{--admin-accent:#ff3a2f;--admin-border:#fff3;min-height:100vh;box-sizing:border-box;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;padding:24px 14px 64px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:500}.admin-panel{width:100%;max-width:640px;margin:0 auto}.admin-header{align-items:center;gap:8px;margin-bottom:24px;display:flex}.admin-heading{flex:1;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.admin-login{flex-direction:column;gap:16px;max-width:320px;margin:20vh auto 0;display:flex}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field-label{font-size:13px}.admin-input{box-sizing:border-box;border:1px solid var(--admin-border);width:100%;min-height:40px;color:inherit;font:inherit;background-color:#ffffff0d;border-radius:8px;padding:8px 12px}:is(.admin-input:focus-visible,.admin-button:focus-visible,.admin-row-thumb:focus-within){outline-offset:2px;outline:2px solid #fff}.admin-button{box-sizing:border-box;border:1px solid var(--admin-border);min-height:40px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background-color:#0000;border-radius:20px;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;transition:background-color 75ms;display:inline-flex}.admin-button:hover:not(:disabled){background-color:#ffffff12}.admin-button:disabled{opacity:.4;cursor:default}.admin-button-primary{border-color:var(--admin-accent);font-weight:600}.admin-button-icon{flex:none;width:40px;padding:0}.admin-button-danger:hover:not(:disabled){border-color:var(--admin-accent);color:var(--admin-accent)}.admin-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.admin-row{border:1px solid var(--admin-border);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.admin-row-order{flex-direction:column;align-items:center;gap:4px;display:flex}.admin-row-position{opacity:.6;font-size:12px}.admin-row-thumb{cursor:pointer;border-radius:4px;flex:none;width:64px;height:36px;position:relative;overflow:hidden}.admin-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.admin-row-thumb-empty{box-sizing:border-box;border:1px dashed var(--admin-border);border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.admin-row-file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.admin-row-fields{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.admin-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:24px;display:flex}.admin-message{margin:16px 0 0;line-height:1.5}.admin-message-error{color:var(--admin-accent)}.admin-guide{border:1px solid var(--admin-border);border-radius:8px;margin-bottom:24px}.admin-guide-summary{cursor:pointer;padding:12px 16px;font-weight:600}.admin-guide-summary:focus-visible{outline-offset:2px;outline:2px solid #fff}.admin-guide-body{padding:0 16px 16px;line-height:1.5}.admin-guide-body p{margin:0 0 12px}.admin-guide-body ul{margin:0 0 12px;padding-left:20px}.admin-guide-body li{margin-bottom:4px}.admin-guide-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.admin-guide-heading{margin:16px 0 8px;font-size:14px;font-weight:600}.admin-guide-code{-webkit-user-select:all;user-select:all;background-color:#ffffff0d;border-radius:8px;margin:0 0 12px;padding:12px;overflow-x:auto}.r3f,.r3f canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.r3f canvas{display:block}:is(html:has(.fullscreen-page),body:has(.fullscreen-page)){overscroll-behavior:none;overflow:hidden}.fullscreen-page{min-height:100vh;height:100vh;min-height:100dvh;height:100dvh;position:relative;overflow:hidden}.renderer-badge{z-index:1000;color:#fff;pointer-events:none;font-family:monospace;font-size:13px;line-height:1.6;position:absolute;top:10px;right:10px}.sandbox-notice{z-index:1000;color:#fff;text-align:center;pointer-events:none;background:#000000b3;border:1px solid #ffffff40;border-radius:6px;max-width:min(90vw,420px);padding:16px 20px;font-family:monospace;font-size:13px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
