*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body{background:#000}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:0 0;border:none}.header{z-index:1000;width:100%;height:72px;position:fixed;top:0;left:0}.logo{letter-spacing:.16em;user-select:none;font-size:24px;font-weight:500;position:absolute;top:26px;left:32px}.menu-button{cursor:pointer;background:0 0;border:none;width:26px;height:18px;padding:0;display:block;position:absolute;top:28px;right:32px}.menu-button span{transform-origin:50%;background:#fff;width:100%;height:2px;transition:top .35s cubic-bezier(.22,.61,.36,1),bottom .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1),opacity .35s cubic-bezier(.22,.61,.36,1);position:absolute;left:0}.menu-button span:first-child{top:0}.menu-button span:last-child{bottom:0}@media (hover:hover){.menu-button:hover span:first-child{top:8px}.menu-button:hover span:last-child{bottom:8px}}.menu-button.open span:first-child{top:8px;transform:rotate(45deg)}.menu-button.open span:last-child{bottom:8px;transform:rotate(-45deg)}@media (hover:hover){.menu-button.open:hover span:first-child{transform:rotate(0)}.menu-button.open:hover span:last-child{transform:rotate(90deg)}}main{position:relative}.hero-copy{color:#fff;text-align:center;z-index:2;max-width:720px;padding:40px 24px;position:relative}.hero-copy .eyebrow{letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin-bottom:18px;font-size:13px}.hero-copy h1{margin:0 0 24px;font-size:min(5.25rem,12vw);line-height:.95}.hero-copy .hero-description{opacity:.88;max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.7}.menu-nav a{color:#fff;font-size:40px;font-weight:500;text-decoration:none;transition:opacity .35s,color .35s;position:relative;overflow:hidden}.menu-nav a:hover,.logo:hover{color:#0000;opacity:1;background:linear-gradient(90deg,#4778ff 0%,#27c9ff 20%,#b358ff 45%,#ff7edf 65%,#fff 80%,#5fbcff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-shadow:none;background-clip:text;animation:1.2s infinite gradient-wave}@keyframes gradient-wave{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.menu-toggle{opacity:0;pointer-events:none;position:absolute}.menu-overlay{backdrop-filter:blur(32px);opacity:0;visibility:hidden;z-index:900;background:#00000073;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.menu-toggle:checked~.menu-overlay{opacity:1;visibility:visible}.menu-toggle:checked~header .menu-button span:first-child{top:8px;transform:rotate(45deg)}.menu-toggle:checked~header .menu-button span:last-child{bottom:8px;transform:rotate(-45deg)}@media (hover:hover){.menu-toggle:checked~header .menu-button:hover span:first-child{transform:rotate(135deg)}.menu-toggle:checked~header .menu-button:hover span:last-child{transform:rotate(-135deg)}}.menu-nav{flex-direction:column;gap:18px;display:flex}.works-wrapper{z-index:10;margin-top:0;padding:0 0 80px;position:relative}.works-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;width:100%;padding:0;display:grid}.full{grid-column:span 12}.half{grid-column:span 6}.third{grid-column:span 4}@media (width<=900px){.half,.third{grid-column:span 12}}.work-card{aspect-ratio:16/9;cursor:pointer;position:relative;overflow:hidden}.work-card.layout-hero-col{aspect-ratio:auto;grid-column:span 12;height:82vh}.work-card.layout-3-col{aspect-ratio:16/9;grid-column:span 4}.work-card.layout-2-col{aspect-ratio:16/9;grid-column:span 6}.work-card.layout-1-col-short{aspect-ratio:2.4;grid-column:span 12}.work-card.layout-1-col-tall{aspect-ratio:2;grid-column:span 12}@media (width<=900px){.work-card.layout-3-col,.work-card.layout-2-col,.work-card.layout-1-col-short,.work-card.layout-1-col-tall{aspect-ratio:16/9;grid-column:span 12}}.work-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.work-poster{object-fit:cover;width:100%;height:100%;transition:opacity .35s}.work-card:hover .work-video{opacity:1;transform:scale(1.02)}.work-card:after{content:"";opacity:0;background:linear-gradient(#0000,#00000026,#000000a6);transition:opacity .35s;position:absolute;inset:0}.work-card:hover:after{opacity:1}.work-overlay{opacity:0;z-index:2;flex-direction:column;justify-content:flex-end;padding:28px;transition:opacity .35s;display:flex;position:absolute;inset:0}.work-card:hover .work-overlay{opacity:1}.work-overlay h2{margin:0;font-size:2.3rem;font-weight:700;line-height:1}.work-info span{opacity:.55;font-weight:300}.work-overlay p{opacity:.75;margin-top:8px}.work-poster{object-fit:cover;width:100%;height:100%;transition:opacity 80ms linear;position:absolute;inset:0}.work-poster.hide{opacity:0}.work-video.show{opacity:1}.work-card{border:1px solid #0000;transition:border-color .15s,box-shadow .15s,transform .15s}.work-card.flash{animation:.16s ease-in preview-flash}.work-title-overlay{z-index:5;pointer-events:none;opacity:0;background:0 0;justify-content:center;align-items:center;padding:24px;transition:opacity .35s;display:flex;position:absolute;inset:0}.work-card:hover .work-title-overlay,.work-card.hovered .work-title-overlay{opacity:1}.work-title-text{color:#fff;text-align:center;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 4px 12px #000000b3,0 2px 4px #0006;flex-wrap:wrap;justify-content:center;margin:0;font-size:min(1.15rem,3.5vw);font-weight:500;line-height:1.3;display:flex}.work-title-char{opacity:0;filter:blur(8px);transition:opacity .4s cubic-bezier(.16,1,.3,1),filter .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:inline-block;transform:perspective(400px)rotateY(-90deg)rotateX(30deg)scale(1.4)translateY(-8px)}.work-card:hover .work-title-char,.work-card.hovered .work-title-char{animation:.45s cubic-bezier(.16,1,.3,1) forwards ghost-echo-anim}@keyframes ghost-echo-anim{0%{opacity:0;filter:blur(8px);text-shadow:-12px 0 2px #fff9,12px 0 2px #fff9;transform:scale(1.5)translateY(-6px)}50%{opacity:.8;filter:blur(3px);text-shadow:-4px 0 1px #ffffff4d,4px 0 1px #ffffff4d;transform:scale(.95)translateY(1px)}to{opacity:1;filter:blur();text-shadow:0 0 12px #ffffff26,0 0 4px #ffffff1a;transform:scale(1)translate(0,0)}}@keyframes preview-flash{0%{background-color:#ffffff0d;box-shadow:0 0 #fff0}50%{background-color:#ffffff2e;box-shadow:0 0 #fff0}to{background-color:#fff0;box-shadow:0 0 #fff0}}.project-modal{z-index:9999;backdrop-filter:blur(16px);background:#000000d1;justify-content:center;align-items:flex-start;padding:5vh 0;display:flex;position:fixed;inset:0;overflow-y:auto}.project-content{width:min(1100px,90vw);margin:auto;position:relative}.project-content video{border-radius:16px;width:100%;display:block}.project-info{margin-top:20px}.project-info h1{margin:0;font-size:2.4rem;font-weight:700;line-height:1.05}.project-meta{opacity:.65;margin:14px 0 0;font-size:1rem}.project-venue{opacity:.5;margin:6px 0 40px;font-size:1rem}.project-text{white-space:pre-line;max-width:760px;margin:0 0 36px;font-size:1.02rem;line-height:1.75}.project-materials{margin-top:28px}.project-materials p{opacity:.75;margin:8px 0}.project-collaborators{margin-top:28px}.project-collaborators p{opacity:.8;margin:4px 0;font-style:italic}.close-button{color:#fff;cursor:pointer;opacity:.8;z-index:101;text-shadow:0 2px 8px #0009;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:20px;right:20px}.close-button:hover{opacity:1;color:#0000;background:linear-gradient(90deg,#4778ff 0%,#27c9ff 20%,#b358ff 45%,#ff7edf 65%,#fff 80%,#5fbcff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-shadow:none;background-clip:text;animation:1.2s infinite gradient-wave;transform:rotate(180deg)scale(1.1)}@media (width<=900px){.close-button{width:36px;height:36px;font-size:24px;top:12px;right:12px}}.works-scene{will-change:transform;transition:transform 50ms linear}html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.work-card:hover .work-poster{opacity:0}.works-page-list{width:100%;padding:100px 0}.works-list-item{width:100%;margin-bottom:120px}.works-list-header{margin-bottom:24px;padding:0 5%}.works-list-title{letter-spacing:-.02em;margin:0 0 8px;font-size:2.8rem;font-weight:700;line-height:1.1}.works-list-year{opacity:.6;font-size:1.25rem;font-weight:400}.works-media-scroll{scrollbar-width:none;width:100%;margin:30px 0;overflow:auto hidden}.works-media-scroll::-webkit-scrollbar{display:none}.works-media-track{gap:24px;padding:0 5%;display:flex}.works-video-wrapper{aspect-ratio:16/9;cursor:pointer;border-radius:12px;flex-shrink:0;height:420px;position:relative;overflow:hidden}.works-loop-video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.works-video-wrapper:hover .works-loop-video{transform:scale(1.03)}.works-video-play-overlay{opacity:0;background:#0003;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.works-video-wrapper:hover .works-video-play-overlay{opacity:1}.play-icon{color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-left:4px;font-size:2rem;display:flex}.works-screenshot{object-fit:cover;border-radius:12px;flex-shrink:0;height:420px;transition:transform .5s}.works-screenshot:hover{transform:scale(1.02)}.works-list-desc{box-sizing:border-box;width:100%;max-width:800px;margin:40px auto 0;padding-left:12%}.works-list-text{color:#ffffffe0;white-space:pre-line;margin-bottom:24px;font-size:1.05rem;line-height:1.85}.works-list-materials{opacity:.65;flex-wrap:wrap;gap:12px;font-size:.95rem;display:flex}.project-content.video-only{border-radius:16px;width:min(1000px,90vw);margin:auto;overflow:hidden;box-shadow:0 10px 40px #000c}@media (width<=900px){.works-list-header{margin-top:40px;padding:0 24px}.works-list-title{font-size:2rem}.works-video-wrapper,.works-screenshot{height:260px}.works-media-track{padding:0 24px}.works-list-desc{margin-top:20px;margin-bottom:60px;padding-left:24px;padding-right:24px}}.footer[data-astro-cid-jo6i4kqk]{z-index:10;background:0 0;width:100%;margin-top:auto;padding:60px 0 40px;position:relative}.footer-container[data-astro-cid-jo6i4kqk]{border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:30px 32px 0;display:flex}.footer-links[data-astro-cid-jo6i4kqk]{align-items:center;gap:12px;font-size:.9rem;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#ffffff73;text-decoration:none;transition:color .3s}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:#fff}.footer-sep[data-astro-cid-jo6i4kqk]{color:#ffffff26;font-size:.8rem}.footer-copyright[data-astro-cid-jo6i4kqk]{color:#ffffff4d;margin:0;font-size:.85rem;font-weight:300}@media (width<=640px){.footer[data-astro-cid-jo6i4kqk]{padding:40px 0 30px}.footer-container[data-astro-cid-jo6i4kqk]{padding:24px 24px 0}}.page-shell[data-astro-cid-ju4pidww]{flex-direction:column;min-height:100vh;display:flex}