@font-face{font-family:MS PGothic;src:url(/fonts/MSPGothic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--blue:#3b65bf;--cream:#f2ecda;--font-body:"MS PGothic", "Gothic A1", sans-serif;--space-xs:.25rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3rem;--border:3px solid var(--blue);--nav-width:min(490px, 100%);--nav-gap:var(--space-md);--marker-width:4px;--marker-gap:5px;--year-height:2.25rem;--cursor-scale:.5;--cursor-hotspot:0 0}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--cream);color:var(--blue);margin:0}h1,h2,h3{font-family:var(--font-body)}h2{margin-block:var(--space-xs)}a{color:inherit}ul{margin:0;padding:0;list-style:none}*{cursor:url(/cursors/cursor.png) 0 0,default}:active{cursor:url(/cursors/cursor-click.png) 0 0,default}@supports (cursor:image-set(url('x.png') calc(1x / 0.5)) 0 0, auto){*{cursor:image-set(url(/cursors/cursor.png) calc(1x / var(--cursor-scale))) var(--cursor-hotspot), default}:active{cursor:image-set(url(/cursors/cursor-click.png) calc(1x / var(--cursor-scale))) var(--cursor-hotspot), default}}.page__content,.master-detail__list,.detail__body{scrollbar-width:thin;scrollbar-color:var(--blue) transparent}.page{width:min(64rem,max(60vw,min(100% - 2rem,40rem)));height:100dvh;padding-top:var(--space-md);flex-direction:column;margin-inline:auto;display:flex}.site-title{text-align:center;margin-block:var(--space-xs) var(--space-lg);flex:none}.site-title a{text-decoration:none}.page__content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.btn{padding:var(--space-xs) var(--space-sm);background-color:var(--blue);color:var(--cream);font:inherit;text-align:center;border:0;text-decoration:none;display:block;position:relative}@media (hover:hover){.btn:hover{background-color:var(--cream);color:var(--blue);outline:var(--border);outline-offset:-3px}}.btn:disabled{opacity:.4;background-color:var(--blue);color:var(--cream);outline:none}.btn--action{width:100px}.btn--nav,.btn--wide{flex:1}.btn--nav[aria-current]:after{content:"";inset-inline:0;bottom:calc(-.5 * var(--space-sm));background-color:var(--blue);height:3px;position:absolute}.btn--list{width:100%;padding:var(--space-sm)}.btn--list[aria-current]{width:calc(100% - var(--marker-width) - var(--marker-gap));margin-left:calc(var(--marker-width) + var(--marker-gap))}.btn--list[aria-current]:before{content:"";top:0;bottom:0;left:calc(-1 * (var(--marker-width) + var(--marker-gap)));width:var(--marker-width);background-color:var(--blue);position:absolute}.navbar{padding-block:var(--space-md) var(--space-lg);flex:none;justify-content:center;display:flex}.navbar__links{gap:var(--nav-gap);width:var(--nav-width);display:flex}.hero{flex:none;padding-top:10vh}.hero h1{margin-block:0 var(--space-md)}.swap-photo{width:var(--nav-width);margin:var(--space-sm) auto 0;font:inherit;color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.swap-photo img{width:100%;height:auto;image-rendering:pixelated;display:block}.swap-photo__alt{opacity:0;height:100%;position:absolute;inset:0}@media (hover:hover){.swap-photo:hover .swap-photo__alt{opacity:1}}@media (hover:none){.swap-photo--flipped .swap-photo__alt{opacity:1}}.social{gap:var(--nav-gap);width:var(--nav-width);margin:var(--space-md) auto 0;display:flex}.master-detail{gap:var(--space-md);flex:1;min-height:0;display:flex}.master-detail__list{min-width:0;padding-right:var(--marker-gap);flex:1;position:relative;overflow-y:auto}.master-detail__list li{margin-block:var(--space-sm)}.detail{min-width:0;padding:var(--space-sm) var(--space-md);border:var(--border);flex-direction:column;flex:1;display:flex}.detail__body{min-height:0;padding-right:var(--marker-gap);flex:1;overflow-y:auto}.entry-title{display:block}.detail__description{white-space:pre-line}.detail__dates{margin-top:var(--space-lg)}.detail__link{text-align:center;display:block}.detail__skills-heading{margin-top:var(--space-md)}.detail__skills{text-align:justify;text-align-last:justify;text-wrap:balance}.detail__actions{justify-content:center;gap:var(--space-sm);padding-top:var(--space-sm);flex:none;display:flex}.pixel-frame{padding-block:10px;container-type:inline-size}.pixel-img{--px-w:270px;height:auto;image-rendering:pixelated;width:min(100%, var(--px-w) * 3);width:min(100cqw, max(var(--px-w), round(down, 100cqw, var(--px-w))));margin-inline:auto;display:block}@media (width<=700px){:root{--nav-gap:var(--space-sm)}.site-title{margin-bottom:var(--space-md)}.navbar{padding-block:var(--space-sm) var(--space-md)}.btn--nav{padding-inline:var(--space-xs)}.hero{padding-top:var(--space-lg)}.master-detail{grid-template-rows:auto minmax(0,0fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;transition:grid-template-rows .25s;display:grid}.master-detail--open{grid-template-rows:auto minmax(0,2fr) minmax(0,1fr)}.master-detail__toggle{margin-bottom:var(--space-sm)}.master-detail__list{visibility:hidden;scroll-snap-type:y mandatory;min-height:0;scroll-padding-top:var(--year-height);margin-bottom:0;padding-right:0;transition:margin-bottom .25s,visibility 0s .25s}.master-detail--open .master-detail__list{margin-bottom:var(--space-sm);visibility:visible;transition:margin-bottom .25s}.master-detail__list h2{z-index:1;height:var(--year-height);background-color:var(--cream);align-items:center;margin:0;display:flex;position:sticky;top:0}.master-detail__list li{padding-bottom:var(--space-sm);scroll-snap-align:start;margin:0}.master-detail__list:after{content:"";height:calc(100% - var(--year-height));display:block}.detail{min-height:0}.detail__body{padding-right:0}.detail--preview .detail__body{overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.5em),#0000);mask-image:linear-gradient(#000 calc(100% - 1.5em),#0000)}}@media (prefers-reduced-motion:reduce){.master-detail,.master-detail__list,.master-detail--open .master-detail__list{transition:none}}