:root{--bg-color: #121212;--text-primary: #e6e6e6;--text-secondary: #a1a1aa;--accent-color: #525252;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--font-serif: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--transition-slow: .8s cubic-bezier(.16, 1, .3, 1);--transition-med: .5s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;cursor:none}#noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.fade-overlay{position:fixed;top:0;left:0;width:100%;height:180px;background:linear-gradient(to bottom,#121212 50%,transparent 100%);pointer-events:none;z-index:30}#cursor-follower{position:fixed;width:20px;height:20px;border:1px solid var(--text-secondary);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s linear,width .3s,height .3s,background-color .3s;mix-blend-mode:difference}#cursor-follower.hovered{width:50px;height:50px;background-color:var(--text-primary);border-color:transparent;opacity:.2}h1,h2,h3{font-family:var(--font-serif);font-weight:300;line-height:1.2}h1{font-size:clamp(2rem,5vw,5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3vw,3rem);margin-bottom:1rem}p{font-size:clamp(1rem,1.2vw,1.25rem);color:var(--text-secondary);font-weight:300}a{color:inherit;text-decoration:none;position:relative;transition:opacity .3s}a:hover{opacity:.7}.emphasis{font-style:italic;color:var(--text-primary)}.site-header{position:fixed;top:0;width:100%;padding:2rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:40;mix-blend-mode:difference}.logo{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.05em;text-transform:lowercase}.sub-logo{font-family:var(--font-sans);font-size:.9rem;opacity:.6;font-weight:300;margin-left:.5rem;text-transform:lowercase;letter-spacing:.05em}nav ul{list-style:none;display:flex;gap:2rem}nav li a{font-family:var(--font-sans);font-size:.9rem;opacity:.7;letter-spacing:.05em;text-transform:uppercase}nav li a:hover{opacity:1}section{min-height:100vh;padding:8rem 5%;display:flex;flex-direction:column;justify-content:center}.section-full{align-items:center}.content{max-width:1200px;width:100%}.content.narrow{max-width:800px;margin:0 auto}.align-left{text-align:left}.centered{text-align:center}.hero-text{margin-bottom:2rem}.subtitle{max-width:400px;border-left:1px solid var(--accent-color);padding-left:1rem}#ethos p{margin-bottom:3rem;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.5}.section-header{margin-bottom:4rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid.single-garden{display:flex;justify-content:center}.grid.single-garden .card{max-width:600px;width:100%;margin:0 auto}.card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:3rem 2rem;border-radius:4px;position:relative;overflow:hidden}.card-type{font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);display:block;margin-bottom:1rem}.card h3{font-size:2rem;margin-bottom:.5rem}.card:nth-child(2){margin-top:3rem;opacity:.9;transition-delay:.1s}.card:nth-child(3){margin-top:1.5rem;transition-delay:.2s}@media(max-width:768px){.card:nth-child(2),.card:nth-child(3){margin-top:0}}.large-text{font-size:clamp(2rem,4vw,3rem);font-family:var(--font-serif);margin-bottom:3rem}.cta-button{display:inline-block;padding:1rem 3rem;border:1px solid var(--text-primary);border-radius:50px;font-family:var(--font-sans);text-transform:uppercase;font-size:.9rem;letter-spacing:.1em;transition:all .3s ease}.cta-button:hover{background:var(--text-primary);color:var(--bg-color)}.garden-link{font-family:var(--font-sans);font-size:.8rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);opacity:.85;transition:all .3s ease;border-bottom:1px solid var(--accent-color);padding-bottom:2px}.garden-link:hover{opacity:1;border-bottom-color:var(--text-primary);letter-spacing:.14em}.garden-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem;flex-wrap:wrap}@media(max-width:480px){.garden-footer{flex-direction:column;align-items:flex-start;gap:.75rem}}.garden-status{opacity:.5;margin-bottom:0}.quiet-toggle{margin-top:2rem}.text-trigger{background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;opacity:.5;letter-spacing:.05em;cursor:pointer;border-bottom:1px solid transparent;transition:all .3s ease;padding:0}.text-trigger:hover{opacity:1;border-bottom-color:var(--text-secondary)}.record-drawer{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .4s ease;opacity:0;margin-top:1rem}.record-drawer.open{max-height:400px;opacity:1}.drawer-inner{text-align:left;max-width:400px;margin:0 auto;padding:2rem 1rem;background:#ffffff05;border:1px solid var(--glass-border);border-radius:4px}.drawer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);margin-bottom:1.5rem;display:block}.cv-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.cv-item dt{font-family:var(--font-serif);color:var(--text-primary);font-size:1.1rem}.cv-item dd{font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.drawer-link{font-size:.8rem;color:var(--text-secondary);opacity:.6;transition:opacity .3s}.drawer-link:hover{opacity:1}footer{padding:2rem 5% 4rem;text-align:center;font-size:.8rem;color:var(--accent-color)}.fade-in-delayed{opacity:0;animation:fadeIn 1.5s ease-out forwards;animation-delay:.5s}.drift-up{opacity:0;transform:translateY(20px);animation:driftUp var(--transition-slow) forwards}.drift-up.delay-1{animation-delay:.2s}.reveal-text,.reveal-card{opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.reveal-text.visible,.reveal-card.visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{to{opacity:1}}@keyframes driftUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{cursor:auto}#cursor-follower{display:none}.site-header{padding:1.5rem}section{padding:6rem 1.5rem}}.artifact-image{width:100%;max-width:100%;border-radius:2px;filter:grayscale(20%) contrast(1.1);margin-bottom:1rem;opacity:.9;transition:opacity .3s ease}.artifact-image:hover{opacity:1}.artifact-caption{font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);opacity:.7}.flow-diagram{display:flex;flex-wrap:wrap;gap:.8rem;font-family:var(--font-sans);font-size:.85rem;color:var(--text-secondary);align-items:center;line-height:1.4}.flow-diagram .arrow{color:var(--accent-color);font-size:.8rem;opacity:.5}@media(max-width:600px){.flow-diagram{flex-direction:column;align-items:flex-start;gap:.5rem}.flow-diagram .arrow{display:none}.flow-diagram span:not(.arrow):before{content:"↓ ";color:var(--accent-color);margin-right:.5rem;opacity:.5}.flow-diagram span:first-child:before{display:none}}
