*{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}.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)}.menu-button.open:hover span:first-child{transform:rotate(0)}.menu-button.open:hover span:last-child{transform:rotate(90deg)}.hero{width:100%;height:75vh;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;display:block}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)}.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-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:3.5;grid-column:span 12}@media (width<=900px){.work-card.layout-3-col,.work-card.layout-2-col,.work-card.layout-1-col-short{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;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:-80px;right:16px}.close-button:hover{opacity:1;transform:rotate(180deg)scale(1.08)}.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}