@font-face{font-family:LyonText;src:url(/fonts/LyonText-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LyonText;src:url(/fonts/LyonText-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--bg:#fafafa;--text:#2a2a2a;--accent:#999;--border:#e0e0e0;--sidebar-width:160px}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);letter-spacing:.2px;-webkit-font-smoothing:antialiased;text-transform:lowercase;background-image:radial-gradient(circle,#d8d8d8 .5px,#0000 .5px);background-size:24px 24px;margin:0;padding:0;font-family:LyonText,Georgia,serif;font-size:.85rem;line-height:1.5}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100vh;padding:30px 20px;display:flex;position:fixed;top:0;left:0}.brand{margin-bottom:16px;font-weight:400}.sidebar-links{flex-direction:column;gap:6px;display:flex}.sidebar-links a{color:var(--accent);text-decoration:none;transition:color .2s}.sidebar-links a:hover{color:var(--text)}.content{margin-left:var(--sidebar-width);max-width:720px;padding:20px 0 30px 40px}.section-hero{margin-bottom:30px}.intro-text{color:#111;font-weight:400;line-height:1.5}.italic{font-family:LyonText,Georgia,serif;font-style:italic}.section{margin-bottom:30px}.heading{text-transform:lowercase;color:var(--accent);margin-bottom:20px;padding-top:5px;font-size:.8rem;font-weight:400;animation:1s ease-out fadeIn;display:inline-block}.care-grid{gap:10px;display:grid}.label{color:var(--accent);margin-bottom:2px;font-family:LyonText,Georgia,serif;font-size:.8rem;display:block}.project-link{color:inherit;text-decoration:none;display:inline-block}.project-link:hover .project-title{background-color:#cddaf6;display:inline-block}.project{margin-bottom:24px}.project-meta{color:var(--accent);font-family:LyonText,Georgia,serif}.project-title{margin-bottom:0;font-weight:400;transition:background-color .2s;display:inline-block}.project-desc{color:#444;max-width:90%}.hover-preview{pointer-events:none;z-index:1000;opacity:1;width:280px;transition:opacity .15s;position:fixed}.hover-preview img{border-radius:4px;width:100%;display:block;box-shadow:0 4px 20px #00000014}.collab-text{color:#333}.footer{flex-direction:column;align-items:flex-start;margin-top:50px;padding-top:30px;display:flex}.ascii-garden{color:#b9b9b9;margin-bottom:12px;font-family:monospace;line-height:1.1}.footer-meta{text-transform:lowercase;color:var(--accent);font-family:LyonText,Georgia,serif;font-size:10px}.clouds{pointer-events:none;z-index:0;flex-direction:column;justify-content:space-around;height:100vh;display:flex;position:fixed;top:0;right:100px}.cloud{color:#b9b9b9;white-space:pre;text-transform:none;font-family:monospace;font-size:10px;line-height:1.15}.cloud-1{animation:8s ease-in-out infinite drift1}.cloud-2{animation:10s ease-in-out infinite drift2}.cloud-3{animation:9s ease-in-out infinite drift3}.cloud-4{animation:7s ease-in-out infinite drift4}.cloud-5{animation:12s ease-in-out infinite drift5}.cloud-6{animation:6s ease-in-out infinite drift6}@keyframes drift1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift2{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes drift3{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift4{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes drift5{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes drift6{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heading,.cloud-1,.cloud-2,.cloud-3,.cloud-4,.cloud-5,.cloud-6{animation:none}}@media (max-width:768px){.sidebar{border-right:none;flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;height:auto;padding:24px 16px 12px;position:relative}.sidebar-links{flex-direction:row;gap:12px}.layout{flex-direction:column}.content{margin-left:0;padding:15px 16px}.body{font-size:1rem}.clouds{display:none}}