@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&family=Space+Mono&display=swap');
:root{color-scheme:dark;--bg:#08090a;--ink:#e5e2db;--muted:#a3a5a3;--accent:#c4d4d7;--wine:#9a5559;--line:#c8c8bf29}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 4px);opacity:.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{margin:0 4.5%;height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{text-decoration:none;color:var(--ink);font:500 27px 'Cormorant Garamond',Georgia,serif;letter-spacing:4px}.brand b{font-size:45px;font-weight:500;letter-spacing:-3px;margin-right:13px;color:#d6dcdb}.brand span{display:block;font:10px 'Space Mono',monospace;letter-spacing:1.7px;color:#a3a6a6;margin-top:7px}header button{border:0;border-bottom:1px solid #7b5355;background:none;padding:13px 0;font-size:14px}header button span{margin-left:25px;color:#b78080}main{height:calc(100svh - 190px);min-height:770px;position:relative;overflow:hidden}.intro{position:absolute;left:4.5%;top:50px;z-index:2;pointer-events:none}.eyebrow{font:11px 'Space Mono',monospace;letter-spacing:2px;color:#b17c7e}h1{font:400 clamp(54px,5.8vw,88px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;margin:34px 0 27px}h1 em{font-weight:400;color:#b9c5c5}.intro>p:last-of-type{font-size:15px;line-height:1.8;color:#aaaeac}.universe-art{display:block;width:clamp(210px,24vw,335px);height:auto;margin-top:35px;filter:grayscale(1) contrast(1.25) brightness(.62);opacity:.75;border:1px solid #79807d44;box-shadow:0 10px 35px #0008}#universe{position:absolute;inset:0;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 65% 49%,#5c6e7420,transparent 49%),radial-gradient(ellipse at 90% 82%,#4a14131c,transparent 45%)}#universe:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}#nodes{position:absolute;inset:0;pointer-events:none}.node{position:absolute;pointer-events:auto;white-space:nowrap;transform:translate(-12px,-24px);padding:16px 16px 16px 28px;border:0;background:none;text-align:left;font:500 21px 'Cormorant Garamond',Georgia,serif;letter-spacing:.3px;color:#e2e5df;text-shadow:0 2px 10px #000,0 0 20px #000}.node:before{content:'';position:absolute;left:4px;top:24px;width:6px;height:6px;background:#e6eeeb;border-radius:50%;box-shadow:0 0 9px #c9e0e7,0 0 29px #a9c2ca99}.node small{display:block;font:10px 'Space Mono',monospace;letter-spacing:1px;color:#adb5b5;margin-top:6px}.node:hover{color:#fff}.node:hover:before{box-shadow:0 0 0 7px #c3d2d316,0 0 35px #d5e8ea}.map-meta{position:absolute;left:4.5%;bottom:81px;font:11px/2.3 'Space Mono',monospace;letter-spacing:1px;pointer-events:none}.cross{color:#a16a6c;font-size:20px;margin-right:8px}.muted{color:var(--muted)}.map-meta .muted{padding-left:28px;font-size:10px}.tools{position:absolute;right:4.5%;bottom:76px;display:flex;gap:2px;border:1px solid var(--line);background:#0b0e0ee6;padding:5px}.tools button{width:38px;height:38px;border:0;background:none;font-size:21px}.tools button:hover{background:#292a29}.instructions{position:absolute;bottom:26px;width:100%;text-align:center;font:10px 'Space Mono',monospace;letter-spacing:1.4px;color:#a6acaa;pointer-events:none}.instructions span{margin:0 15px;color:var(--wine)}footer{height:72px;margin:0 4.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:10px 'Space Mono',monospace;letter-spacing:1px;color:#a4a6a1}.demo i{display:inline-block;background:var(--wine);width:4px;height:4px;margin:0 10px}.demo{color:#b9bfba}aside{position:absolute;z-index:5;right:4.5%;top:20px;width:340px;padding:25px;background:#101212fa;border:1px solid #62655b66;box-shadow:0 20px 90px #000a}.index-top{display:flex;align-items:center;justify-content:space-between;font:12px 'Space Mono',monospace}.index-top button,.close{border:0;background:none;font-size:28px}aside p{font-size:14px}#trackList button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:20px 0;text-align:left;font:500 24px 'Cormorant Garamond',Georgia,serif}#trackList button:hover{color:#b98181}#trackList button span{font:12px 'Space Mono',monospace;color:#a9b7b9}dialog{background:linear-gradient(145deg,#181b1b,#0b0d0d);color:var(--ink);border:1px solid #696e645e;border-top:2px solid #7b4549;padding:38px;max-width:480px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 20px 150px #000d}dialog::backdrop{background:#020303bd;backdrop-filter:blur(9px)}.close{position:absolute;right:20px;top:14px}.memory-orbit{font:400 76px 'Cormorant Garamond',Georgia,serif;letter-spacing:-7px;text-align:center;color:#9aa9aa;padding:10px 0 25px;text-shadow:0 0 40px #b4bfc327}h2{font:400 48px 'Cormorant Garamond',Georgia,serif;margin:14px 0}#memoryText{font-size:16px;line-height:1.7;color:#b4b8b5}.audio-note{font-size:14px;color:#a5aca8;border-top:1px solid var(--line);padding-top:20px;margin:27px 0 18px}.next{border:1px solid #844e52;background:#48262a;color:#eee7df;width:100%;padding:16px;display:flex;justify-content:space-between;font-size:14px}.next:hover{background:#63353b}#memoryLinks:not([hidden]){display:grid;gap:10px;margin:24px 0}#memoryLinks a{padding:15px 17px;border:1px solid #6a777466;background:#c4d4d705;color:#d4dfdc;text-decoration:none;font-size:15px;line-height:1.5}#memoryLinks a:hover{background:#c4d4d712;border-color:#bdc7c4}
@media(max-width:700px){header{height:100px}.brand{font-size:18px;letter-spacing:2px}.brand b{font-size:32px;margin-right:7px}.brand span{font-size:8px;letter-spacing:.7px}header button{font-size:13px}header button span{margin-left:9px}main{height:calc(100svh - 165px);min-height:760px}.intro{top:26px;width:91%}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:54px;margin:24px 0 19px;max-width:68%}.intro>p:last-of-type{font-size:14px;max-width:75%}.universe-art{position:absolute;right:0;top:40px;width:29%;margin:0;opacity:.6}.node{font-size:19px}.node small{font-size:9px;letter-spacing:.5px}.map-meta{bottom:85px;font-size:9px}.map-meta .muted{font-size:8px;padding-left:0}.tools{bottom:80px}.tools button{width:30px;height:32px}.instructions{font-size:9px;letter-spacing:.2px;bottom:30px}.instructions span{margin:0 6px}footer{height:65px;font-size:9px;gap:10px}footer>span:first-child{display:none}aside{width:91%;right:4.5%}dialog{padding:28px}.memory-orbit{font-size:55px;padding-bottom:16px}}
@media(max-width:380px){.universe-art{display:none}h1,.intro>p:last-of-type{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* The studio ident: silver type, deep space, and restrained light. */
:root{--bg:#030405;--ink:#e6e7e8;--muted:#a7acb1;--accent:#d4e0e8;--wine:#ccd5df;--line:#d8e2ed24}
body:after{display:none}#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}header,main,footer{position:relative}header{height:132px}.brand{display:block}.wordmark{display:block;width:310px;height:auto}.brand span{font-size:9px;letter-spacing:2px;text-align:center;margin-top:1px;color:#9da5ad}header button{border-color:#b6c4d54d}header button span,.eyebrow,.cross{color:#bac7d3}.intro{top:42px}h1{font-weight:400;letter-spacing:-1.5px}h1 em{color:#d4dde3}.intro>p:last-of-type{color:#aab2ba}.ident{margin:32px 0 0;width:clamp(250px,27vw,370px);pointer-events:auto}.ident video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#030405;border:1px solid #c4d5e923;border-radius:2px}.ident figcaption{display:flex;justify-content:space-between;gap:12px;font:8px 'Space Mono',monospace;letter-spacing:1.2px;margin-top:12px;color:#aeb8c2}.ident figcaption span{color:#7d8994}#universe{background:radial-gradient(ellipse at 65% 49%,#8aafcf0d,transparent 48%)}.node{color:#e4e9ed}.node small{color:#acb9c5}.tools{background:#06090ddc;border-color:#c6d8ea30}.tools button:hover{background:#d1deeb13}aside{background:#080b10f5;border-color:#c1d0e333}#trackList button:hover{color:white}dialog{background:linear-gradient(145deg,#11171f,#040608);border-color:#b1c4d333;border-top:1px solid #d8e2ee66}.next{background:#c2d4e00a;border-color:#d4dfeb55;color:#e4eaf0}.next:hover{background:#c2d4e01a}.memory-orbit{letter-spacing:0;color:#d3dce5}.instructions{color:#9cabb9}footer{color:#909eac}.demo{color:#b6c3cf}main{min-height:800px}
@media(max-width:700px){header{height:112px}.wordmark{width:205px}.brand span{font-size:7px;letter-spacing:.7px}.intro{top:25px}h1{font-size:52px;max-width:100%;margin-top:22px}.intro>p:last-of-type{max-width:100%}.ident{width:180px;margin-top:18px}.ident figcaption{font-size:7px;letter-spacing:.5px}.ident figcaption span{display:none}main{min-height:940px}header button{font-size:12px}.map-meta{bottom:88px}}
@media(prefers-reduced-motion:no-preference){.wordmark{animation:wordmark-enter .9s cubic-bezier(.16,1,.3,1) both}@keyframes wordmark-enter{from{opacity:0;transform:translateX(-30px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}}