:root{--minMaxWidth: 1338px;--maxWidthShare: 80%;--maxWidthGutter: 320px;--maxWidthCap: 1600px;--theme: light dark;--text-color: light-dark(rgb(0, 0, 0), white);--background-color: light-dark(rgb(255, 255, 255), rgb(28, 28, 30));--faded-color: rgb(129, 126, 131);--accent-color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));--marker-color: light-dark(rgb(52, 199, 89), rgb(48, 209, 88));--surface: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .07));--hairline: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));--barSolid: light-dark(rgb(242, 242, 247), rgb(36, 36, 38));--ease: cubic-bezier(.22, 1, .36, 1);--duration: .35s;--motion: .35s;--fontMorphDuration: .5s;--fontMorph: var(--fontMorphDuration) ease;--flyoutSlide: .45s;--themeMorph: .5s;--page-top: 8rem;--page-bottom: 6rem;--section-gap: 6rem;--title-gap: 1.5rem;--leading-display: 1.08;--leading-subtitle: 1.25;--leading-body: 1.55;--h0: clamp(4.479rem, calc(1.5767rem + 3.4706vw) , 6rem);--h1: clamp(2.986rem, calc(1.1932rem + 2.1438vw) , 3.75rem);--h2: 2.488rem;--h3: 2.074rem;--h4: 1.728rem;--h5: 1.44rem;--h6: 1.2rem;--p: 1rem;--small: .833rem;--smaller: calc(var(--small) / 1.25)}[data-rmiz-modal-overlay=visible]{background-color:var(--background-color)!important}@font-face{font-family:Kyiv Type Sans;src:url(/assets/KyivTypeSans-VarGX-BpL72Jop.ttf) format("truetype");font-display:swap;font-weight:1 1000;font-stretch:1 1000;font-optical-sizing:1 1000;font-style:italic 1 1000;font-style:oblique 1 1000}@font-face{font-family:Noto Sans Tagalog;src:url(/assets/NotoSansTagalog-Regular-DlYoKeqZ.ttf) format("truetype");font-display:swap;font-weight:400}.zoom-overlay{background:var(--background-color)!important}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;backface-visibility:hidden}h1,h2{line-height:var(--leading-display)}h1{font-size:var(--h1)}h1.extra{font-size:var(--h0)}h2{font-size:var(--h2)}h2.nonBold{font-weight:400}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h4.nonBold{font-weight:400}h5{font-size:var(--h5)}h5.nonBold{font-weight:400}h6{font-size:var(--h6)}h6.nonBold{font-weight:400}code{background-color:var(--faded-color);border-radius:4px;padding:2px}p,span,label{font-size:var(--p)}small{font-size:var(--small)}small.smaller{font-size:var(--smaller)}button{background:none;border:none}html{background-color:var(--background-color);color:var(--text-color);font-family:Kyiv Type Sans,Arial,sans-serif;color-scheme:var(--theme);overflow-x:hidden}a{text-decoration:none;color:var(--text-color)}a:hover{cursor:pointer}nav{position:fixed;top:0;left:0;width:100%;display:none;justify-content:space-between;align-items:center;height:4rem;padding:0 2rem;z-index:990}nav .hamburgerButton{display:flex;transition:scale var(--motion) var(--ease)}nav .hamburgerButton:hover{scale:1}nav .hamburgerButton svg{color:var(--accent-color);outline:none;display:flex;transition:fill var(--duration) var(--ease)}nav .hamburgerButton:hover{cursor:pointer}.menu{position:fixed;top:4rem;left:0;right:0;max-height:calc(100dvh - 4rem);display:flex;flex-direction:column;z-index:980;overflow:hidden;visibility:hidden;transition:visibility 0s var(--flyoutSlide);color:var(--text-color)}.menu.open{visibility:visible;transition:visibility 0s}.menu .menuPanel{min-height:0;display:flex;flex-direction:column;gap:2.5rem;padding:2rem 2rem calc(2rem + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background-color:color-mix(in srgb,var(--barSolid) 99%,transparent);translate:0 -100%;transition:translate var(--flyoutSlide) var(--ease);will-change:translate}.menu.open .menuPanel{translate:0 0}.menu span{font-size:inherit}.menu svg{position:relative;fill:var(--text-color)}.menu .menuLinks{display:flex;flex-direction:column;gap:2.5rem}.menu .menuHeading{font-size:var(--h2);line-height:1.1;color:inherit;font-variation-settings:"wght" 400,"CONT" 0;transition:font-variation-settings var(--fontMorph)}.menu .menuHeading.active,.menu .menuHeading:is(a,button):hover{font-variation-settings:"wght" 1000,"CONT" 1000}.menu .menuWork{display:flex;flex-direction:column;padding-bottom:2.5rem;border-bottom:1px solid var(--hairline)}.menu .menuToggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}.menu .menuToggle .menuChevron{width:1.5rem;height:1.5rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--flyoutSlide) var(--ease)}.menu .menuToggle.open .menuChevron{rotate:180deg}.menu .menuToggle.instant .menuChevron{transition:none}.menu .menuWorkList{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--flyoutSlide) var(--ease)}.menu .menuWorkList.open{grid-template-rows:1fr}.menu .menuWorkList.instant{transition:none}.menu .menuWorkInner{min-height:0;overflow:hidden}.menu .menuWorkGroups{display:flex;flex-direction:column;gap:2rem;padding-top:1.5rem;padding-left:1.25rem}.menu .menuGroup{display:flex;flex-direction:column;gap:.75rem}.menu .menuGroup ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.menu .menuGroupLabel{font-size:.75rem;opacity:.6}.menu .menuProject{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;color:inherit;font-size:var(--h5)}.menu .menuProject .menuName{min-width:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wght" 400,"CONT" 0;transition:font-variation-settings var(--fontMorph)}.menu .menuProject .menuYear{flex-shrink:0;font-size:var(--small);opacity:.6;font-variant-numeric:tabular-nums;font-variation-settings:"wght" 400,"CONT" 0}.menu .menuProject .menuName.active,.menu .menuProject a.menuName:hover{font-variation-settings:"wght" 1000,"CONT" 1000}.menu .menuProject.upcoming{opacity:.45}.menu .themeButton{margin-top:auto;align-self:flex-end;display:flex;align-items:center;gap:.75rem;color:inherit;font-family:inherit;font-size:var(--h5);cursor:pointer}.navAlt{position:fixed;top:0;left:0;right:0;height:4rem;z-index:200;background-color:transparent}.workTrigger{display:flex;align-items:center;font-family:inherit;font-size:var(--p);color:var(--text-color);cursor:pointer;font-variation-settings:"wght" 400,"CONT" 0;transition:color var(--duration) var(--ease),font-variation-settings var(--fontMorph)}.workTrigger:hover,.workTrigger.open{color:var(--accent-color);font-variation-settings:"wght" 1000,"CONT" 1000}.workFlyout{position:fixed;top:0;left:0;right:0;z-index:199;overflow:hidden;visibility:hidden;transition:visibility 0s var(--flyoutSlide)}.workFlyout.open{visibility:visible;transition:visibility 0s}.workFlyout .workFlyoutInner{position:relative;margin-top:4rem;display:flex;align-items:flex-start;gap:6rem;padding:2.5rem 2rem 3rem;background-color:color-mix(in srgb,var(--barSolid) 99%,transparent);translate:0 calc(-100% - 4rem);transition:translate var(--flyoutSlide) var(--ease);will-change:translate}.workFlyout .workFlyoutInner:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:4rem;background-color:inherit}.workFlyout.open .workFlyoutInner{translate:0 0}.workFlyout .workFlyoutColumn{display:flex;flex-direction:column;gap:1.25rem}.workFlyout .workFlyoutColumn ul{list-style:none;display:grid;grid-template-columns:max-content max-content;column-gap:4rem;row-gap:.5rem}.workFlyout .workFlyoutColumn li,.workFlyout .workFlyoutColumn li>.upcoming{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:baseline}.workFlyout .workFlyoutColumn li{font-size:var(--h5);line-height:1.2}.workFlyout .workFlyoutHeading{color:var(--faded-color);font-size:var(--p)}.workFlyout a{font-size:var(--h5);line-height:1.2;transition:color var(--duration) var(--ease)}.workFlyout a:hover{color:var(--accent-color)}.workFlyout .workFlyoutName{font-size:inherit;justify-self:start;min-width:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wght" 400,"CONT" 0;transition:font-variation-settings var(--fontMorph)}.workFlyout a.workFlyoutName:hover,.workFlyout a.workFlyoutName.active{font-variation-settings:"wght" 1000,"CONT" 1000}.workFlyout .workFlyoutYear{color:var(--faded-color);font-size:var(--smaller);font-variant-numeric:tabular-nums}.workFlyout .upcoming{font-size:var(--h5);line-height:1.2;color:var(--faded-color);cursor:default}.workFlyout.instant,.workFlyout.instant .workFlyoutInner{transition:none!important}.menu .menuToggle.active .menuToggleLabel:after,.navButtons.alt>.workTrigger:after,.navButtons.alt>a:after,.menu .menuHeading.active:is(a):after,.menu .menuProject a.menuName.active:after,.workFlyout a.workFlyoutName.active:after{content:"*";font-variation-settings:"wght" 400,"CONT" 0;font-size:2.06em;line-height:0;position:relative;top:.454em;margin-left:.15em;color:var(--marker-color)}.menuScrim,.workFlyoutScrim{position:fixed;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);visibility:hidden;transition:backdrop-filter var(--duration) var(--ease),-webkit-backdrop-filter var(--duration) var(--ease),visibility 0s var(--duration)}.open.menuScrim,.open.workFlyoutScrim{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);visibility:visible;transition:backdrop-filter var(--duration) var(--ease),-webkit-backdrop-filter var(--duration) var(--ease),visibility 0s}.instant.menuScrim,.instant.workFlyoutScrim{transition:none!important}.workFlyoutScrim{z-index:198}.menuScrim{z-index:970}.logoButton{display:flex;align-items:center;transition:color var(--duration) var(--ease),scale var(--motion) var(--ease);font-family:Noto Sans Tagalog}.logoButton:hover{cursor:pointer;scale:1;color:var(--accent-color)}.logoButton.alt{position:fixed;top:2rem;left:2rem;translate:0 -50%}.logoMark{font-size:1.75rem;translate:0 .0525em;display:inline-block;vertical-align:-.294em;width:.907em;height:1.109em}.logoMark.open{width:5.713em}.logoMark svg{display:block;width:5.713em;height:100%;overflow:visible;fill:currentColor;pointer-events:none}.logoMark .logoGlyphs path,.logoMark .logoMorph{stroke:currentColor;stroke-width:14}.logoMark .logoFull{fill-opacity:0;stroke-dasharray:0 100000}.logoMark .logoMorph{visibility:hidden}.selectContainer{width:62px}.selectContainer select{all:unset;transition:color var(--duration) var(--ease),scale var(--motion) var(--ease),font-variation-settings var(--fontMorph);font-variation-settings:"wght" 400,"CONT" 0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNSAyTDggN0wxNC41IDJMITFaIiBzdHJva2U9IiM4MTdlODMiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgLz48L3N2Zz4=) no-repeat right center;background-position-x:45px;width:62px}.selectContainer select:hover{scale:1;font-variation-settings:"wght" 1000,"CONT" 1000;color:var(--accent-color);cursor:pointer}.selectContainer select option{background-color:var(--background-color);color:var(--text-color)}.selectContainer.alt{color:var(--background-color);transition:color var(--duration) var(--ease),scale var(--motion) var(--ease),font-variation-settings var(--fontMorph);font-variation-settings:"wght" 400,"CONT" 0;width:3.75em;position:relative;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMS41TDggNi41TDE0IDEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2Utd2lkdGg9IjIiIC8+PC9zdmc+) no-repeat center center;background-position-x:2.75em;background-size:75px}.selectContainer.alt:hover{scale:1;font-variation-settings:"wght" 1000,"CONT" 1000;cursor:pointer}.selectContainer.alt select{position:absolute;top:0;left:0;width:100%;min-height:100%;opacity:0}.navButtons{display:flex;align-items:center;gap:2rem}.navButtons.alt{position:fixed;top:0;right:0;margin:1.25rem 2rem;z-index:250}.navButtons a{transition:color var(--duration) var(--ease),scale var(--motion) var(--ease),font-variation-settings var(--fontMorph);font-variation-settings:"wght" 400,"CONT" 0}.navButtons a:hover{scale:1;color:var(--accent-color);font-variation-settings:"wght" 1000,"CONT" 1000}.navButtons .themeButton{position:relative;transition:scale var(--motion) var(--ease)}.navButtons .themeButton svg{display:flex;fill:var(--text-color);transition:fill var(--duration) var(--ease)}.navButtons .themeButton:hover{scale:1}.navButtons .themeButton:hover{cursor:pointer}.navButtons .themeButton:hover svg{fill:var(--accent-color)}.navButtons .active,.menu .active{font-variation-settings:"wght" 1000,"CONT" 1000}.navButtons.alt>.workTrigger:after,.navButtons.alt>a:after{visibility:hidden}.navButtons.alt>.workTrigger.active:after,.navButtons.alt>a.active:after{visibility:visible}.navButtons.alt>.workTrigger{align-items:baseline}footer{color:var(--faded-color);display:flex;justify-content:space-between;padding:2rem 2rem calc(2rem + env(safe-area-inset-bottom));font-size:var(--smaller)}footer span{font-size:inherit}.tileCursor{opacity:0;visibility:hidden;color-scheme:dark;position:fixed;top:0;left:0;z-index:1000;padding:.5rem .5rem .75rem .75rem;border-radius:10px;background-color:color-mix(in srgb,var(--barSolid) 99%,transparent);color:var(--text-color);pointer-events:none;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.tileCursor.shown{opacity:1;visibility:visible}.tileCursor.light{color-scheme:light}.tileCursor .tileCursorText{display:flex;flex-direction:column;gap:.25rem;line-height:1.15}.tileCursor .tileCursorName{font-size:var(--small);font-variation-settings:"wght" 1000,"CONT" 1000}.tileCursor .tileCursorMeta{color:var(--faded-color);font-size:.7rem;font-variant-numeric:tabular-nums}.tileCursor .tileCursorArrow{display:block;flex-shrink:0;width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes cardLoadingTurn{to{rotate:360deg}}.homeWrapper{max-width:calc(1260px + 4rem);margin:0 auto;padding:var(--page-top) 2rem var(--page-bottom);display:flex;flex-direction:column;gap:var(--section-gap);--gap: 1.5rem}.homeWrapper .bento{display:flex;flex-direction:column;gap:var(--gap)}.homeWrapper .bentoRow{display:flex;gap:var(--gap)}.homeWrapper .bentoTile,.homeWrapper .bentoStack{flex:var(--ratio) 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap)}.homeWrapper .bentoTile>.card,.homeWrapper .bentoStack>.card{flex:1}.homeWrapper .homeIntro{display:flex;flex-direction:column;gap:var(--title-gap)}.homeWrapper .homeIntro .lede{max-width:30ch;color:var(--faded-color);font-size:var(--h4);font-weight:400;line-height:var(--leading-subtitle)}.homeWrapper .homeIntro .lede .emphasis{color:var(--text-color);font-size:inherit}.homeWrapper .homeAbout{padding-top:2rem;border-top:1px solid var(--hairline);display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:var(--title-gap)}.homeWrapper .homeAbout>.actionLink{margin-top:.5rem}.homeWrapper .homeAboutTitle{font-size:var(--h0)}.homeWrapper .homeAboutLine{text-wrap:balance;color:var(--faded-color);font-size:var(--h4);font-weight:400;line-height:var(--leading-subtitle)}.homeWrapper .groupLabel{font-size:var(--h4);font-weight:400;color:var(--text-color)}.homeWrapper .card{--chip: 1.4rem;--chipGap: .3rem;--chipInset: .75rem;overflow:hidden;border-radius:10px;background-color:var(--barSolid);transition:opacity .5s ease;display:flex;flex-direction:column}.homeWrapper .card .cardMedia{position:relative;aspect-ratio:var(--ratio);overflow:hidden}.homeWrapper .card .cardMedia video,.homeWrapper .card .cardMedia img{display:block;width:100%;height:100%;object-fit:contain}.homeWrapper .card .cardMedia video{filter:grayscale(1);transition:filter .5s ease}.homeWrapper .card .cardMedia video[data-playing]{filter:none}.homeWrapper .card .cardStack{color-scheme:dark;position:absolute;left:var(--chipInset);right:var(--chipInset);bottom:var(--chipInset);max-height:calc(2 * var(--chip) + var(--chipGap));overflow:hidden;pointer-events:none;display:flex;flex-wrap:wrap;gap:var(--chipGap)}@media (hover: hover) and (pointer: fine){.homeWrapper .card .cardStack{opacity:0;visibility:hidden;transition:opacity var(--fontMorph),visibility 0s var(--fontMorphDuration)}}.homeWrapper .card .cardStack .chip{height:var(--chip);padding:0 .5rem;border-radius:6px;font-size:.7rem;background-color:color-mix(in srgb,var(--barSolid) 99%,transparent);color:var(--text-color);white-space:nowrap;display:flex;align-items:center}.homeWrapper .card[data-overlay=light] .cardStack{color-scheme:light}.homeWrapper .card.portrait .cardStack{left:7.6%;right:7.6%;bottom:5.5%}@media (hover: hover) and (pointer: fine){.homeWrapper .card:not(.upcoming) .cardCaption{display:none}}.homeWrapper .card .cardCaption{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.homeWrapper .card .cardTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--h6);font-variation-settings:"wght" 400,"CONT" 0;transition:font-variation-settings var(--fontMorph)}.homeWrapper .card .cardYear{color:var(--faded-color);font-variant-numeric:tabular-nums}.homeWrapper .card:not(.upcoming):hover .cardTitle{font-variation-settings:"wght" 1000,"CONT" 1000}.homeWrapper .card.upcoming{-webkit-user-select:none;user-select:none}.homeWrapper .card.upcoming .cardMedia{flex:1;aspect-ratio:auto}.homeWrapper .card.upcoming .cardTitle{color:var(--faded-color)}.homeWrapper .card:not(:has(video[data-playing])){opacity:.4}.homeWrapper .card:hover .cardStack{opacity:1;visibility:visible;transition:opacity var(--fontMorph),visibility 0s}.homeWrapper .cardLoading{position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--ratio);pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .2s ease}.homeWrapper .cardLoadingRing{width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;box-shadow:0 0 0 .45rem #00000073;background-color:#00000073;animation:cardLoadingTurn .8s linear infinite paused}.homeWrapper .card:has(video[data-wanted]:not([data-playing])) .cardLoading,.homeWrapper .card:has(video[data-waiting]) .cardLoading{opacity:1;transition-delay:.25s}.homeWrapper .card:has(video[data-wanted]:not([data-playing])) .cardLoading .cardLoadingRing,.homeWrapper .card:has(video[data-waiting]) .cardLoading .cardLoadingRing{animation-play-state:running}.homeWrapper .card,.homeWrapper .card *{cursor:none}@media screen and (max-width: 760px){.homeWrapper .bentoRow{flex-direction:column}.homeWrapper .bentoTile,.homeWrapper .bentoStack{flex:none}.homeWrapper .card.portrait .cardMedia{aspect-ratio:4/5}.homeWrapper .card.portrait .cardStack{left:24.6%;right:24.6%}.homeWrapper .card.upcoming .cardMedia{display:none}}.workWrapper{max-width:700px;padding:var(--page-top) 0 var(--page-bottom);margin:auto;display:flex;flex-direction:column;gap:var(--section-gap)}.workWrapper ul{margin-left:3rem;margin-top:1rem}.workWrapper .header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--title-gap)}.workWrapper .header .meta{color:var(--faded-color);font-variant-numeric:tabular-nums}.workWrapper .header .meta .metaDot{margin-inline:.5em;font-size:inherit}.workWrapper .header .status{color:var(--faded-color);font-size:var(--h4);font-weight:400;line-height:var(--leading-subtitle)}.workWrapper .header .links{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:.5rem}.workWrapper .media{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.workWrapper .media .spinner{width:100%;min-height:400px;padding:4rem 0;display:flex;justify-content:center;align-items:center}.workWrapper .media img{border-radius:10px;box-shadow:0 0 0 1px light-dark(rgba(0,0,0,.04),rgba(255,255,255,.08)),0 2px 6px light-dark(rgba(0,0,0,.04),transparent),0 12px 32px light-dark(rgba(0,0,0,.1),transparent);width:auto;height:auto;max-width:100%;max-height:85vh}.workWrapper .media video{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;border-radius:10px;box-shadow:0 0 0 1px light-dark(rgba(0,0,0,.04),rgba(255,255,255,.08)),0 2px 6px light-dark(rgba(0,0,0,.04),transparent),0 12px 32px light-dark(rgba(0,0,0,.1),transparent);background-color:var(--barSolid)}.workWrapper .details{display:flex;flex-direction:column}.workWrapper .details .spec{display:grid;grid-template-columns:9rem 1fr;column-gap:2rem;padding:2rem 0;border-top:1px solid var(--hairline)}.workWrapper .details .spec:last-child{border-bottom:1px solid var(--hairline)}.workWrapper .details .spec h4{font-size:var(--h6);line-height:1.6}.workWrapper .details .paragraph{line-height:2rem;font-size:var(--p)}.workWrapper .techStack{display:flex;flex-wrap:wrap;gap:.5rem}.workWrapper .techStack .item{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background-color:var(--surface);color:var(--text-color);white-space:nowrap}.workWrapper .bottomNav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.workWrapper .nextPrevButton{display:flex;flex-direction:column;gap:.25rem;font-variation-settings:"wght" 400,"CONT" 0;transition:color var(--duration) var(--ease),scale var(--motion) var(--ease),font-variation-settings var(--fontMorph)}.workWrapper .nextPrevButton small{color:var(--faded-color)}.workWrapper .nextPrevButton span{font-size:var(--small)}.workWrapper .nextPrevButton.next{align-items:flex-end;text-align:right}.workWrapper .nextPrevButton.top{align-items:center;text-align:center}.workWrapper .nextPrevButton:hover{color:var(--accent-color);scale:1;cursor:pointer;font-variation-settings:"wght" 1000,"CONT" 1000}.aboutWrapper{max-width:700px;margin:auto;padding:var(--page-top) 0 var(--page-bottom);display:flex;flex-direction:column;gap:var(--section-gap)}.aboutWrapper .header{color:var(--accent-color)}.aboutWrapper section>h2.header{font-size:var(--h1);margin-bottom:2rem}.aboutWrapper .intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--title-gap)}.aboutWrapper .intro .lede{color:var(--faded-color);font-size:var(--h1);font-weight:700}.aboutWrapper .intro .lede .emphasis{color:var(--text-color);font-size:inherit}.aboutWrapper .intro .body{display:flex;flex-direction:column;gap:1.25rem}.aboutWrapper .intro .body p{color:var(--faded-color);font-size:var(--h6);line-height:var(--leading-body)}.aboutWrapper .intro .links{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:.5rem}.aboutWrapper .glance .tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.aboutWrapper .glance .tiles .tile{display:flex;flex-direction:column;gap:.75rem;padding:2rem;border-radius:10px;background-color:var(--barSolid)}.aboutWrapper .glance .tiles .tile.wide{grid-column:1/-1}.aboutWrapper .glance .tiles .tile small{color:var(--faded-color)}.aboutWrapper .glance .tiles .tile p{font-size:var(--h4);line-height:1.2}.aboutWrapper .timeline{display:flex;flex-direction:column;width:100%}.aboutWrapper .timeline .timelineRows{display:flex;flex-direction:column}.aboutWrapper .timeline .timelineRow{display:grid;grid-template-columns:7.5rem 1fr;column-gap:1.5rem;align-items:baseline;padding:1rem 0;border-top:1px solid var(--hairline)}.aboutWrapper .timeline .timelineRow:last-child{border-bottom:1px solid var(--hairline)}.aboutWrapper .timeline .timelineRow .years{color:var(--faded-color);font-variant-numeric:tabular-nums}.aboutWrapper .timeline .timelineRow .metaDot{margin-inline:.5em}.aboutWrapper .timeline .timelineRow .timelineCaption{display:flex;flex-direction:column;gap:.25rem}.aboutWrapper .timeline .timelineRow .timelineCaption .date{color:var(--faded-color);font-size:var(--smaller)}.aboutWrapper .skillset{display:flex;flex-direction:column}.aboutWrapper .skillset .skills{display:flex;gap:.5rem;flex-wrap:wrap;align-content:flex-start;overflow-anchor:none}.aboutWrapper .skillset .skills .item{flex-grow:1;padding:.5rem .75rem;background-color:var(--surface);border-radius:6px;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-color)}.lostWrapper{max-width:700px;padding:var(--page-top) 0 var(--page-bottom);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;gap:2rem}.lostWrapper .memeContainer img{max-height:60dvh;width:auto;height:auto;display:block;margin:0 auto}.lostWrapper .memeContainer p{text-align:right;margin-top:.5rem}.lostWrapper .links{display:flex;gap:8rem;justify-content:center}.lostWrapper .spinner{display:flex;justify-content:center;align-items:center;width:300px;height:300px;padding:4rem}.lostWrapper p{color:var(--faded-color)}.infoOnHover{position:relative;white-space:nowrap}.infoOnHover:before{content:attr(data-tooltip);position:absolute;left:50%;translate:-50% -.5rem;padding:.5rem;font-size:var(--smaller);font-weight:400;border-radius:6px;font-variation-settings:"wght" 400,"CONT" 0;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--fontMorph),visibility 0s var(--fontMorphDuration);background-color:var(--text-color);color:var(--background-color);border:var(--background-color) 1px solid;line-height:normal}@media (hover: hover) and (pointer: fine){.infoOnHover:hover:before{opacity:1;visibility:visible;transition:opacity var(--fontMorph),visibility 0s}}.infoOnHover.top:before{bottom:75%}.infoOnHover.bottom:before{bottom:-75%}.skillFilter{display:flex;flex-direction:column;gap:1.5rem;min-width:0;position:relative}.segmented{display:inline-flex;align-self:flex-start;gap:.25rem;padding:.25rem;border-radius:6px;background-color:var(--barSolid)}.segmented button{font-family:inherit;font-size:var(--small);color:var(--faded-color);cursor:pointer;padding:.5rem 1rem;border-radius:4px;font-variation-settings:"wght" 400,"CONT" 0;transition:color var(--duration) var(--ease),font-variation-settings var(--fontMorph)}.segmented button:hover{color:var(--text-color);font-variation-settings:"wght" 1000,"CONT" 1000}.segmented button.active{color:var(--text-color);background-color:var(--background-color);font-variation-settings:"wght" 1000,"CONT" 1000}.segmented button:disabled{color:var(--faded-color);opacity:.5;cursor:default}.segmented button:disabled:not(.active){font-variation-settings:"wght" 400,"CONT" 0}.actionLink{position:relative;text-decoration:none;color:var(--text-color);display:flex;align-items:center;justify-content:center;padding:0;transition:font-variation-settings var(--fontMorph),color var(--duration) var(--ease),scale var(--motion) var(--ease);font-variation-settings:"wght" 400,"CONT" 0}.actionLink .label{position:relative;border-bottom:1px dashed var(--text-color)}.actionLink .label:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:currentColor;opacity:0;transition:opacity var(--fontMorph)}.actionLink .arrow{margin-left:.3em;font-size:.945em;position:relative;top:.075em}.actionLink.faded{color:var(--faded-color)}.actionLink.faded .label{border-bottom:1px dashed var(--faded-color)}@media (hover: hover) and (pointer: fine){.actionLink:hover{font-variation-settings:"wght" 1000,"CONT" 1000;color:var(--accent-color);scale:1}.actionLink:hover .label:after{opacity:1}}.inlineLink{position:relative;text-decoration:none;color:inherit;border-bottom:1px dashed;transition:font-variation-settings var(--fontMorph),color var(--duration) var(--ease),scale var(--motion) var(--ease);font-variation-settings:"wght" 400,"CONT" 0}.inlineLink.faded{color:var(--faded-color)}.inlineLink:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:currentColor;opacity:0;transition:opacity var(--fontMorph)}@media (hover: hover) and (pointer: fine){.inlineLink:hover{font-variation-settings:"wght" 1000,"CONT" 1000;color:var(--accent-color);scale:1}.inlineLink:hover:after{opacity:1}}@media screen and (max-width: 1338px){:root{--h0: clamp(2.2708rem, calc(1.5767rem + 3.4706vw) , 4.479rem);--h1: clamp(1.622rem, calc(1.1932rem + 2.1438vw) , 2.986rem);--h2: clamp(1.442rem, calc(1.1132rem + 1.644vw) , 2.488rem);--h3: clamp(1.282rem, calc(1.033rem + 1.2448vw) , 2.074rem);--h4: clamp(1.139rem, calc(.9539rem + .9257vw) , 1.728rem);--h5: clamp(1.013rem, calc(.8788rem + .6711vw) , 1.44rem);--h6: clamp(.9rem, calc(.8057rem + .4715vw) , 1.2rem);--p: clamp(.875rem, calc(.8357rem + .1965vw) , 1rem);--small: clamp(.711rem, calc(.6727rem + .1917vw) , .833rem);--smaller: max(.6875rem, calc(var(--small) / 1.25));--page-top: 6rem;--page-bottom: 4rem;--section-gap: 4rem;--leading-display: 1.12;--leading-subtitle: 1.35;--leading-body: 1.65}.aboutWrapper{max-width:90%}.aboutWrapper .glance .tiles{grid-template-columns:1fr}.aboutWrapper .glance .tiles .tile{padding:1.5rem}.homeWrapper .homeRows{display:flex;flex-direction:column;gap:3rem}.homeWrapper .projectGroup{display:flex;flex-direction:column;gap:1rem}.homeWrapper .groupHeader{display:flex;justify-content:space-between;align-items:center}.homeWrapper .paddles{display:flex;gap:1.25rem}.homeWrapper .paddles button{padding:0;background:none;color:var(--text-color);font-family:inherit;font-size:var(--h4);line-height:1;font-variation-settings:"wght" 400,"CONT" 0;cursor:pointer;transition:opacity var(--duration) var(--ease),font-variation-settings var(--fontMorph)}.homeWrapper .paddles button:hover:not(:disabled){font-variation-settings:"wght" 1000,"CONT" 1000}.homeWrapper .paddles button:disabled{opacity:.35;cursor:default}.homeWrapper .row{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - .75rem)/2);column-gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}}@media screen and (max-width: 1338px) and (max-width: 760px){.homeWrapper .row{grid-auto-columns:100%}}@media screen and (max-width: 1338px){.homeWrapper .row::-webkit-scrollbar{display:none}.homeWrapper .row .card{--ratio: 1.6;scroll-snap-align:start;position:relative}.homeWrapper .row .card .cardMedia{display:contents}.homeWrapper .row .card .cardMedia video,.homeWrapper .row .card .cardMedia img{height:auto;aspect-ratio:var(--ratio);object-fit:cover;object-position:top center}.homeWrapper .row .card.portrait .cardMedia video{object-fit:contain;object-position:center}.homeWrapper .row .card .cardCaption{display:flex;order:1;padding-bottom:.75rem}.homeWrapper .row .card .cardStack{order:2;position:static;opacity:1;visibility:visible;max-height:none;padding:0 1.25rem 1.25rem;color-scheme:inherit}.homeWrapper .row .card .cardStack .chip{color-scheme:light;background-color:color-mix(in srgb,var(--background-color) 99%,transparent)}.homeWrapper .row .card.upcoming .cardMedia{display:block;aspect-ratio:var(--ratio)}.workWrapper{max-width:90%}.workWrapper .details .paragraph{line-height:var(--leading-body)}.workWrapper .details .spec{grid-template-columns:1fr;row-gap:.75rem}.workWrapper .media .spinner{padding:3rem 0}nav{background-color:var(--barSolid);display:flex}nav .navButtons{display:none}.navAlt,.workFlyout,.workFlyoutScrim{display:none}.infoOnHover:hover:before{display:none}}@media (prefers-reduced-motion: reduce){:root{--motion: .01ms}}.themeSwitching,.themeSwitching *:not(.themeIcon,.themeIcon *),.themeSwitching *:before,.themeSwitching *:after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--themeMorph);animation-timing-function:ease}.themeIcon{overflow:visible}.themeIcon .themeIconRaysTurn{transform-box:view-box;transform-origin:12px 12px;transition:transform var(--themeMorph) var(--ease)}.navButtons .themeButton .themeIcon,.menu .themeButton .themeIcon{transition:rotate var(--themeMorph) var(--ease)}.themeButton:hover .themeIcon.isSun .themeIconRaysTurn{transform:rotate(45deg)}.themeButton:hover .themeIcon.isMoon{rotate:-25deg}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img[data-action=zoom]{cursor:zoom-in}.zoom-img,.zoom-img-wrap{position:relative;z-index:666;transition:all .3s}img.zoom-img{cursor:zoom-out}.zoom-overlay{cursor:zoom-out;z-index:420;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;filter:"alpha(opacity=0)";opacity:0;transition:opacity .3s}.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}