@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Newsreader:wght@400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Merriweather,Georgia,Times New Roman,serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff}body{margin:0;min-height:100vh}h1,h2{line-height:1.2}*{margin:0;padding:0;box-sizing:border-box}.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .8s ease-out;overflow:hidden;touch-action:none}.welcome-overlay.hiding{opacity:0}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.welcome-image{width:100px;height:100px;border-radius:50%;cursor:pointer;transition:all .8s ease-out}.hiding .welcome-image{transform:translateY(20px) scale(.9);opacity:0}.welcome-text{color:#000;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase}.audio-control{position:fixed;bottom:20px;left:20px;z-index:1001;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:36px;height:36px;cursor:pointer;opacity:.5;transition:opacity .3s;display:flex;align-items:center;justify-content:center;padding:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.audio-control:hover{opacity:1}.main-content{width:100%;padding:25px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;opacity:0;transform:translateY(20px);transition:all .8s ease-out;visibility:hidden;min-height:100vh}.container.loaded .main-content{opacity:1;transform:translateY(0);visibility:visible}.header{display:flex;flex-direction:column;gap:20px;opacity:0;transform:translateY(20px);transition:all .8s ease-out;transition-delay:.2s}.name-badge{display:flex;align-items:center;justify-content:space-between;width:100%}.name-badge-left{display:flex;align-items:center;gap:10px}.cube-container{width:20px;height:20px;display:flex;align-items:center;justify-content:center;overflow:visible}.name-text{color:#000;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase;margin-top:2px}.intro-section{width:100%;padding-right:50px;display:inline-flex;justify-content:space-between;align-items:flex-start;margin-top:2rem}.intro-content{display:flex;flex-direction:column;gap:20px}.intro-title{width:887px;color:#000;font-size:32px;font-family:Helvetica Neue;font-weight:400;display:flex;flex-direction:column;gap:4px}.intro-title>div{overflow:hidden}.intro-title:hover{cursor:default}.intro-description{display:flex;gap:3rem;align-items:flex-start}.intro-description-divider{width:1px;background:#0000001a;align-self:stretch}.description-left,.description-right{color:#000;font-size:12px;font-family:JetBrains Mono;font-weight:300;line-height:1.6;min-height:calc(1.6em * 3);max-height:calc(1.6em * 3);width:fit-content;max-width:20rem}.description-left{width:20rem;max-width:20rem}.description-right{width:14rem;max-width:14rem}.navigation{display:flex;gap:38px}.nav-item{width:100%;height:100%;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px}.nav-item div{align-self:stretch;color:#000;font-size:14px;font-family:Helvetica Neue;font-weight:400;text-transform:lowercase;word-wrap:break-word}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:fit-content}.profile-section,.values-section,.projects-section,.interests-section{display:flex;flex-direction:column;border:1px black solid;height:100%;min-height:200px}.profile-content,.values-content{flex:1;overflow-y:auto}@media (max-width: 768px){.content-grid{grid-template-columns:1fr}.profile-section,.values-section{height:fit-content}}.profile-section{flex:1;padding:10px;border:1px black solid;display:flex;flex-direction:column;gap:10px}.profile-header{padding:2px 10px;background:#000;display:flex;align-items:center}.profile-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.profile-content{flex:1;display:flex;flex-direction:column;gap:10px;overflow:hidden}.profile-grid{display:flex;gap:10px;width:100%}.profile-card,.experience-card,.skills-card,.citations-card,.awards-section{padding:10px;border:1px #E2E2E2 solid;display:flex;flex-direction:column;gap:10px}.skills-card{gap:10px}.profile-image{width:80px;height:80px;border-radius:9999px}.card-header{padding:5px;background:#e7e5de;color:#7a7a7a;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.experience-list,.skills-list,.awards-list{display:flex;flex-direction:column;gap:2px;font-size:12px;font-family:JetBrains Mono;font-weight:300}.divider{height:1px;background:#e2e2e2;margin:2px 0}.citation-count-container{display:flex;flex-direction:column;align-items:center;gap:5px}.citation-display{display:flex;align-items:center;gap:10px}.citation-number{font-size:32px;font-family:JetBrains Mono,monospace;font-weight:300;font-variant-numeric:tabular-nums;transition:color .3s ease;min-width:3ch;text-align:center;color:#1a1a1a}.citation-loading{display:flex;align-items:center}.loading-dots{font-family:JetBrains Mono,monospace;font-size:16px;color:#666;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.citation-debug{font-size:10px;font-family:JetBrains Mono,monospace;color:#666;text-align:center}.citation-debug .error{color:#ff6b6b}.citation-debug .stale{color:#ffa726}.citations-card{padding:10px;border:1px #E2E2E2 solid;display:flex;flex-direction:column;gap:10px}.citations-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px}.citations-link{text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.citations-icon{width:18px;height:18px;filter:grayscale(100%);opacity:.5;transition:opacity .3s ease;margin-top:4px}.citations-link:hover .citations-icon{opacity:1;filter:grayscale(0%)}.values-section{flex:1;padding:10px;border:1px black solid;display:flex;flex-direction:column;gap:10px}.values-header{padding:2px 10px;background:#000;display:flex;align-items:center}.values-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.values-content{flex:1;padding:.5rem;overflow:hidden}.values-text{color:#000;font-size:12px;font-family:JetBrains Mono;font-weight:400;line-height:1.5}.footer-bar{align-self:stretch;flex:1;padding:10px;background:#656565;opacity:0;transform:translateY(20px);transition:all .8s ease-out;transition-delay:.6s;max-height:2.5rem!important}.experience-list>div:first-child,.skills-list>div:first-child,.awards-list>div:first-child,.skills-list{margin-top:5px}.experience-list,.skills-list,.awards-list{display:flex;flex-direction:column;gap:2px}.experience-item,.skills-list,.award-item{padding:0 5px;color:#000;font-size:12px;font-family:JetBrains Mono;font-weight:300}.loaded .header,.loaded .content-grid,.loaded .footer-bar{opacity:1;transform:translateY(0)}.ripple-container{position:absolute;top:50px;left:50px;pointer-events:none;opacity:0}.ripple{position:absolute;border:1px solid rgba(0,0,0,.1);border-radius:50%;opacity:0}.hiding .ripple{animation:ripple 1s ease-out forwards}.hiding .ripple:nth-child(1){animation-delay:0s}.hiding .ripple:nth-child(2){animation-delay:.2s}.hiding .ripple:nth-child(3){animation-delay:.4s}@keyframes ripple{0%{width:100px;height:100px;opacity:.5;transform:translate(-50%,-50%) scale(1)}to{width:100px;height:100px;opacity:0;transform:translate(-50%,-50%) scale(3)}}.hiding .ripple-container{opacity:1}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}.container{width:100%;height:100%;position:relative}.main-content{width:100%;padding:25px;display:flex;flex-direction:column;gap:20px}.grids-container{display:flex;flex-direction:column;gap:10px;margin-top:120px}.intro-section{width:100%;padding-right:20px;flex-direction:column;gap:30px}.intro-title{font-size:28px;width:100%}.intro-description{flex-direction:column;gap:20px}.description-left,.description-right{width:100%}.content-grid{flex-direction:column;gap:20px}.profile-section,.values-section{width:100%}@media (min-width: 768px){.intro-section{flex-direction:row;padding-right:50px}.intro-title{font-size:32px;width:887px}.intro-description{flex-direction:row;gap:3rem}.description-left{width:20rem}.description-right{width:14rem}.content-grid{flex-direction:row;gap:10px}}@media (max-width: 480px){.main-content{padding:15px;gap:40px}.name-badge{padding:8px}.profile-grid{flex-direction:column;gap:10px}.intro-title{font-size:24px}.navigation{display:none}}@media (max-width: 480px){.profile-grid{flex-direction:column}.profile-card,.experience-card,.skills-card,.citations-card{width:100%}}.profile-card,.skills-card,.citations-card,.awards-section{padding:10px;border:1px #E2E2E2 solid;display:flex;flex-direction:column}.experience-card{flex:1 1 auto;padding:10px;border:1px #E2E2E2 solid;display:flex;flex-direction:column}@media (max-width: 480px){.profile-grid{flex-direction:column}.profile-card,.experience-card,.skills-card{width:100%}}@media (max-width: 768px){.intro-description-divider{display:none}}@media (max-width: 768px){.description-left,.description-right{max-width:100%;font-size:clamp(10px,3vw,12px)}}@media (max-width: 768px){.bottom-grid{grid-template-columns:1fr;gap:10px}.ought-section,.interests-section{height:fit-content;width:100%}}.projects-section,.interests-section{display:flex;flex-direction:column;border:1px black solid;height:100%;min-height:200px;padding:10px}.projects-section .values-content,.interests-section .values-content{flex:1;padding:.5rem;overflow-y:auto}@media (max-width: 768px){.bottom-grid{grid-template-columns:1fr}.projects-section,.interests-section{height:fit-content}}.bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:fit-content}.ought-section,.interests-section{display:flex;flex-direction:column;border:1px black solid;height:fit-content;min-height:min-content;padding:10px;gap:10px}.ought-section,.interests-section{display:flex;flex-direction:column;border:1px black solid;height:100%;min-height:200px}.ought-section .values-content,.interests-section .values-content{flex:1;padding:.5rem;overflow-y:auto}.bottom-grid>*:only-child{height:fit-content}.ought-section,.interests-section{display:flex;flex-direction:column;border:1px black solid;height:100%;min-height:200px;padding:10px;gap:10px}.ought-header{padding:2px 10px;background:#000;display:flex;align-items:center}.ought-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.ought-content{flex:1;padding:.5rem;overflow-y:auto}.ought-text{color:#000;font-size:12px;font-family:JetBrains Mono;font-weight:400;line-height:1.5}@media (max-width: 768px){.ought-section,.interests-section{height:fit-content}}.footer-bar{width:100%;height:1rem;background:#000;display:flex;justify-content:flex-end;align-items:center;padding-right:1rem;gap:1rem}.footer-icon{height:.8rem;width:auto;filter:invert(1);transition:opacity .2s ease}.footer-icon:hover{opacity:.7}@media (max-width: 768px){.grids-container{margin-top:60px}}body.welcome-active{overflow:hidden!important;position:fixed;width:100%;height:100%}.journey-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;touch-action:none;pointer-events:none}.profile-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px #E2E2E2 solid;gap:10px;text-align:center}.profile-image{width:80px;height:80px;border-radius:9999px;margin:0 auto}.profile-info{display:flex;flex-direction:column;align-items:center;gap:0px}.profile-name{color:#000;font-size:12px;font-family:JetBrains Mono;font-weight:300;text-align:center}.profile-age{color:#000;font-size:10px;font-family:JetBrains Mono;font-weight:300;text-align:center}*{cursor:none}.cursor{width:10px;height:10px;background:#333;position:fixed;pointer-events:none;z-index:9999;transition:width .2s ease-out,height .2s ease-out,background .2s ease-out,border .2s ease-out;will-change:transform}.cursor--text{width:2px;height:24px}.cursor--clickable{width:15px;height:15px;background:transparent;border:1px solid #333333}::selection{background:#f4f3ef;color:#000}::-moz-selection{background:#f4f3ef;color:#000}.nav-item div{cursor:pointer;transition:opacity .3s ease}.nav-item div.active{opacity:1;font-weight:500}.nav-item div:not(.active){opacity:.5}.philosophy-text{padding:10px;font-family:JetBrains Mono;font-size:12px;line-height:1.5;margin-bottom:20px}.tools-card{padding:10px;border:1px #E2E2E2 solid}.tools-list{margin-top:10px}.tool-item{padding:5px;font-family:JetBrains Mono;font-size:12px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:100%;overflow-y:auto}.project-card{overflow:hidden;padding:0;background:none;border:none;aspect-ratio:16/9;position:relative;border:1px black solid;transition:transform .3s ease}.project-card a{display:block;width:100%;height:100%}.project-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.project-title,.project-description{position:relative;z-index:1}.project-title{font-family:JetBrains Mono;font-size:14px;font-weight:500;margin-bottom:10px}.project-description{font-family:JetBrains Mono;font-size:12px;line-height:1.5;color:#666}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.grids-container{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.grids-container{opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}.grids-container:not(.transitioning){animation:fadeUp .25s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.grids-container.transitioning{opacity:0;transform:translateY(30px)}.content-grid,.bottom-grid{opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}.transitioning .content-grid,.transitioning .bottom-grid{opacity:0;transform:translateY(30px)}[currentSection=design] .content-grid{flex:1;height:calc(100vh - 300px)}.values-section .values-content{height:100%;overflow-y:auto}@media (max-width: 768px){.design-grid{grid-template-columns:1fr;gap:10px}.profile-section,.selected-works-section{width:100%}.projects-grid{grid-template-columns:1fr}}.design-grid .profile-section,.design-grid .values-section{height:100%;min-height:0}.design-container{display:flex;flex-direction:column;height:calc(100vh - 300px);opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out;margin-top:120px}.design-container.transitioning{opacity:0;transform:translateY(30px)}.design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:100%;flex:1}@media (max-width: 768px){.design-container{margin-top:60px;height:auto;min-height:0}.design-grid{grid-template-columns:1fr!important;gap:15px;height:auto}.design-grid .profile-section,.design-grid .values-section,.design-grid .selected-works-section{width:100%;height:auto;min-height:200px}.projects-grid{grid-template-columns:1fr!important;height:auto}.selected-works-content{height:auto;max-height:none}}.selected-works-section{flex:1;padding:10px;border:1px black solid;display:flex;flex-direction:column;gap:10px}.selected-works-header{padding:2px 10px;background:#000;display:flex;align-items:center}.selected-works-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.selected-works-content{flex:1;overflow-y:auto;padding:0}.hamburger-button{display:none;background:none;border:none;padding:10px;opacity:0;transition:opacity .3s ease-out;margin-left:auto}.loaded .hamburger-button{opacity:1}@media (max-width: 768px){.loaded .hamburger-button{display:block;opacity:1;position:static}.mobile-menu.open{transform:translate(0);display:block}.bottom-grid,.design-grid{grid-template-columns:1fr!important;gap:15px}.ought-section,.interests-section,.profile-section,.selected-works-section{width:100%}.projects-grid{grid-template-columns:1fr!important}}.hamburger-icon{width:24px;height:18px;position:relative;transform:rotate(0);transition:.25s ease-in-out;cursor:pointer}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:#000;border-radius:1px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.hamburger-icon.open span:nth-child(1){top:8px;transform:rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:translate(-60px)}.hamburger-icon.open span:nth-child(3){top:8px;transform:rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:999;padding:60px 20px 20px;transition:all .3s ease-out;transform:translate(100%);opacity:0;visibility:hidden}.mobile-menu.open{transform:translate(0);opacity:1;visibility:visible}@media (max-width: 768px){.mobile-menu.open{display:block}}.mobile-menu .nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:40px}.mobile-menu .nav-item div{font-size:24px;font-family:Helvetica Neue,sans-serif;opacity:.5;transition:opacity .3s ease}.mobile-menu .nav-item div.active{opacity:1}@media (max-width: 768px){.navigation{display:none}.loaded .hamburger-button{display:block;opacity:1;position:static}.mobile-menu.open{transform:translate(0);display:block}.bottom-grid,.design-grid{grid-template-columns:1fr!important;gap:15px}.ought-section,.interests-section,.profile-section,.selected-works-section{width:100%}.projects-grid{grid-template-columns:1fr!important}}@media (hover: none) and (pointer: coarse){.cursor{display:none}*{cursor:auto!important}}.mobile-close-button{position:absolute;top:20px;right:20px;background:none;border:none;padding:10px;z-index:1000}.close-icon{width:24px;height:24px;position:relative}.close-icon span{display:block;position:absolute;height:2px;width:100%;background:#000;border-radius:1px;opacity:1;left:0;top:50%;transition:.25s ease-in-out}.close-icon span:nth-child(1){transform:rotate(45deg)}.close-icon span:nth-child(2){transform:rotate(-45deg)}@media (max-width: 768px){.intro-title br{display:none}}.writing-container{display:grid;grid-template-columns:250px 1fr;gap:20px;margin-top:120px;flex:1}.writing-search{border:1px solid black;padding:10px;height:fit-content;width:250px;flex-shrink:0}.writing-search-header{padding:2px 10px;background:#000;display:flex;align-items:center;margin-bottom:10px}.writing-search-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.writing-search input{width:100%;padding:8px;border:1px solid #E2E2E2;font-family:JetBrains Mono;font-size:12px;margin-bottom:10px}.writing-card{height:auto;min-height:2.5rem;background:#f4f3ef;text-decoration:none;display:flex;flex-direction:column;padding:15px;gap:8px;transition:opacity .3s ease,transform .3s ease;border:1px solid #67624F}.writing-card:hover{opacity:.8;transform:translateY(-2px)}.writing-title{color:#67624f;font-family:JetBrains Mono;font-size:14px;font-weight:500}.writing-date{color:#67624f;font-family:JetBrains Mono;font-size:10px;padding:2px 8px;border-radius:12px;background:#e2e0db;display:flex;gap:8px;flex-wrap:wrap;width:fit-content}.writing-grid{display:flex;flex-direction:column;gap:10px;padding-bottom:40px}@media (max-width: 768px){.writing-container{grid-template-columns:1fr;margin-top:60px;gap:15px}.writing-search{width:100%}.writing-card{padding:12px}.writing-title{font-size:13px}.writing-date{font-size:9px;padding:2px 6px}}.design-container,.work-outer-container,.writing-container{opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}.design-container:not(.transitioning),.work-outer-container:not(.transitioning),.writing-container:not(.transitioning){animation:fadeUp .25s ease-out}.work-outer-container.transitioning,.writing-container.transitioning{opacity:0;transform:translateY(30px)}.loading-state,.empty-state{font-family:JetBrains Mono;font-size:14px;color:#67624f;text-align:center;padding:2rem}.loading-state{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.work-year-section{margin-bottom:40px}.year-header{padding:2px 10px;background:#000;display:flex;align-items:center;margin-bottom:20px}.year-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.work-card{position:relative;background:#f4f3ef;border:1px solid #67624F;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:200px;transition:transform .3s ease}.work-card:hover{transform:translateY(-2px)}.work-card-content{display:flex;flex-direction:column;gap:15px;z-index:1}.work-title{font-family:JetBrains Mono;font-size:18px;font-weight:500;color:#67624f;margin:0}.work-description{font-family:JetBrains Mono;font-size:12px;line-height:1.5;color:#67624f;margin:0}.work-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #E2E2E2}.work-thumbnail img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.work-outer-container{margin-top:60px}.work-grid{grid-template-columns:1fr}.work-card{grid-template-columns:1fr;padding:20px}.work-title{font-size:20px}.work-description{font-size:12px}.work-thumbnail{height:150px;margin-top:15px}}.work-outer-container{display:flex;gap:20px;margin-top:120px}.work-search{border:1px solid black;padding:10px;height:fit-content;width:250px;flex-shrink:0}.work-search input{width:100%;padding:8px;border:1px solid #E2E2E2;font-family:JetBrains Mono;font-size:12px;margin-bottom:10px}.tag-filters{display:flex;flex-wrap:wrap;gap:8px}.tag-filter{background:#f4f3ef;border:1px solid #67624F;color:#67624f;font-family:JetBrains Mono;font-size:10px;padding:4px 12px;cursor:pointer;transition:all .2s ease}.tag-filter.active{background:#67624f;color:#f4f3ef}@media (max-width: 768px){.work-search{width:100%}}.work-tag{color:#67624f;font-family:JetBrains Mono;font-size:10px;padding:2px 8px;border-radius:12px;background:#e2e0db;display:flex;gap:8px;flex-wrap:wrap;width:fit-content}.work-tags{display:flex;flex-wrap:wrap;gap:8px}.work-search-header{padding:2px 10px;background:#000;display:flex;align-items:center;margin-bottom:10px}.work-search-header-text{color:#fff;font-size:12px;font-family:JetBrains Mono;font-weight:400;text-transform:uppercase}@media (max-width: 768px){.work-outer-container{flex-direction:column;margin-top:60px}.work-search{width:100%;margin-bottom:20px}.work-grid{grid-template-columns:1fr}.work-card{padding:15px}.tag-filters{display:flex;flex-wrap:wrap;gap:6px}.tag-filter{font-size:10px;padding:3px 8px}.work-title{font-size:16px}.work-description{font-size:12px}}