:root{--max-width:1200px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.6);--card-hover-bg:hsla(0,0%,100%,.05);--transition:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:#000;color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}@media (max-width:768px){:root{--max-width:100%}}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.nav{padding:1rem 0;display:flex;align-items:center;border-bottom:1px solid #333}.nav a{margin-right:1rem;position:relative;text-decoration:none}.nav a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:currentColor;transition:width var(--transition)}.nav a:hover:after{width:100%}.nav .book-time{margin-left:auto;margin-right:0;border:1px solid hsla(0,0%,100%,.4);padding:.3rem .8rem;border-radius:4px;transition:background-color var(--transition),border-color var(--transition)}.nav .book-time:hover{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.7)}.nav .book-time:after{display:none}.footer{padding:2rem 0;margin-top:2rem;border-top:1px solid #333}.footer a{margin-right:1rem;position:relative}.footer a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:currentColor;transition:width var(--transition)}.footer a:hover:after{width:100%}.project-card,.writing-card{padding:1rem;margin:0;border:none;background:transparent;cursor:pointer;transition:background-color var(--transition)}.project-card h3,.writing-card h3{margin:0;font-size:1.2rem;color:var(--text-primary);transition:transform var(--transition)}.project-card:hover h3,.writing-card:hover h3{transform:translateX(8px)}.project-card:hover,.writing-card:hover{background-color:var(--card-hover-bg)}.project-card p,.writing-card p{max-height:0;overflow:hidden;margin:0;opacity:0;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition),max-height var(--transition),margin var(--transition)}.project-card:hover p,.writing-card:hover p{max-height:300px;margin-top:.75rem;opacity:1;transform:translateY(0)}.project-card a,.writing-card a{display:none}.project-card:focus,.writing-card:focus{outline:none}@media (max-width:768px){.project-card:hover h3,.writing-card:hover h3{transform:none}.project-card:hover p,.writing-card:hover p{max-height:0;margin:0;opacity:0;transform:translateY(-8px)}.project-card:hover,.writing-card:hover{background-color:transparent}.project-card,.writing-card{background-color:var(--card-hover-bg)}.project-card.expanded,.writing-card.expanded{background-color:hsla(0,0%,100%,.1)}.project-card.expanded p,.writing-card.expanded p{max-height:300px;margin-top:.75rem;opacity:1;transform:translateY(0)}.project-card.expanded a,.writing-card.expanded a{display:inline-block;margin-top:.75rem}}.about-container{display:flex;gap:2rem;width:90%;margin:2rem auto}.profile-section{width:25%;position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center}.profile-image{width:200px;height:200px;position:relative;margin-bottom:1rem;border-radius:50%;overflow:hidden;background-color:#333}.profile-image-mask{object-fit:cover;width:100%;height:100%}.profile-name{font-size:1rem;font-weight:700;margin-bottom:.5rem}.social-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}.social-links a{position:relative}.social-links a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:currentColor;transition:width var(--transition)}.social-links a:hover:after{width:100%}.content-section{width:75%}.content-section a{position:relative}.content-section a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:currentColor;transition:width var(--transition)}.content-section a:hover:after{width:100%}.projects-grid{display:flex;flex-direction:column;width:90%;margin:2rem auto;gap:1rem}section{margin:2rem 0}section h2{margin-bottom:1rem}section h2,section h3{color:var(--text-primary)}section h3{margin:0 0 .5rem}section p{margin:.25rem 0;color:var(--text-secondary)}section ul{margin-top:.5rem;list-style-type:none;padding:0}section ul li{margin:.5rem 0;padding-left:1.5rem;position:relative}section ul li:before{content:"•";position:absolute;left:0;color:var(--text-secondary)}@media (max-width:768px){.about-container{flex-direction:column;align-items:center;width:95%}.profile-section{width:100%;position:relative;top:0;margin-bottom:2rem}.content-section{width:100%}.profile-image{width:180px;height:180px}.profile-name{text-align:center}.profile-name,.social-links{margin-bottom:1rem}}