:root{--primary-color: #4CAF50;--secondary-color: #ff6347;--background-color: #ffffff;--font-main: "Josefin Slab", serif}body,html{margin:0;padding:0;height:100%;font-family:var(--font-main);background-color:var(--background-color);overflow-x:hidden}.App{display:flex;height:100vh}.home-layout{display:flex;min-height:100vh;max-width:90rem;margin-left:auto;margin-right:auto}.navBar{position:fixed;top:7%;left:2%;width:5%;height:15%;background-color:transparent;padding:2vw;display:flex;flex-direction:column;justify-content:start;font-size:clamp(13px,1vw,16px);line-height:3vh;z-index:10}.navBar a{color:#000;text-decoration:none}.navBar ul{list-style:none;padding:0}.navBar li{margin-bottom:10px;cursor:pointer}.app-logo{position:absolute;top:10px;right:10px;width:100px;height:auto}@media (max-width: 820px){.App{flex-direction:column;height:auto;min-height:100vh}.home-layout{flex-direction:column}.navBar{position:sticky;top:0;left:0;width:100%;height:auto;flex-direction:row;justify-content:center;padding:10px 12px;box-sizing:border-box;font-size:15px;line-height:normal;background-color:#ffffff73;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border-bottom:1px solid rgba(0,0,0,.06)}.navBar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0}.navBar li{margin-bottom:0}.app-logo{display:none}}.profile{flex:0 0 28rem;min-height:100vh;padding-left:6rem;background:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box}.profile h1{font-family:Josefin Slab,serif;font-optical-sizing:auto;font-weight:400;font-size:1.6rem;margin-bottom:.2em}.name-alt{font-family:Josefin Slab,serif;font-weight:300;color:#666;font-size:.86rem;margin-top:0;margin-bottom:.6em}.profile-picture{width:18rem;height:18rem;object-fit:cover;object-position:center;border-radius:10%;margin-bottom:1rem}.introduction{font-family:Josefin Slab,serif;font-optical-sizing:auto;font-weight:100;max-width:22rem;font-size:1rem}.currently-building{font-family:Josefin Slab,serif;font-weight:500;font-style:italic;font-size:.82rem;color:#76b900;max-width:22rem;margin-top:.2em;margin-bottom:1em}.quote{font-family:Josefin Slab,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;max-width:18rem;font-size:.9rem}.author{font-style:italic;color:#666;font-size:.76rem}@media (max-width: 820px){.profile{flex:none;width:100%;min-height:auto;box-sizing:border-box;padding:24px 20px 8px}.introduction,.quote{max-width:90%}}.media-carousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px}.media-carousel__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.media-carousel__track::-webkit-scrollbar{display:none}.media-carousel__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.media-carousel__slide img,.media-carousel__slide video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.media-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000059;color:#fff;font-size:20px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:2}.media-carousel:hover .media-carousel__arrow{opacity:1}.media-carousel__arrow:hover{background:#0009}.media-carousel__arrow--prev{left:8px}.media-carousel__arrow--next{right:8px}.media-carousel__dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2}.media-carousel__dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:#ffffff8c;box-shadow:0 0 2px #00000080;cursor:pointer;transition:background .2s ease,transform .2s ease}.media-carousel__dot.is-active{background:#fff;transform:scale(1.25)}@media (max-width: 820px){.media-carousel__arrow{display:none}}.projects-list{list-style:none;padding:0;margin:0}.project-item{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-bottom:1.5rem}.project-carousel{position:relative;width:31.5rem;max-width:100%;height:17.72rem;flex-shrink:0;margin:2rem 1.5rem}.project-details{display:flex;flex-direction:column;flex:1 1 18rem;min-width:10rem;max-width:28rem;margin-left:1.5rem;margin-right:2rem}.project-item__title{font-size:1.26rem;font-weight:700;color:#333;margin-bottom:.5vw}a.project-item__title{text-decoration:none;color:#333;cursor:pointer}a.project-item__title:hover{text-decoration:underline}.project-item__year{font-size:.9rem;color:#666;margin-bottom:.5vw}.project-item__description,.project-item__details{font-size:.81rem;color:#444;margin-bottom:.5vw}.project-item__details{font-style:italic}.best-paper{color:#cc2d27;font-weight:700}.me{color:#000;font-weight:700}.project-links{display:flex;flex-wrap:wrap;gap:.9em;margin-top:.4em;font-style:normal}.project-links a{color:#333;font-weight:700;text-decoration:underline;text-underline-offset:2px}.project-links a:hover{color:#000}.project-links a:focus-visible{outline:2px solid #333;outline-offset:2px}.project-item--grid{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:30rem;max-width:100%;margin-bottom:0}.project-item--grid .project-carousel{width:100%;height:auto;aspect-ratio:16 / 9;margin:0 0 .6rem}.project-item--grid .project-details{width:100%;max-width:100%;margin-right:0;flex:none}@media (max-width: 820px){.project-item{flex-direction:column;width:100%;box-sizing:border-box;min-width:0;margin-bottom:28px}.project-carousel{width:100%;height:auto;aspect-ratio:16 / 9;margin:0 0 12px}.project-carousel__arrow{display:none}.project-details{width:100%;max-width:100%;min-width:0;margin-right:0}.project-item__title,.project-item__details{overflow-wrap:anywhere}.project-item__title{font-size:18px}.project-item__year,.project-item__description,.project-item__details{font-size:14px}}.panel{flex:0 0 62rem;height:100vh;background-color:var(--background-color);padding:1rem;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}@media (max-width: 820px){.panel{flex:none;width:100%;height:auto;box-sizing:border-box;padding:8px 12px 32px;overflow-y:visible}}.works-page{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;position:relative}.works-banner{background-color:#fff0;text-align:center;width:100%;padding:10px 0;position:fixed;top:0;z-index:1}.works-title{font-size:2rem;color:#333;text-align:center;margin-bottom:.5rem;font-family:Tangerine,cursive;transition:opacity .3s ease}.works-title.hidden{opacity:0}.search-bar{margin-top:1rem;padding:.5rem 1rem;border-radius:25px;background-color:#c5c5c5;box-shadow:0 2px 5px #0000001a;display:inline-block}.search-bar input{border:none;outline:none;font-size:1rem;width:200px;background-color:#c5c5c5;color:#000;padding:.5rem}.works-list{list-style:none;padding-top:15vh;width:100vw;overflow-y:auto;display:flex;flex-direction:column;align-items:center;row-gap:8vh;box-sizing:border-box;z-index:0}.work-row{display:flex;flex-wrap:wrap;justify-content:center;max-width:70rem;gap:4rem}@media (max-width: 820px){.works-list{padding-top:80px;row-gap:36px}.work-row{flex-direction:column;max-width:88vw;gap:36px}}.art-banner{background-color:#fff0;text-align:center;width:100%;padding:10px 0;position:fixed;top:0;z-index:1;font-family:Tangerine,cursive;font-weight:200;font-style:normal;font-size:2.5rem;color:#000}.art-container{display:flex;flex-direction:column;align-items:center;overflow-y:scroll;height:80vh;margin:0 auto;width:100vw;padding-top:15vh;z-index:0}.art-row{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:6px;width:100%;max-width:min(80vw,1200px);gap:8px}.art-item{text-align:center}.art-item img{max-width:100%;height:auto;width:auto;max-height:28em;object-fit:contain;margin:0}.art-row--equal{gap:0}.art-row--equal .art-item img{max-height:15em;margin:0}.art-item--small img{max-height:60em}.art-row--three{flex-wrap:nowrap}.art-row--three .art-item img{max-height:20em;border:2px solid #aaa}.art-item p{margin:4px 0 0;font-size:14px;color:#333}@media (max-width: 820px){.art-banner{font-size:2rem}.art-container{height:auto;overflow-y:visible;padding-top:80px;padding-bottom:32px}.art-row{max-width:92vw;gap:16px;margin-bottom:16px}.art-item img{max-height:80vw;margin:0}}.contact-container{width:100%;margin:0 auto;text-align:left;font-size:clamp(15px,1.2vw,18px);color:#333;line-height:1.6;max-width:35vw;margin-left:40vw;margin-top:10vw;margin-bottom:10vw;font-family:Josefin Slab,serif}.contact-title{font-family:Tangerine,cursive;font-size:clamp(32px,3vw,56px);margin-bottom:2vw;color:#000}.contact-intro{margin-bottom:2vw}.contact-info p{margin-bottom:1vw;font-size:clamp(14px,1.1vw,17px)}.contact-info a{color:#333;text-decoration:none;font-weight:700}.contact-info a:hover{text-decoration:underline}@media (max-width: 820px){.contact-container{max-width:90%;margin:90px auto 48px;padding:0 20px;box-sizing:border-box}.contact-intro,.contact-info p{margin-bottom:16px}.contact-title{margin-bottom:18px}}.about-container{width:100%;margin:8vw auto;max-width:36em;text-align:left;font-size:1.125rem;color:#333;line-height:1.8;font-family:Josefin Slab,serif}.about-container p{margin:0 0 1.4em}.about-title{font-family:Tangerine,cursive;font-size:clamp(34px,3.2vw,60px);margin-bottom:.2em;color:#000}.about-epigraph{font-style:italic;color:#888;font-size:clamp(14px,1.05vw,18px);letter-spacing:.04em;margin:0 0 2em!important}.about-pullquote{margin:1.8em 0;padding:.2em 0 .2em 1em;border-left:3px solid #cc2d27;font-family:Josefin Slab,serif;font-style:italic;font-weight:300;color:#1a1a1a;font-size:clamp(18px,1.7vw,30px);line-height:1.45}.about-intro{display:flex;align-items:flex-start;gap:1.5vw;margin-bottom:1.4em}.about-photo{width:clamp(90px,9vw,160px);height:clamp(90px,9vw,160px);object-fit:cover;object-position:center;border-radius:10%;flex-shrink:0}.about-figure{margin:2em 0}.about-figure--art{max-width:90%;margin-left:auto;margin-right:auto}.about-figure--art .note-carousel__slide{display:flex;gap:8px;aspect-ratio:4 / 3}.about-figure--art .note-carousel__slide img{flex:1;min-width:0;height:100%;object-fit:cover;object-position:center top;border-radius:4px;box-shadow:none}.about-figure--art .note-carousel__slide[data-small] img{object-fit:contain;object-position:center}.about-figure img,.about-figure video{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 2px 14px #0000001f}.note-carousel{position:relative;width:100%}.note-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;border-radius:6px}.note-carousel__track::-webkit-scrollbar{display:none}.note-carousel__slide{flex:0 0 100%;scroll-snap-align:start}.note-carousel__slide img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 2px 14px #0000001f}.note-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000059;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:2}.note-carousel:hover .note-carousel__arrow{opacity:1}.note-carousel__arrow:hover{background:#0009}.note-carousel__arrow--prev{left:8px}.note-carousel__arrow--next{right:8px}.note-carousel__dots{display:flex;justify-content:center;gap:6px;margin-top:.7em}.note-carousel__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#ccc;cursor:pointer;transition:background .2s ease,transform .2s ease}.note-carousel__dot.is-active{background:#cc2d27;transform:scale(1.25)}.about-figure figcaption{margin-top:.6em;font-size:clamp(12px,.9vw,15px);font-style:italic;color:#777;text-align:center}.about-closing{color:#000}.about-container a{color:#333;text-decoration:none;font-weight:700}.about-container a:hover{text-decoration:underline}.about-contact{margin-top:2em;color:#555}@media (max-width: 820px){.about-container{max-width:90%;margin:90px auto 48px;padding:0 20px;box-sizing:border-box}.about-intro{flex-direction:column;align-items:center;text-align:center;gap:12px}.about-photo{width:140px;height:140px}.about-figure{margin:1.5em 0}.note-carousel__arrow{display:none}}