:root{--bg:#1c1c1e;--ink:#ece8dd;--ink-soft:#ece8dda8;--line:#ece8dd38;--line-strong:#ece8ddb3;--inset:clamp(12px, 1.8vw, 24px);--gutter:clamp(16px, 2.4vw, 32px);--display:"Syne", "Helvetica Neue", Arial, sans-serif;--body:"Manrope", "Helvetica Neue", Arial, sans-serif;--fx:50%;--fy:50%}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}body:not(:has(.static)){overflow:hidden}#root:not(:has(.static)){position:fixed;inset:0}h1,h2,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.focus{pointer-events:none;background:radial-gradient(circle at var(--fx) var(--fy), transparent 22vmax, #0e0e0f61 70vmax);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:radial-gradient(circle at var(--fx) var(--fy), transparent 16vmax, #000 46vmax);-webkit-mask-image:radial-gradient(circle at var(--fx) var(--fy), transparent 16vmax, #000 46vmax);mask-image:radial-gradient(circle at var(--fx) var(--fy), transparent 16vmax, #000 46vmax);position:fixed;inset:0}.frame{inset:var(--inset);border:1px solid var(--line-strong);pointer-events:none;border-radius:8px;position:fixed}.nav{top:var(--inset);left:var(--inset);right:var(--inset);padding:18px var(--gutter);z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;display:grid;position:fixed}.mark{font-family:var(--display);justify-self:start;font-size:20px;font-weight:600}.nav nav{gap:6px;display:flex}.nav nav button,.nav nav a{color:var(--ink-soft);border-radius:3px;padding:4px 10px;text-decoration:none;transition:color .4s,background .4s}.nav nav button:hover,.nav nav a:hover{color:var(--ink)}.nav nav button.on{background:var(--ink);color:var(--bg)}.pill{border:1px solid var(--line-strong);border-radius:999px;justify-self:end;padding:6px 16px;text-decoration:none;transition:background .4s,color .4s}.pill:hover{background:var(--ink);color:var(--bg)}.panel{z-index:2;opacity:0;visibility:hidden;pointer-events:none;text-shadow:0 1px 28px #000000b3;transition:opacity .9s,visibility .9s;position:fixed}.panel.show{opacity:1;visibility:visible;transition-delay:.35s}.panel.show a{pointer-events:auto}.hero{inset:0}.side{position:absolute;top:44%;transform:translateY(-50%)}.side.first{text-align:right;right:calc(50% + 16vh)}.side.last{text-align:left;left:calc(50% + 16vh)}.name{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(30px,3.9vw,68px);font-weight:500;line-height:1.1}.identity,.track-title{font-family:var(--display);white-space:nowrap;font-size:clamp(17px,1.55vw,26px);font-weight:500;line-height:1.2}.identity{margin-top:14px}.focus{white-space:nowrap;justify-content:flex-end;gap:16px;margin-top:6px;display:flex}.focus,.track-detail{color:var(--ink-soft);font-size:13px}.school{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:16px;font-size:11px}.tracks li+li{margin-top:22px}.track-detail{margin-top:4px}.statement{left:50%;bottom:calc(var(--inset) + 64px);width:min(54ch, 100% - 2 * (var(--inset) + var(--gutter)));text-align:center;font-size:13.5px;line-height:1.55;position:absolute;transform:translate(-50%)}.statement p+p{color:var(--ink-soft);margin-top:6px}.project{width:min(400px,34vw);top:50%;transform:translateY(-50%)}.project.right{right:9vw}.project.left{left:9vw}.panel-index{font-family:var(--display);color:var(--ink-soft);font-size:18px}.panel-title{font-family:var(--display);letter-spacing:-.02em;margin-top:10px;font-size:clamp(34px,4.4vw,64px);font-weight:500;line-height:1.02}.panel-blurb{max-width:34ch;color:var(--ink-soft);margin-top:18px}.tags{flex-wrap:wrap;gap:8px;margin-top:20px;font-size:12px;display:flex}.tags li{border:1px solid var(--line);border-radius:999px;padding:3px 10px}.text-link{border-bottom:1px solid var(--line-strong);margin-top:26px;padding-bottom:3px;font-size:13px;text-decoration:none;transition:border-color .4s,opacity .4s;display:inline-block}.text-link:hover{opacity:.7}.bar{left:var(--inset);right:var(--inset);bottom:var(--inset);padding:0 var(--gutter) 18px;z-index:3;position:fixed}.bar-row{color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;display:flex}.bar-row a{text-decoration:none}.bar-row a:hover{color:var(--ink)}.hint-touch{display:none}.bar-row>:first-child,.bar-row>.hint-touch,.bar-row>a{flex:1}.bar-row>a{text-align:right}.pipeline{color:var(--ink);white-space:nowrap;gap:10px;font-size:12px;display:flex}.pipeline li+li:before{content:"→";color:var(--ink-soft);margin-right:10px}@media (aspect-ratio<=11/10){.side{left:calc(var(--inset) + var(--gutter));right:calc(var(--inset) + var(--gutter));text-align:center;transform:none}.side.first{top:11vh;right:calc(var(--inset) + var(--gutter));text-align:center}.side.last{top:58vh;left:calc(var(--inset) + var(--gutter));text-align:center}.name{font-size:clamp(30px,9vw,52px)}.focus{justify-content:center;gap:10px;font-size:12px}.school{margin-top:8px}.tracks li+li{margin-top:10px}.statement{bottom:calc(var(--inset) + 56px);font-size:12px}.pipeline{display:none}.project,.project.left,.project.right{top:auto;left:calc(var(--inset) + var(--gutter));right:calc(var(--inset) + var(--gutter));width:auto;bottom:132px;transform:none}.panel-blurb{margin-top:10px}.tags,.text-link{margin-top:14px}.nav nav{display:none}.nav{grid-template-columns:1fr 1fr}}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}.focus{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.panel,.panel.show{transition-duration:10ms;transition-delay:0s}}.static{max-width:880px;margin:0 auto;padding:72px 24px}.static-hero{text-align:center}.static-hero img{filter:grayscale();width:240px}.static-hero h1{font-family:var(--display);margin-top:24px;font-size:56px;font-weight:500}.name-role{color:var(--ink-soft);margin-top:6px}.static-statement{max-width:54ch;color:var(--ink-soft);margin:20px auto 0}.static-hero .tags{justify-content:center}.static-project{grid-template-columns:240px 1fr;align-items:center;gap:32px;margin-top:72px;display:grid}.static-project img{width:100%}.static-contact{text-align:center;flex-direction:column;align-items:center;margin-top:96px;display:flex}@media (width<=640px){.static-project{grid-template-columns:1fr}}.contact-title{font-family:var(--display);font-size:48px;font-weight:500}.contact-mail{margin-top:20px}