@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";html,body,#root{background:#050505;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}.fold-title{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;display:inline-block}.fold-title__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fold-title__visual{display:inline}.fold-title__word{white-space:nowrap;display:inline-block}.fold-title__space{white-space:pre}.fold-title__segment{perspective:700px;transform-style:preserve-3d;vertical-align:baseline;display:inline-block}.fold-title__piece{color:inherit;line-height:inherit;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;display:inline-block;position:relative}.fold-title__piece:after{content:"";pointer-events:none;opacity:var(--fold-title-crease,0);mix-blend-mode:multiply;background:linear-gradient(#0000007a,#00000029 42%,#fff3);border-radius:.08em;position:absolute;inset:-.08em -.02em}@media (prefers-reduced-motion:reduce){.fold-title__piece{transform:none!important}.fold-title__piece:after{opacity:0!important}}.depth-carousel{perspective:1300px;perspective-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;width:100%;min-height:clamp(310px,49vw,465px);margin-top:26px;position:relative;overflow:clip}.depth-carousel:focus-visible{outline-offset:5px;outline:1px solid #ffffffa6}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-carousel__card{aspect-ratio:16/9;transform-origin:50%;will-change:transform, opacity, filter;background:#0b0d12;border:1px solid #ffffff57;border-radius:2px;width:min(62vw,580px);padding:0;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 60px -22px #000000d1,0 8px 20px -10px #000000b8}.depth-carousel__card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.depth-carousel__tint{opacity:0;pointer-events:none;mix-blend-mode:multiply;background:#05060a;position:absolute;inset:0}.depth-carousel__arrow{z-index:250;color:#fff;background:#05060aad;border:1px solid #ffffff59;border-radius:50%;width:38px;height:38px;padding:0;font-size:20px;line-height:1;transition:background .2s,border-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:#ffffff29;border-color:#fff}.depth-carousel__arrow--previous{left:14px}.depth-carousel__arrow--next{right:14px}.depth-carousel__dots{z-index:250;background:#05060a8f;border:1px solid #ffffff29;border-radius:999px;gap:7px;padding:7px 10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.depth-carousel__dots button{background:#ffffff61;border-radius:50%;width:6px;height:6px;padding:0;transition:width .2s,background .2s}.depth-carousel__dots button.is-active{background:#fff;border-radius:999px;width:18px}@media (width<=700px){.depth-carousel{min-height:clamp(255px,79vw,350px);margin-top:18px}.depth-carousel__card{width:min(82vw,430px)}.depth-carousel__arrow{width:34px;height:34px}.depth-carousel__arrow--previous{left:8px}.depth-carousel__arrow--next{right:8px}}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dots button{transition:none}}.ferrofluid{pointer-events:none;background:#050505;position:fixed;inset:0;overflow:hidden}.ferrofluid canvas{width:100%;height:100%;display:block}.works-ferrofluid{z-index:0}.works .showcase{z-index:1;position:relative}.nomad-bounce-groups{gap:clamp(28px,5vw,68px);padding:36px 0 20px;display:grid}.bounce-cards{isolation:isolate;width:min(100%,1040px);height:clamp(310px,40vw,470px);margin:0 auto;position:relative}.bounce-card{aspect-ratio:4/5;cursor:zoom-in;will-change:transform;background:#101214;border:1px solid #e6ebf294;border-radius:9px;width:clamp(132px,18vw,238px);padding:0;position:absolute;overflow:hidden;box-shadow:0 14px 32px #0000007a,inset 0 0 0 1px #ffffff0d}.bounce-card:after{content:"";pointer-events:none;background:linear-gradient(150deg,#ffffff2e,#0000 32%,#0000005c);position:absolute;inset:0}.bounce-card img{object-fit:cover;width:100%;height:100%;display:block}.bounce-card span{z-index:1;color:#fff;letter-spacing:.08em;background:#000000b8;padding:3px 5px;font:13px Barlow Condensed,sans-serif;position:absolute;bottom:8px;right:8px}.bounce-card:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (width<=700px){.nomad-bounce-groups{gap:18px;padding-top:26px}.bounce-cards{height:300px}.bounce-card{border-radius:7px;width:clamp(104px,31vw,148px)}}.infinite-spiral{isolation:isolate;width:100%;height:clamp(440px,60vw,680px);margin-top:24px;position:relative;overflow:hidden}.infinite-spiral__stage{transform-style:preserve-3d;position:absolute;inset:0}.infinite-spiral__item{box-shadow:none;cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity, filter;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;top:50%;left:50%;overflow:visible}.infinite-spiral__item img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;height:100%;display:block}.infinite-spiral__item span{color:#fff;letter-spacing:.08em;background:#000000c2;padding:3px 5px;font:13px Barlow Condensed,sans-serif;position:absolute;bottom:7px;right:7px}.infinite-spiral__hint{z-index:100001;color:#ffffffad;letter-spacing:.16em;margin:0;font:12px Barlow Condensed,sans-serif;position:absolute;top:6px;left:0}.infinite-spiral__hint span{margin:0 5px;font-size:15px}@media (width<=700px){.infinite-spiral{height:470px;margin-top:18px}}@media (prefers-reduced-motion:reduce){.infinite-spiral__item{transition:none}}:root{color:#f5f5f5;background:#050505;font-family:Noto Sans SC,Arial,sans-serif}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{background:#050505;min-height:100vh;position:relative;overflow:hidden}.bg{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .8s;position:fixed;inset:0}.bg.bg-ready{opacity:1}.wash{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#000000c7,#06080a40 56%,#00000080);position:fixed;inset:0}header{z-index:4;letter-spacing:.12em;border-bottom:1px solid #ffffff42;justify-content:space-between;width:100%;padding:30px 3.25vw;font-size:12px;display:flex;position:fixed;top:0}header b{letter-spacing:.13em;font-family:Barlow Condensed;font-size:22px}.chapter{z-index:2;align-items:center;min-height:100vh;padding:16vh 7vw 9vh 45vw;display:flex;position:relative}.index,.cue{letter-spacing:.13em;font:14px Barlow Condensed;position:absolute}.index{top:18vh;left:7vw}.cue{bottom:10vh;left:7vw}.cue em{margin-left:12px;font-size:28px;font-style:normal}.copy{width:100%}h1,h2{font-family:Barlow Condensed;font-weight:800}.copy h1,.showcase>h1{letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(72px,10vw,180px);line-height:.78}.copy nav,.showcase nav{border-bottom:1px solid #fff5;gap:20px;padding-bottom:12px;display:flex;overflow-x:auto}.copy nav button,.showcase nav button{white-space:nowrap;opacity:.55;font-size:11px}.copy nav .active,.showcase nav .active{opacity:1}.copy nav .active:after,.showcase nav .active:after{content:"";background:#fff;height:2px;display:block;transform:translateY(13px)}dl{margin:30px 0 0}dl div{border-bottom:1px solid #ffffff45;grid-template-columns:145px 1fr;gap:12px;padding:14px 0;font-size:14px;display:grid}dt{opacity:.65}dd{margin:0}.progress{background:#fff5;width:30vw;height:1px;position:absolute;bottom:6vh;left:7vw}.progress:after{content:"";height:1px;width:var(--p);background:#fff;display:block}.works{padding:0 2.5vw 8vh;overflow:auto}.works .bg{opacity:0}.showcase{padding-top:17vh}.showcase>h1{background:linear-gradient(110deg,#72767a,#fff,#73767a);color:#0000;-webkit-background-clip:text;margin-bottom:24px}.projects article{border-bottom:1px solid #666;grid-template-columns:58% 1fr;gap:28px;padding:25px 0;display:grid}.preview{aspect-ratio:16/8;letter-spacing:.15em;background:linear-gradient(135deg,#111,#35393b,#060606);border:1px solid #777;place-content:center;font:15px Barlow Condensed;display:grid}.preview span{margin-left:10px;font-size:25px}.projects small,.placeholder small{color:#aaa;font-family:Barlow Condensed}.projects h2,.placeholder h2{margin:10px 0 16px;font-size:clamp(28px,3vw,48px);line-height:.95}.projects p,.placeholder p{color:#c6c6c6;font-size:14px;line-height:1.7}.open{letter-spacing:.08em;border:1px solid #aaa;padding:9px 12px;font-size:10px}.placeholder{text-align:center;padding:13vh 0}@media (width<=700px){.bg,.wash{display:none}.app:not(.works){background:radial-gradient(circle at 80% 18%,#353a3e,#0a0a0b 58%)}header{padding:20px 18px}.chapter{align-items:flex-start;padding:125px 18px 75px}.index{top:105px;left:18px}.copy h1,.showcase>h1{font-size:68px;line-height:.84}.copy{margin-top:14vh}.copy nav,.showcase nav{gap:16px}.copy nav button,.showcase nav button{font-size:10px}dl div{grid-template-columns:1fr;gap:4px;font-size:13px}.cue{bottom:65px;left:18px}.progress{width:calc(100% - 36px);bottom:40px;left:18px}.works{padding:0 18px 50px}.showcase{padding-top:120px}.projects article{grid-template-columns:1fr;gap:15px}.placeholder{text-align:left}}.header-actions{gap:22px;display:flex}.header-actions a{color:inherit;font-size:11px;text-decoration:none}.project-video{aspect-ratio:16/8;object-fit:cover;background:#111;border:1px solid #777;width:100%}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:26px;display:grid}.gallery figure{cursor:zoom-in;background:#111;border:1px solid #444;min-height:140px;margin:0;position:relative;overflow:hidden}.gallery figure span{z-index:2;color:#fff;background:#0009;padding:3px 5px;font:12px Barlow Condensed;position:absolute;top:8px;left:8px}.gallery img,.gallery video{object-fit:cover;width:100%;height:100%;min-height:140px;transition:transform .35s;display:block}.gallery figure:hover img,.gallery figure:hover video{transform:scale(1.035)}@media (width<=700px){.header-actions{gap:12px}.header-actions a{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery figure,.gallery img,.gallery video{min-height:120px}}.media-modal{z-index:20;cursor:zoom-out;background:#000e;place-items:center;padding:5vh 5vw;display:grid;position:fixed;inset:0}.media-modal img,.media-modal video{object-fit:contain;cursor:default;max-width:90vw;max-height:86vh}.media-modal button{color:#fff;z-index:1;font-size:42px;line-height:1;position:absolute;top:2vh;right:3vw}@media (width<=700px){.media-modal{padding:4vh 3vw}.media-modal img,.media-modal video{max-width:94vw;max-height:84vh}}.copy nav,.showcase nav{scrollbar-width:none}.copy nav::-webkit-scrollbar{display:none}.showcase nav::-webkit-scrollbar{display:none}.open{color:inherit;text-decoration:none;display:inline-block}.intro{z-index:10;color:#f7f7f7;letter-spacing:-.06em;background:#050505;place-items:center;font:800 clamp(110px,22vw,360px)/.7 Barlow Condensed,sans-serif;animation:.55s 1.05s forwards introOut;display:grid;position:fixed;inset:0}.intro small{letter-spacing:.12em;color:#f1f3f5;text-shadow:0 1px 10px #000;font:600 clamp(14px,1.15vw,20px)/1.3 Barlow Condensed,Noto Sans SC,sans-serif;animation:.8s ease-in-out infinite alternate hintPulse;position:absolute;bottom:13vh}@keyframes introOut{to{opacity:0;visibility:hidden;filter:blur(5px);transform:scale(1.04)}}@keyframes hintPulse{to{opacity:.35;transform:translateY(4px)}}.node-materials nav{border-bottom:1px solid #fff5;gap:14px;padding-bottom:9px;display:flex;overflow:auto}.node-materials nav button{white-space:nowrap;opacity:.6;font-size:11px}.node-materials nav .active{opacity:1}.source-text{white-space:pre-wrap;scrollbar-color:#aaa transparent;border-bottom:1px solid #ffffff35;max-height:175px;padding:14px 8px 14px 0;font-size:12px;line-height:1.7;overflow:auto}.material-rail{gap:10px;padding-top:12px;display:flex;overflow-x:auto}.material-rail button{border:1px solid #ffffff3a;flex:none;padding:0;transition:width .35s,border-color .2s;overflow:hidden}.material-rail button:focus-visible{outline-offset:2px;outline:2px solid #fff}.material-rail img{object-fit:cover;width:150px;height:90px;display:block}.material-rail a{white-space:nowrap;color:inherit;border:1px solid #aaa;align-self:center;padding:10px;font-size:10px;text-decoration:none}.back-to-chapters{color:inherit;letter-spacing:.1em;border:1px solid #8d8d8d;margin:0 0 18px;padding:9px 12px;font:11px Barlow Condensed;text-decoration:none;display:inline-block}.back-to-chapters:hover{color:#000;background:#fff}.course-group{border-bottom:1px solid #555;padding:20px 0}.course-group h2,.poster-groups h2{margin:0 0 12px;font-size:34px}.poster-groups section{border-bottom:1px solid #555;padding:20px 0 36px}.vibe-preview{cursor:zoom-in;margin:0;position:relative}.vibe-preview figcaption{letter-spacing:.12em;background:#000b;padding:5px 7px;font:10px Barlow Condensed;position:absolute;bottom:10px;right:10px}.project-description{white-space:pre-wrap;color:#c6c6c6;scrollbar-color:#aaa transparent;max-height:174px;margin:0 0 18px;padding-right:8px;font-size:13px;line-height:1.7;overflow:auto}@media (width>=701px){.material-rail{overflow:hidden}.material-rail button{width:54px}.material-rail button.is-active,.material-rail button:hover{border-color:#fff;width:220px}.material-rail button img{width:220px;height:112px}}@media (width<=700px){.material-rail button{width:64px}.material-rail button.is-active{border-color:#fff;width:190px}.material-rail button img{width:190px!important;height:112px!important}.bg,.wash{display:none}.app:not(.works){background:radial-gradient(circle at 80% 18%,#353a3e,#0a0a0b 58%)}}.showcase>h1{background-size:230% 100%;animation:5s linear infinite metal-sweep}@keyframes metal-sweep{0%{background-position:160% 0}to{background-position:-70% 0}}@media (prefers-reduced-motion:reduce){.showcase>h1,.intro small{animation:none}}header{align-items:center;gap:24px}.chapter-nav{scrollbar-width:none;flex:1;gap:16px;min-width:0;display:flex;overflow-x:auto}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav button{letter-spacing:.06em;opacity:.55;flex:none;padding:4px 0;font:11px Barlow Condensed,sans-serif}.chapter-nav button.active{opacity:1}.chapter-nav button.active:after{content:"";background:currentColor;height:1px;margin-top:5px;display:block}.showcase nav .back-to-chapters{z-index:6;opacity:1;pointer-events:auto;border:1px solid #8d8d8d;flex:none;position:relative}.showcase nav .back-to-chapters:hover{color:#000;background:#fff}.chapter{align-items:flex-start;padding-top:24vh}.chapter-left{padding-left:7vw;padding-right:45vw}.chapter .copy>h1{margin-bottom:22px}.summary-list{margin:0}.summary-list div{grid-template-columns:145px 1fr}.node-materials{margin-top:10px}.secondary-nav{margin-bottom:16px}.source-text{max-height:min(36vh,280px)}.material-rail button>span,.material-rail a>span{color:#eee;letter-spacing:.04em;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:6px 7px;font:9px/1.2 Barlow Condensed,sans-serif;display:block;overflow:hidden}.material-rail a{flex-direction:column;justify-content:space-between;min-width:150px;padding:0;display:flex}.material-rail a b{letter-spacing:.08em;padding:0 7px 8px;font:9px Barlow Condensed,sans-serif}.projects article{grid-template-columns:minmax(220px,35%) 1fr;align-items:start}.vibe-preview .project-video{aspect-ratio:16/9;height:auto}.project-actions{flex-wrap:wrap;gap:8px;display:flex}.project-description{z-index:1;overscroll-behavior:contain;touch-action:pan-y;cursor:auto;-webkit-user-select:text;user-select:text;position:relative;overflow-y:scroll}.project-actions .open{z-index:2;position:relative}.gallery figure{aspect-ratio:1/.9;min-height:0}.gallery img,.gallery video{min-height:0}.video-gallery figure{aspect-ratio:16/9}.course-gallery figure{aspect-ratio:auto;flex-direction:column;display:flex}.course-gallery figure img{aspect-ratio:16/10}.course-gallery figcaption{color:#dedede;min-height:32px;padding:6px 7px;font:10px/1.25 Noto Sans SC,sans-serif}.poster-groups h3{color:#aaa;letter-spacing:.14em;margin:22px 0 0;font:12px Barlow Condensed,sans-serif}.poster-gallery{align-items:start}.poster-gallery figure{aspect-ratio:auto;background:0 0}.poster-gallery figure img{object-fit:contain;height:auto;min-height:0}.poster-gallery.landscape figure{grid-column:span 2}@media (width<=900px){header{gap:14px}.chapter-nav{background:#060606de;border-bottom:1px solid #ffffff2c;order:3;width:100%;padding:10px 18px;position:absolute;top:100%;left:0}.chapter{padding-top:23vh}}@media (width<=700px){.chapter-nav{padding:9px 18px}.chapter-nav button{font-size:10px}.chapter{padding-top:165px}.summary-list div{grid-template-columns:1fr}.source-text{max-height:30vh}.projects article{grid-template-columns:1fr}.vibe-preview{width:min(100%,360px)}.gallery figure{aspect-ratio:1}.video-gallery figure{aspect-ratio:16/9}.poster-gallery.landscape figure{grid-column:span 2}}@media (width>=701px) and (hover:hover) and (pointer:fine){.index{align-items:center;gap:12px;display:inline-flex}.replay-chapter{color:#ffffffc7;font:inherit;letter-spacing:.12em;border:1px solid #ffffff75;align-items:center;gap:5px;padding:5px 8px;font-size:11px;line-height:1;transition:color .24s,border-color .24s,box-shadow .24s,transform .24s;display:inline-flex}.replay-chapter>span{font-size:15px;line-height:.7;transition:transform .45s cubic-bezier(.22,1,.36,1);display:inline-block}.replay-chapter:hover:not(:disabled),.replay-chapter:focus-visible:not(:disabled){color:#fff;border-color:#fff;outline:none;transform:translateY(-2px);box-shadow:0 8px 22px #ffffff29,inset 0 0 12px #ffffff1a}.replay-chapter:hover:not(:disabled)>span,.replay-chapter:focus-visible:not(:disabled)>span{transform:rotate(360deg)}.replay-chapter:disabled{cursor:wait;opacity:.32}.app.cursor-reveal-active .wash{-webkit-mask-image:radial-gradient(ellipse 162px 140px at calc(var(--cursor-reveal-x) + 5px) calc(var(--cursor-reveal-y) - 3px), transparent 0 6%, #00000006 16%, #00000012 26%, #00000024 36%, #0000003d 46%, #00000061 56%, #00000085 66%, #000000ad 76%, #000000d6 88%, #000 100%);-webkit-mask-image:radial-gradient(ellipse 162px 140px at calc(var(--cursor-reveal-x) + 5px) calc(var(--cursor-reveal-y) - 3px), transparent 0 6%, #00000006 16%, #00000012 26%, #00000024 36%, #0000003d 46%, #00000061 56%, #00000085 66%, #000000ad 76%, #000000d6 88%, #000 100%);mask-image:radial-gradient(ellipse 162px 140px at calc(var(--cursor-reveal-x) + 5px) calc(var(--cursor-reveal-y) - 3px), transparent 0 6%, #00000006 16%, #00000012 26%, #00000024 36%, #0000003d 46%, #00000061 56%, #00000085 66%, #000000ad 76%, #000000d6 88%, #000 100%)}.app:not(.works).cursor-reveal-active:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse 162px 140px at calc(var(--cursor-reveal-x) + 5px) calc(var(--cursor-reveal-y) - 3px), #ffffff1f 0, #ffffff13 16%, #ffffff09 36%, #ffffff03 58%, transparent 78%);mix-blend-mode:screen;position:fixed;inset:0}body,body *{cursor:url(/content/chrome-spike-cursor-shadow-v3.png) 11 4,auto!important}}@media (width<=700px){.replay-chapter{display:none}}