@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@90..100,400..600&display=swap";:root{--base-h:0;--base-s:0%;--base-l:20%;--color-primary:hsla(var(--base-h),var(--base-s),var(--base-l),1);--color-secondary:hsla(var(--base-h),var(--base-s),var(--base-l),0.5);--color-tertiary:hsla(var(--base-h),var(--base-s),var(--base-l),0.25);--color-inverted:#fff;--background:#fff;--shadow-background:#f7f7f7;--elevated-background:#fff;--color-white:#fff;--border:hsla(var(--base-h),var(--base-s),var(--base-l),0.08)}@media(prefers-color-scheme:dark){:root{--base-h:0;--base-s:0%;--base-l:80%;--color-primary:hsla(var(--base-h),var(--base-s),var(--base-l),1);--color-secondary:hsla(var(--base-h),var(--base-s),var(--base-l),0.6);--color-tertiary:hsla(var(--base-h),var(--base-s),var(--base-l),0.3);--color-inverted:#000;--background:#000;--shadow-background:#1a1a1a;--elevated-background:#333;--color-white:#000;--border:hsla(var(--base-h),var(--base-s),var(--base-l),0.16)}}:root{--font-family:"Instrument Sans",sans-serif;--font-size-large:min(48px,max(24px,2.5vw));--font-size-medium:min(32px,max(20px,1.65vw));--font-size-small:min(20px,max(14px,1.15vw));--line-height-normal:1.2;--line-height-paragraph:1.4;--gap-1:0.5rem;--gap-2:1rem;--gap-4:2rem;--gap-6:3rem;--gap-8:4rem;--gap-12:6rem;--gap-16:8rem}.archived-projects-grid .archived-project-item,.archived-projects-grid .archived-project-item p,.profile .image-container .image-overlay,.profile .image-container .image-overlay p,.profile .links,.profile .links p,.tag,.tag p,.text-small,.text-small p,.tooltip,.tooltip p,footer,footer p{font-size:var(--font-size-small);font-variation-settings:"wdth" 90;font-feature-settings:"tnum" on;letter-spacing:.08em;text-transform:uppercase}.text-medium,body,html{font-size:var(--font-size-medium);letter-spacing:.02em}.text-large,section .section-header .section-heading{font-size:var(--font-size-large);font-weight:550;letter-spacing:-.02em}.tag,.tooltip{padding:.2em .4em;border-radius:.4em;width:max-content}body,html{background:var(--background);color:var(--color-primary);font-family:var(--font-family);line-height:var(--line-height-normal);hanging-punctuation:first last;-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:var(--color-secondary);transition:color .15s ease-in-out}a:hover{color:var(--color-primary)}button,select{font-size:1rem}img{max-width:100%;height:auto;display:block}.icon{height:1em;width:auto}p{line-height:var(--line-height-paragraph)}p a{position:relative}p a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:var(--border)}p+p{margin-top:var(--gap-2)}main{margin:0 10vw}@media(max-width:768px){main{margin:0 5vw}}nav{z-index:100;position:fixed}@media(max-width:768px){nav{bottom:var(--gap-4);left:50%;transform:translateX(-50%)}}@media(min-width:769px){nav{top:50%;left:var(--gap-1);transform:translateY(-50%)}}nav ul{z-index:0;position:relative;--inner-padding:0.25rem;padding:var(--inner-padding);border-radius:calc(1rem + var(--inner-padding))}@media(max-width:768px){nav ul{display:flex}}@media(min-width:769px){nav ul{display:flex;flex-direction:column;background:transparent;transition:all .3s ease-in-out}}@media(min-width:769px)and (hover:hover){nav ul:hover{background:var(--shadow-background)}}nav ul .indicator{opacity:0;z-index:-1;position:absolute;left:var(--inner-padding);width:calc(100% - 2*var(--inner-padding));height:2rem;border-radius:1rem;transition:all .3s ease-in-out;background:var(--elevated-background)}nav ul li{cursor:pointer;color:var(--color-secondary);border-radius:999px;display:flex;align-items:center;transition:all .15s ease-in-out}nav ul li .nav-item-icon{width:2em;height:2em;display:flex;align-items:center;justify-content:center}nav ul li:hover{color:var(--color-primary);background:var(--background)}nav ul li:active{transform:scale(.9)}footer{padding:var(--gap-12) 0;color:var(--color-secondary);text-align:center}section{padding:var(--gap-6) 0}section .section-header{position:relative;margin-bottom:var(--gap-2);display:flex}section .section-header .section-heading{flex:1 1;position:relative;top:-.15em;color:var(--color-primary)}section .section-header .section-heading .section-subheading{color:var(--color-tertiary)}section .section-header .section-description{flex:1 1;color:var(--color-secondary)}section.profile{padding-top:var(--gap-12)}section.profile .image-container{margin-top:var(--gap-2)}section.selected-projects{display:flex;flex-direction:column;gap:var(--gap-12)}section.bookmarks{min-height:100vh}section.bookmarks .section-header{margin-bottom:var(--gap-4)}@media(max-width:768px){section .section-header{flex-direction:column}section.profile{padding-top:var(--gap-16)}section.profile .section-header{margin-bottom:var(--gap-2)}section.profile .section-header .section-heading{margin-bottom:var(--gap-4)}}.profile .links{position:absolute;top:var(--gap-2);display:flex;gap:var(--gap-1)}.profile .image-container{position:relative;overflow:hidden;border-radius:.5rem}.profile .image-container .portrait{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.profile .image-container .image-overlay{opacity:0;position:absolute;bottom:0;left:0;right:0;padding:1em 1.2em;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.1));color:var(--color-white);display:flex;align-items:flex-end;justify-content:space-between;transition:all .15s ease-in-out}.profile .image-container:hover .image-overlay{opacity:1}.selected-project-item-images{width:100%;aspect-ratio:3/2;border-radius:1rem;background:var(--shadow-background);display:flex;align-items:center;justify-content:center}.selected-project-item-images img{height:100%;width:auto}.archived-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-gap:var(--gap-2);gap:var(--gap-2)}.archived-projects-grid .archived-project-item{--inner-padding:1.5em;position:relative;aspect-ratio:1;border-radius:var(--inner-padding);background:var(--shadow-background);display:flex;align-items:center;justify-content:center}.archived-projects-grid .archived-project-item:hover .archived-project-item-tags{opacity:1}.archived-projects-grid .archived-project-item .archived-project-item-icon{width:4.2rem;height:4.2rem;overflow:hidden;border-radius:25%;transition:all .15s ease-in-out}.archived-projects-grid .archived-project-item .archived-project-item-icon:hover{transform:scale(1.05)}.archived-projects-grid .archived-project-item .archived-project-item-tags{transition:all .15s ease-in-out;opacity:0;position:absolute;top:calc(var(--inner-padding) - .2em);left:calc(var(--inner-padding) - .2em);display:flex;flex-wrap:wrap;gap:.5em}.archived-projects-grid .archived-project-item .archived-project-item-tags .tag,.archived-projects-grid .archived-project-item .archived-project-item-tags .tooltip{color:var(--color-secondary);border:1px solid}.archived-projects-grid .archived-project-item .archived-project-item-information{position:absolute;left:var(--inner-padding);bottom:calc(var(--inner-padding) - .2em)}.archived-projects-grid .archived-project-item .archived-project-item-information .archived-project-item-information-year{color:var(--color-secondary)}.bookmark-item{display:flex;align-items:center;justify-content:space-between;margin:var(--gap-2) 0}.bookmark-item .bookmark-item-date{font-feature-settings:"tnum" on;color:var(--color-tertiary)}.tooltip{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--color-primary);color:var(--color-inverted)}.tooltip.tooltip-right{top:50%;left:calc(100% + var(--gap-1));transform:translateY(-50%)}.tooltip.tooltip-left{top:50%;right:calc(100% + var(--gap-1));transform:translateY(-50%)}.tooltip.tooltip-top{bottom:calc(100% + var(--gap-1));left:50%;transform:translateX(-50%)}.tooltip.tooltip-bottom{top:calc(100% + var(--gap-1));left:50%;transform:translateX(-50%)}.month-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;border-radius:999px;padding:.25em;background:transparent;transition:all .3s ease-in-out}.month-toggle .month-toggle__current-month{margin:0 .5em;color:var(--color-secondary);font-feature-settings:"tnum" on}.month-toggle:hover{background:var(--shadow-background)}.month-toggle:hover .month-toggle__select{margin:0}.month-toggle .month-toggle__button,.month-toggle .month-toggle__select{cursor:pointer;border-radius:999px;background:transparent;color:var(--color-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s ease-in-out}.month-toggle .month-toggle__button:hover,.month-toggle .month-toggle__select:hover{background:var(--elevated-background);color:var(--color-primary)}.month-toggle .month-toggle__button:active,.month-toggle .month-toggle__select:active{transform:scale(.9)}.month-toggle .month-toggle__button{border:none;width:2em;height:2em}.month-toggle .month-toggle__button--disabled{opacity:.5;color:var(--color-tertiary);cursor:not-allowed}.month-toggle .month-toggle__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;height:2em;border-radius:999px;padding:0 .75em}.month-toggle .month-toggle__select:focus{outline:none}.month-toggle .month-toggle__select option{color:var(--color-primary)}