:root{--void:#05060A;--void-2:#0A0C14;--mist:#D2DAEA;--ghost:#727C93;--hair:rgba(210,218,234,.12);--bay:#35E0B0;--ember:#FF7A5C;--ripple:#5CC8FF;--dome:#B98CFF;--xr:#E8C15A;--accent:var(--bay);--accent-soft:rgba(53,224,176,.14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--mist);font-family:Instrument Sans,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}#field{position:fixed;inset:0;z-index:0;display:block}#veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,transparent 40%,rgba(5,6,10,.55) 100%),radial-gradient(90% 60% at 50% 115%,var(--accent-soft),transparent 60%);transition:background 1.2s ease}.wrap{position:relative;z-index:2}.mono{font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ghost)}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}header.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,6rem);max-width:1240px;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:.9rem;margin-bottom:clamp(1.4rem,4vh,2.6rem);opacity:0;animation:rise .9s .1s ease forwards}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px 2px var(--accent);transition:background 1.2s ease,box-shadow 1.2s ease}h1.title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(3.2rem,11vw,9.5rem);line-height:.94;letter-spacing:-.01em;color:#f3f6fc}h1.title em{font-style:italic;color:var(--accent);transition:color 1.2s ease}.title-line{overflow:hidden}.title-line span{display:block;opacity:0;transform:translateY(105%);animation:reveal 1.1s cubic-bezier(.16,1,.3,1) forwards}.title-line:nth-child(1) span{animation-delay:.22s}.title-line:nth-child(2) span{animation-delay:.36s}.lede{max-width:52ch;margin-top:clamp(1.6rem,4vh,2.4rem);font-size:clamp(1.02rem,1.7vw,1.28rem);color:var(--mist);opacity:0;animation:rise 1s .7s ease forwards}.lede b{color:#f3f6fc;font-weight:600}.scrollcue{margin-top:clamp(2.4rem,7vh,4rem);display:flex;align-items:center;gap:.8rem;opacity:0;animation:rise 1s .95s ease forwards}.scrollcue .rule{width:56px;height:1px;background:var(--accent);transform-origin:left;animation:grow 1.4s 1.1s cubic-bezier(.16,1,.3,1) forwards;transform:scaleX(0);transition:background 1.2s ease}.band{max-width:1240px;margin:0 auto;padding:clamp(2rem,7vh,5rem) clamp(1.5rem,5vw,6rem) 0;display:flex;align-items:center;gap:1.2rem}.band .hr{flex:1;height:1px;background:var(--hair)}main{max-width:1240px;margin:0 auto;padding:0 clamp(1.5rem,5vw,6rem)}.work{padding:clamp(3.5rem,11vh,8.5rem) 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem}.work:last-of-type{border-bottom:0}.work .idx{font-family:Space Mono,monospace;font-size:.74rem;letter-spacing:.2em;color:var(--ghost);display:flex;gap:.7rem;align-items:baseline}.work .idx b{color:var(--w-accent);font-weight:700}.work h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.6rem,7.5vw,6rem);line-height:.98;letter-spacing:-.015em;color:#f3f6fc;margin-top:.2rem}.work h2 .glow{color:var(--w-accent);text-shadow:0 0 34px color-mix(in srgb,var(--w-accent) 55%,transparent)}.work .kicker{font-family:Space Mono,monospace;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--w-accent);margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.35rem .9rem}.work .kicker span{position:relative}.work .kicker span:not(:last-child):after{content:"·";position:absolute;right:-.6rem;color:var(--ghost)}.work .body{max-width:60ch;font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--mist);margin-top:.6rem}.work .body b{color:#f3f6fc;font-weight:600}.work ul{list-style:none;margin-top:.4rem;max-width:64ch}.work li{font-family:Space Mono,monospace;font-size:.82rem;line-height:1.5;letter-spacing:.01em;color:var(--ghost);padding-left:1.5rem;position:relative;margin:.5rem 0}.work li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:1px;background:var(--w-accent);opacity:.85;box-shadow:0 0 10px 0 var(--w-accent);transform:rotate(45deg)}.work li b{color:var(--mist);font-weight:400}.work .foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.4rem}.work .meta{font-family:Space Mono,monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ghost)}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.repo{display:inline-flex;align-items:center;gap:.7rem;font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.08em;color:#f3f6fc;padding:.72rem 1.15rem;border:1px solid var(--w-accent);border-radius:2px;background:color-mix(in srgb,var(--w-accent) 8%,transparent);transition:background .35s ease,transform .35s ease,box-shadow .35s ease}.repo:hover{background:color-mix(in srgb,var(--w-accent) 20%,transparent);box-shadow:0 0 30px -6px var(--w-accent);transform:translateY(-2px)}.repo.play{background:var(--w-accent);color:#05060a;font-weight:700;border-color:var(--w-accent)}.repo.play:hover{background:var(--w-accent);box-shadow:0 0 34px -4px var(--w-accent)}.repo .arw{transition:transform .35s ease}.repo:hover .arw{transform:translate(4px,-4px)}.work .media{position:relative;margin-top:1.4rem;border-radius:6px;overflow:hidden;border:1px solid var(--hair);background:var(--void-2);box-shadow:0 24px 60px -30px color-mix(in srgb,var(--w-accent) 40%,transparent)}.work .media video,.work .media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.work .media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px -20px color-mix(in srgb,var(--w-accent) 45%,transparent)}.work .media .cap{position:absolute;left:0;bottom:0;right:0;padding:.7rem .95rem;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);background:linear-gradient(transparent,#05060ad1)}.gallery{margin-top:1.6rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.piece{position:relative;border:1px solid var(--hair);border-radius:6px;overflow:hidden;background:var(--void-2);display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.piece:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--p-accent) 55%,var(--hair));box-shadow:0 26px 54px -30px color-mix(in srgb,var(--p-accent) 70%,transparent)}.piece .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000}.piece .thumb video,.piece .thumb img{display:block;width:100%;height:100%;object-fit:cover}.piece .thumb:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px -18px color-mix(in srgb,var(--p-accent) 55%,transparent)}.piece .txt{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.piece .ptag{font-family:Space Mono,monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--p-accent)}.piece h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1.05;color:#f3f6fc}.piece p{font-size:.92rem;color:var(--mist);line-height:1.5}.piece .plink{margin-top:auto;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.08em;color:var(--p-accent);display:inline-flex;align-items:center;gap:.45rem}.piece .plink .arw{transition:transform .3s ease}.piece:hover .plink .arw{transform:translate(3px,-3px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}footer{max-width:1240px;margin:0 auto;padding:clamp(3.5rem,10vh,7rem) clamp(1.5rem,5vw,6rem) clamp(3rem,8vh,5rem)}footer .big{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.8rem,4.5vw,3.4rem);line-height:1.05;color:#f3f6fc;max-width:22ch}footer .big em{font-style:italic;color:var(--accent);transition:color 1.2s ease}.links{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.2rem}.links a{font-family:Space Mono,monospace;font-size:.82rem;letter-spacing:.1em;color:var(--mist);display:inline-flex;align-items:center;gap:.55rem;padding-bottom:.35rem;border-bottom:1px solid var(--hair);transition:color .3s ease,border-color .3s ease}.links a:hover{color:var(--accent);border-color:var(--accent)}.colophon{margin-top:3rem;max-width:64ch}.colophon p{font-family:Space Mono,monospace;font-size:.72rem;line-height:1.9;letter-spacing:.03em;color:var(--ghost)}.colophon a{color:var(--mist);border-bottom:1px solid var(--hair);transition:color .3s,border-color .3s}.colophon a:hover{color:var(--accent);border-color:var(--accent)}@keyframes reveal{to{opacity:1;transform:none}}@keyframes rise{to{opacity:1;transform:none}}@keyframes grow{to{transform:scaleX(1)}}@media(max-width:640px){h1.title{font-size:clamp(3rem,15vw,5rem)}.work li{font-size:.78rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.title-line span,.eyebrow,.lede,.scrollcue,.reveal{opacity:1;transform:none}.scrollcue .rule{transform:scaleX(1)}}