:root{--font-display:"Barlow Semi Condensed", "Arial Narrow", sans-serif;--font-label:"Figtree", system-ui, sans-serif;--font-italic:"Kanit", system-ui, sans-serif;--font-heading:"Anton", Impact, sans-serif;--heading-weight:400;--heading-spacing:2px;--heading-transform:none;--font-title:"Montserrat", "Arial Black", sans-serif;--font-list:"Saira Semi Condensed", "Arial Narrow", sans-serif;--blue:#0a16c8;--blue-deep:#050a7a;--cyan:#22e5ff;--white:#fff;--row-navy:#14175e;--selected-blue:#1a4fe0;--red:#e8112d;--pink-red:#ff2a5f;--near-black:#05051a;--text-light:#bcd8ff;--moon-yellow:#ffe14d;--menu-cyan:#3ce2ff;--p3r-navy:#04073e;--p3r-cyan:#36daf2;--p3r-cyan-light:#9fe9f7;--p3r-select-line:#f01067;--p3r-select-text:#0a0a14;--menu-red:#ff2a2a;--menu-red-dark:#6b0010;--menu-pink:#eb5078d9;--red-grad:linear-gradient(90deg, var(--red), var(--pink-red));--shadow-hard:6px 6px 0 var(--near-black);--shadow-hard-f:drop-shadow(6px 6px 0 var(--near-black));--slant:14px;--projects-dim:.72;--about-dim:.28;--ui-zoom:1;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@media (width>=2000px) and (height>=1000px){:root{--ui-zoom:1.35}}@media (width>=2800px) and (height>=1400px){:root{--ui-zoom:1.85}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--blue);color:var(--white);font-family:var(--font-label);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}a{color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.stage{height:100%}.page{z-index:10;width:100%;height:100%;position:relative;overflow:hidden}@media (width<=700px){body{overflow:auto}.stage{height:auto;min-height:100%}.page{height:auto;min-height:100%;overflow:visible}}.ui-zoom{zoom:var(--ui-zoom)}.numtab{background:var(--text-light);clip-path:polygon(0 0,100% 0,0 100%);z-index:3;pointer-events:none;width:30px;height:30px;position:absolute;top:0;left:0}.numtab__n{font-family:var(--font-display);color:var(--row-navy);font-size:14px;font-weight:700;line-height:1;position:absolute;top:1px;left:4px}.weekday{background:var(--text-light);clip-path:polygon(0 0,100% 0,50% 100%);flex:none;width:44px;height:30px;display:inline-block;position:relative}.weekday__t{text-align:center;font-family:var(--font-label);letter-spacing:.02em;color:var(--row-navy);font-size:11px;font-weight:800;line-height:1;position:absolute;top:3px;left:0;right:0}.weekday--inv{background:var(--white)}.weekday--inv .weekday__t{color:var(--selected-blue)}.moon{flex:none;display:block}.moon__disc{fill:var(--row-navy)}.moon__lit{fill:var(--text-light)}.moon__rim{fill:none;stroke:var(--text-light);stroke-width:1.4px}.moon--selected .moon__disc{fill:var(--blue-deep)}.moon--selected .moon__lit{fill:var(--moon-yellow)}.moon--selected .moon__rim{stroke:var(--moon-yellow)}.bg{z-index:0;background:var(--blue);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg__video{object-fit:cover;background:var(--blue);width:100%;height:100%;position:absolute;inset:0}.bg__overlay{position:absolute;inset:0}.bg__overlay--landing{background:radial-gradient(#0000 55%,#03051e59 100%)}.bg__overlay--projects{background:radial-gradient(ellipse at 50% 50%, transparent 40%, #03051e8c 100%), rgb(3 5 30/var(--projects-dim))}.bg__overlay--about{background:rgb(5 10 122/var(--about-dim))}.xfade{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.xfade.is-active{pointer-events:auto}.xfade__band{transform-origin:0 100%;will-change:transform;width:300vw;position:absolute;top:0;bottom:0;left:0;transform:translate(-300vw)}.xfade__band--cyan{background:var(--p3r-cyan)}.xfade__band--white{background:var(--white)}.xfade__band--blue{background:#1438d8}.xfade__band--navy{background:var(--p3r-navy)}.page--about{--u:clamp(.5px, .0555vw, 1.28px);align-items:center;display:flex}.about{width:42vw}.about__band{padding:calc(26 * var(--u)) 0 calc(30 * var(--u));background:#04073ef0}.about__row{padding:calc(12 * var(--u)) calc(24 * var(--u)) calc(12 * var(--u)) calc(110 * var(--u));font-family:var(--font-list);font-weight:600;font-size:calc(27 * var(--u));line-height:calc(28 * var(--u));color:var(--p3r-cyan);margin:0;text-decoration:none;display:block}.about__label{color:var(--p3r-cyan-light)}.about__gap{height:calc(22 * var(--u))}.about__row--link:hover,.about__row--link:focus-visible{background:var(--white);color:var(--p3r-select-text);box-shadow:inset 0 calc(5 * var(--u)) 0 var(--p3r-select-line);outline:none}@media (width<=700px){.page--about{--u:.58px;align-items:flex-start;padding:72px 0 48px}.about{width:100%}.about__row{padding-left:20px;padding-right:16px}}.page--landing{justify-content:flex-end;align-items:center;display:flex}.menu{--u:clamp(.4px, .0555vw, 1.2px);padding:48px;position:absolute;top:50%;left:58%;transform:translate(-50%,-50%)}.menu__list{will-change:transform;align-items:center;gap:calc(26 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;animation:3.6s ease-in-out infinite menu-bob;display:flex;position:relative}.menu__item{font-size:calc(var(--size) * var(--u))}@keyframes menu-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.menu__link{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.menu__skew{isolation:isolate;align-items:center;display:flex;position:relative}.menu__cursor{z-index:0;pointer-events:none;position:absolute;top:0;left:0}.menu__tri{position:absolute;top:50%;left:0;transform:translateY(-50%)}.menu__twitch{clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0;position:absolute;inset:0}.menu__cursor--white .menu__twitch{background:var(--white);animation:.2s linear menu-twitch}.menu__cursor--pink .menu__tri{transform:translate(-12px,-40%)}.menu__cursor--pink .menu__twitch{background:var(--menu-pink)}@keyframes menu-twitch{50%{transform:scale(1.15)}}.menu__label{z-index:3;transition:opacity .12s;position:relative}.menu__text{font-family:var(--font-heading);letter-spacing:2px;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--menu-cyan);font-size:1em;font-style:italic;line-height:.85;transition:color .12s;display:block}.menu__link:hover:not(.is-selected) .menu__text{color:#00d9ff}.menu__link.is-selected .menu__text{color:var(--menu-red-dark)}.menu__text--bright{opacity:0;transition:opacity .12s;position:absolute;inset:0;color:var(--menu-red)!important}.menu__link.is-selected .menu__text--bright{opacity:1}@media (width<=700px){.page--landing{min-height:100dvh}.menu{--u:.5px;padding:24px;left:42%;right:auto;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.menu__list,.menu__cursor--white .menu__twitch{animation:none}}.page--projects{place-items:center;display:grid}.projects__wrap{z-index:1;width:calc(min(70vw, 2600px) / var(--ui-zoom));padding-left:48px;position:relative}.projects__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;transform:rotate(-1.5deg)}.projects__offline{text-align:right;font-family:var(--font-italic);letter-spacing:.08em;color:var(--text-light);opacity:.65;margin:14px 0 0;font-size:12px;font-style:italic}.projects__watermark{font-family:var(--font-italic);color:#d9dde8;opacity:.06;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:24vw;font-style:italic;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}.row{--split:clamp(250px, 24vw, 340px);--cut:22px;--h:66px;--h-sel:128px;filter:var(--shadow-hard-f);position:relative}.row.is-selected{z-index:2;margin-left:-48px}.row__hit{height:var(--h);color:var(--text-light);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;align-items:stretch;text-decoration:none;display:flex;position:relative}.row.is-selected .row__hit{height:var(--h-sel)}.row__bg,.row__hl,.row__hl-inner{clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);position:absolute}.row__bg{background:var(--row-navy);inset:0}.row__hl{z-index:0;background:var(--red-grad);inset:0}.row__hl-inner{background:var(--selected-blue);inset:5px 6px 0 0}.row__hl-white{background:var(--white);clip-path:polygon(calc(var(--split) + 40px) 0, 100% 0, 100% 100%, var(--split) 100%);position:absolute;inset:0}.row__tab{z-index:3}.row.is-selected .row__tab{width:36px;height:36px}.row.is-selected .numtab__n{font-size:16px}.row__left{z-index:1;flex:0 0 var(--split);align-items:center;gap:12px;padding-left:40px;display:flex;position:relative}.row__date{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#eef4ff;min-width:2.6em;font-size:42px;font-weight:600;line-height:1}.row.is-selected .row__date{color:var(--white);font-size:58px}.row__when{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.row__tod{font-family:var(--font-label);letter-spacing:.03em;white-space:nowrap;color:var(--text-light);font-size:12px;font-weight:700}.row.is-selected .row__tod{color:var(--white);font-size:13px}.row .moon{margin-left:auto;margin-right:18px}.row.is-selected .moon{margin-right:42px}.row__right{z-index:1;min-width:0;padding:0 calc(var(--cut) + 26px) 0 22px;flex:1;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title sub big";align-items:center;column-gap:clamp(16px,2.2vw,36px);display:grid;position:relative}.row__title{font-family:var(--font-label);color:#dfeaff;white-space:nowrap;text-overflow:ellipsis;grid-area:title;font-size:clamp(16px,1.35vw,21px);font-weight:600;overflow:hidden}.row__sub{font-family:var(--font-italic);color:var(--text-light);white-space:nowrap;grid-area:sub;font-size:clamp(15px,1.25vw,19px);font-style:italic;font-weight:500}.row__big{flex-direction:column;grid-area:big;align-items:flex-end;line-height:1;display:flex}.row__big-n{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#eef4ff;text-align:right;min-width:3ch;font-size:44px;font-weight:600}.row.is-selected .row__right{padding:5px calc(var(--cut) + 30px) 0 48px;grid-template:"title title title"40px"sub detail big"1fr/auto minmax(0,1fr) auto;align-items:center}.row.is-selected .row__title{margin:0 calc((var(--cut) + 30px - 6px) * -1) 0 -14px;background:var(--near-black);color:var(--white);letter-spacing:.02em;clip-path:polygon(14px 0,100% 0,calc(100% - 8px) 100%,0 100%);align-self:stretch;align-items:center;padding:0 40px 0 26px;font-size:clamp(17px,1.45vw,22px);font-weight:700;display:flex}.row.is-selected .row__sub{color:var(--selected-blue);font-size:clamp(17px,1.4vw,21px);font-weight:600}.row__detail{color:#1d2340;grid-area:detail;align-items:center;gap:18px;min-width:0;display:flex}.row__desc{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-label);font-size:14px;font-weight:500;overflow:hidden}.row__stats{font-family:var(--font-display);color:var(--selected-blue);flex:none;align-items:center;gap:14px;font-size:17px;font-weight:700;display:flex}.row.is-selected .row__big{padding-bottom:14px}.row__stat{align-items:center;gap:4px;display:inline-flex}.row__stat svg{fill:currentColor;width:15px;height:15px}.row__big-label{font-family:var(--font-label);letter-spacing:.14em;color:var(--selected-blue);margin-bottom:2px;font-size:10px;font-weight:800}.row.is-selected .row__big-n{color:var(--near-black);font-size:54px}.row__tag{right:calc(var(--cut) + 14px);font-family:var(--font-label);letter-spacing:.16em;color:var(--near-black);font-size:10px;font-weight:800;position:absolute;bottom:5px}.row__hit:focus-visible .row__hl{outline:none}.row__hit:focus-visible .row__hl-inner{box-shadow:inset 0 -3px 0 var(--red)}.row--skeleton .row__left,.row--skeleton .row__right{align-items:center;gap:14px;display:flex}.skel{background:#bcd8ff29;height:14px;animation:1.1s steps(2,jump-none) infinite alternate skel-pulse;display:block}.skel--date{width:84px;height:34px}.skel--small{width:60px}.skel--title{width:38%}.skel--big{width:70px;height:34px;margin-left:auto}@keyframes skel-pulse{0%{opacity:.45}to{opacity:1}}@media (width<=700px){.page--projects{align-items:start;padding:72px 0 110px}.projects__wrap{width:100%;padding:0 12px 0 16px}.projects__list{transform:none}.row{--split:118px;--cut:14px;--h:60px}.row.is-selected{margin-left:-8px}.row.is-selected .row__hit{height:auto;min-height:150px}.row__when{display:none}.row__left{gap:6px;padding-left:28px}.row__date,.row.is-selected .row__date{font-size:30px}.row .moon,.row.is-selected .moon{display:none}.row__right{padding:6px calc(var(--cut) + 12px) 6px 10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title big""sub big";align-content:center;column-gap:10px}.row__big-n{font-size:30px}.row.is-selected .row__hl-white{clip-path:polygon(calc(var(--split) + 20px) 0, 100% 0, 100% 100%, var(--split) 100%)}.row.is-selected .row__right{padding:5px calc(var(--cut) + 14px) 22px 26px;grid-template:"title title""sub big""detail detail"/minmax(0,1fr) auto;row-gap:6px}.row.is-selected .row__title{min-height:34px;margin-right:calc((var(--cut) + 14px - 6px) * -1)}.row__detail{flex-direction:column;align-items:flex-start;gap:4px}.row__desc{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.row.is-selected .row__big{padding-bottom:0}.row.is-selected .row__big-n{font-size:40px}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}