:root{--bg:#020305;--text:#f1f1efd6;--muted:#f1f1ef7a;--faint:#f1f1ef4d;--line:#f1f1ef1a;--sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;min-height:100%}html{color-scheme:dark}body{min-height:100dvh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}#space{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.film{z-index:1;pointer-events:none;background:radial-gradient(circle at 52% 42%,#0000 0 34%,#0000001a 72%,#00000061 100%),linear-gradient(#ffffff02,#0000 20% 82%,#0000001a);position:fixed;inset:0}.landing{z-index:2;pointer-events:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(3rem,8vw,9rem);width:min(78rem,100%);min-height:100dvh;margin:0 auto;padding:clamp(4rem,8vw,7rem) clamp(1.5rem,6.5vw,7rem);display:grid;position:relative}.identity,.work{pointer-events:auto}.identity{width:min(28rem,100%)}h1{color:var(--text);letter-spacing:-.052em;font-size:clamp(2.1rem,4vw,3.55rem);font-weight:500;line-height:.98}.role{max-width:26rem;color:var(--muted);letter-spacing:.015em;margin-top:.72rem;font-size:clamp(.78rem,.9vw,.88rem);font-weight:400;line-height:1.5}.links{flex-wrap:wrap;gap:1.45rem;margin-top:1.9rem;display:flex}.links a,.all{color:var(--faint);letter-spacing:.015em;font-size:.77rem;font-weight:450;text-decoration:none;transition:color .18s;position:relative}.links a:after,.all:after{content:"";background:currentColor;height:1px;transition:right .18s;position:absolute;bottom:-.3rem;left:0;right:100%}.links a:hover,.links a:focus-visible,.all:hover,.all:focus-visible{color:#f1f1efc7}.links a:hover:after,.links a:focus-visible:after,.all:hover:after,.all:focus-visible:after{right:0}.links a:focus-visible,.all:focus-visible,.projects a:focus-visible{outline:none}.work{width:100%;max-width:38rem}.work-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.85rem;display:flex}.work h2{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:500}.projects{list-style:none}.projects li{border-bottom:1px solid var(--line)}.projects a{color:inherit;grid-template-columns:minmax(6.5rem,.35fr) minmax(0,1fr);align-items:baseline;gap:1.25rem;padding:.95rem 0;text-decoration:none;display:grid}.project-name{color:var(--text);letter-spacing:.01em;font-size:.84rem;font-weight:500;transition:color .18s}.project-desc{color:var(--muted);font-size:.78rem;line-height:1.5;transition:color .18s}.projects a:hover .project-name,.projects a:focus-visible .project-name{color:#f1f1ef}.projects a:hover .project-desc,.projects a:focus-visible .project-desc{color:#f1f1efa3}@media (width<=900px){.landing{grid-template-columns:1fr;align-items:start;gap:3.5rem;width:min(40rem,100%);min-height:100dvh;padding-top:clamp(4.5rem,12vh,7rem);padding-bottom:4rem}.identity{width:100%}.work{max-width:none}}@media (width<=640px){.landing{padding-top:4.5rem;padding-right:1.5rem;padding-bottom:max(3rem, env(safe-area-inset-bottom));padding-left:1.5rem}h1{font-size:clamp(2.2rem,11vw,3.15rem)}.role{margin-top:.65rem}.links{margin-top:1.65rem}.projects a{grid-template-columns:1fr;gap:.25rem;padding:1rem 0}}@media (prefers-reduced-motion:reduce){.links a,.links a:after,.all,.all:after,.project-name,.project-desc{transition:none}}