@import 'https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Inter:wght@400;700&display=swap';@import 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap';:root{--c-bg:#f6f6f0;--c-sidebar-bg:#f6f6f0;--c-text:#212529;--c-accent:#005f73;--c-border:#dee2e6}body{font-family:inter,sans-serif;line-height:1.6;background-color:var(--c-bg);color:var(--c-text);margin:0;display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar{width:200px;height:100vh;position:fixed;background-color:var(--c-sidebar-bg);padding:2.5rem;box-sizing:border-box;border-right:1px solid var(--c-border)}.sidebar h2{font-family:courier prime,monospace;color:var(--c-text);margin-top:-1rem;font-size:1.2rem;font-weight:300;margin-bottom:1rem;text-align:center}.sidebar nav ul{list-style-type:none;padding:0;margin:0}.sidebar nav a{font-family:courier prime,monospace;display:block;padding:.8rem 0;margin-bottom:.5rem;text-decoration:none;color:var(--c-text);font-weight:400;font-size:1rem;position:relative;transition:color .3s ease}.sidebar nav a:hover{color:var(--c-accent)}.sidebar nav a::before,.sidebar nav a::after{content:'';position:absolute;width:0;height:3px;background-image:linear-gradient(to right,#03bbbb,var(--c-text));transition:width .4s ease-out}.sidebar nav a::before{top:0;left:0;transform-origin:left}.sidebar nav a::after{bottom:0;right:0;transform-origin:right}.sidebar nav a:hover::before,.sidebar nav a:hover::after{width:100%}.main-content{flex-grow:1;margin-left:240px;padding:4rem 5rem;max-width:850px}.content-columns{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4rem}.about-section{flex:3;max-width:100%;margin-top:-1rem}.bio-section{flex:2;max-width:35%;display:flex;flex-direction:column;align-items:flex-start;margin-top:-3rem}.hero-image{margin-top:2rem}@keyframes typewriter{from{width:0}to{width:100%}}@keyframes glitch-main{0%{transform:skewX(0)}25%{transform:skewX(2deg)}50%{transform:skewX(-2deg)}75%{transform:skewX(1deg)}100%{transform:skewX(0)}}@keyframes glitch-top{0%{transform:translate(-3px,0)}14%{transform:translate(0,3px)}38%{transform:translate(3px,-3px)}62%{transform:translate(-3px,3px)skew(4deg)}88%{transform:translate(0,-3px)skew(-4deg)}100%{transform:translate(0)}}@keyframes glitch-bottom{0%{transform:translate(3px,0)}22%{transform:translate(0,-3px)}41%{transform:translate(-3px,3px)}59%{transform:translate(3px,-3px)skew(-4deg)}78%{transform:translate(0,3px)skew(4deg)}100%{transform:translate(0)}}@keyframes clip-anim{0%{clip-path:inset(40% 0 60% 0)}20%{clip-path:inset(10% 0 85% 0)}40%{clip-path:inset(50% 0 30% 0)}60%{clip-path:inset(70% 0 10% 0)}80%{clip-path:inset(90% 0 5% 0)}100%{clip-path:inset(40% 0 60% 0)}}.hero-title{font-family:courier prime,monospace;font-weight:400;font-size:5rem;line-height:1.1;position:relative;width:fit-content;margin:-2rem auto 3rem}.play-typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 2s steps(40,end)forwards}.hero-title::before,.hero-title::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-out}.hero-title::before{left:2px;text-shadow:-2px 0 #005f73}.hero-title::after{left:-2px;text-shadow:-2px 0 #e9ecef,2px 2px #005f73}.hero-title.glitch-ready:hover{animation:glitch-main .7s infinite linear alternate}.hero-title.glitch-ready:hover::before,.hero-title.glitch-ready:hover::after{opacity:1}.hero-title.glitch-ready:hover::before{animation:glitch-top 1.1s infinite linear alternate-reverse,clip-anim 3s infinite linear alternate}.hero-title.glitch-ready:hover::after{animation:glitch-bottom .9s infinite linear alternate-reverse,clip-anim 4s infinite linear alternate}h1,h2,h3,h4,h5,h6{color:var(--c-text);font-weight:700}h1{font-size:2.8rem;margin-bottom:1rem}h2{font-size:2rem;border-bottom:1px solid var(--c-border);padding-bottom:.75rem;margin-top:3rem}a{color:var(--c-accent);text-decoration:none;font-weight:400}a:hover{text-decoration:underline}img{max-width:100%;height:auto;border-radius:8px}@keyframes glitch{2%,64%{transform:translate(2px,0)skew(0)}4%,60%{transform:translate(-2px,0)skew(0)}62%{transform:translate(0,0)skew(5deg)}}.social-links{text-align:center;margin-top:4rem;margin-bottom:2rem}.social-button{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid var(--c-text);border-radius:50%;margin:0 1rem;color:var(--c-text);position:relative;overflow:hidden;transition:color .4s ease-out}.social-button::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background-image:linear-gradient(to top,var(--c-accent),#03bbbb);transition:height .4s ease-out;z-index:-1}.social-button:hover::before{height:100%}.social-button:hover{color:var(--c-bg)}.social-button svg{width:24px;height:24px}html{scroll-snap-type:none}@keyframes imageCrossfade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0}}.page-header__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;opacity:0;animation:imageCrossfade 25s linear infinite}.page-header__bg-image:nth-child(1){animation-delay:0s}.page-header__bg-image:nth-child(2){animation-delay:5s}.page-header__bg-image:nth-child(3){animation-delay:10s}.page-header__bg-image:nth-child(4){animation-delay:15s}.page-header__bg-image:nth-child(5){animation-delay:20s}.page-header{height:350px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;margin-bottom:2rem}.page-header__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.page-header__content{position:relative;z-index:2;text-align:center}.pottery-title{color:var(--c-bg);text-shadow:2px 2px 8px rgba(0,0,0,.7)}.page-intro{max-width:700px;margin:0 auto 3rem;text-align:center;font-size:1.1rem;color:var(--c-text);text-shadow:none}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.gallery__item{position:relative;overflow:hidden;cursor:pointer;border-radius:8px;background-color:var(--c-bg)}.gallery__item img{width:100%;height:100%;object-fit:contain;display:block;--_g:10%/45% 45% no-repeat conic-gradient(#000 0 0);--_i:0%;mask:left var(--_i,)top var(--_g),bottom var(--_i,)left var(--_g),top var(--_i,)right var(--_g),right var(--_i,)bottom var(--_g);filter:grayscale(100%);transition:.4s linear}.gallery__item:hover img{--_i:10%;filter:grayscale(0%)}.page-intro{max-width:700px;margin:0 auto 3rem;text-align:center;font-size:1.1rem}.forest-title,.forest-title .letter,.pottery-overlay-title,.letter-title,.letter-title span{font-family:courier prime,monospace !important}.full-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.full-gallery-grid img{width:100%;height:100%;object-fit:contain;border-radius:4px}.gallery-link-container{text-align:center;margin-top:4rem}.gallery-link{display:inline-block;padding:.75rem 2rem;border:2px solid var(--c-text);border-radius:50px;font-family:courier prime,monospace;font-weight:700;text-decoration:none;color:var(--c-text);transition:all .3s ease}.gallery-link:hover{background-color:var(--c-text);color:var(--c-bg)}.research-header-images{display:flex;gap:2rem;margin-bottom:3rem}.research-header-images img{width:40%;object-fit:contain;border-radius:8px}.sidebar h2 a{color:inherit;text-decoration:none}.sidebar h2 a:hover{text-decoration:none}.menu-toggle,.menu-close{display:none}@media(max-width:768px){body{display:block}.sidebar{position:fixed;left:0;top:0;height:100%;width:250px;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000;border-right:1px solid var(--c-border)}.sidebar.sidebar--open{transform:translateX(0)}.main-content{margin-left:0;padding:2rem 1.5rem}.menu-toggle{display:block;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--c-bg);border:1px solid var(--c-border);border-radius:4px;padding:.5rem;cursor:pointer}.menu-toggle svg{width:24px;height:24px;display:block}.menu-close{display:block;position:absolute;top:1rem;right:1rem;background:0 0;border:none;cursor:pointer;padding:.5rem}.menu-close svg{width:24px;height:24px;fill:var(--c-text)}.content-columns{flex-direction:column}.about-section,.bio-section{max-width:100%;margin-top:2rem}.hero-title,.letter-title span{font-size:3rem}.page-header{height:250px}.gallery__item img{mask:none;filter:none}.gallery__item:hover img{transform:none}}