@import 'https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap';*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{font-family:libre baskerville,georgia,serif;background:#f4efe5;color:#2c2c2c;line-height:1.6}.splash-layout{height:100vh;width:100vw;overflow:hidden;position:relative;margin:0;padding:0}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;background-image:var(--bg-image,url(/images/forest-background.jpg));background-size:cover;background-position:50%;background-repeat:no-repeat;margin:0;padding:0}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,239,229,.15);z-index:2;margin:0;padding:0}#myceliumCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:3;pointer-events:none;display:block;margin:0;padding:0}.content-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;margin:0;padding:0}.central-button{background:rgba(244,239,229,.95);border:2px solid #2c2c2c;color:#2c2c2c;padding:25px 50px;font-size:22px;font-weight:400;font-style:italic;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;z-index:100;font-family:libre baskerville,serif;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(44,44,44,.1)}.central-button:hover{background:#f4efe5;transform:translateY(-2px);box-shadow:0 12px 40px rgba(44,44,44,.15)}.central-button.clicked{transform:scale(.95);box-shadow:0 4px 20px rgba(44,44,44,.2)}.instructions{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:rgba(44,44,44,.7);font-style:italic;z-index:10;text-align:center;backdrop-filter:blur(5px);background:rgba(244,239,229,.8);padding:10px 20px;border-radius:20px;opacity:0;animation:fadeInInstructions 1s ease-out 2s forwards;white-space:nowrap;max-width:90vw;box-sizing:border-box}@keyframes fadeInInstructions{from{opacity:0;transform:translateX(-50%)translateY(20px)}to{opacity:1;transform:translateX(-50%)translateY(0)}}.loading{position:fixed;top:20px;right:20px;color:rgba(44,44,44,.6);font-style:italic;z-index:10;opacity:0;transition:opacity .3s ease}.loading.active{opacity:1}.debug-controls{position:fixed;top:20px;left:20px;background:rgba(44,44,44,.9);color:#fff;padding:15px;border-radius:8px;z-index:100;font-size:12px;display:none}.debug-controls.visible{display:block}.debug-controls button{background:#4a9eff;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;margin:2px;font-size:11px}.debug-controls button:hover{background:#6bb0ff}.debug-controls .control-row{margin-top:10px}.debug-controls .control-row label{display:inline-block;margin-right:5px;margin-bottom:0}.debug-controls .control-row input[type=range]{width:80px;display:inline-block;margin:0 5px}.debug-controls .control-row span{display:inline-block;min-width:20px;text-align:center}h1,h2,h3,h4,h5,h6{font-weight:400;font-style:italic;margin-bottom:1rem}h1{font-size:2.5rem;text-align:center;margin-bottom:2rem}h2{font-size:1.8rem;margin:2rem 0 1rem}h3{font-size:1.6rem;margin:1.5rem 0 1rem}p{margin-bottom:1.5rem;font-size:1.1rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-container{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.content-wrapper{max-width:800px;width:100%;text-align:center}.splash-page{display:flex}.splash-page.hidden{display:none}.nav-button{position:absolute;background:0 0;border:2px solid #2c2c2c;color:#2c2c2c;padding:15px 25px;border-radius:30px;cursor:pointer;transition:all .5s ease;opacity:0;transform:scale(0);font-weight:400;font-style:italic;z-index:50;font-family:libre baskerville,serif}.nav-button.visible{opacity:1;transform:scale(1)}.nav-button:hover{background:rgba(44,44,44,5%);transform:scale(1.02)}.floating-nav{position:fixed;top:30px;right:30px;z-index:1000}.nav-toggle{width:50px;height:50px;border-radius:50%;background:rgba(244,239,229,.95);border:2px solid #8b7355;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-toggle:hover{background:#f4efe5;transform:scale(1.05);box-shadow:0 0 15px rgba(139,115,85,.3)}.nav-toggle::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid #8b7355;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-toggle::after{content:'';position:absolute;width:30px;height:30px;border-radius:50%;border:1px solid rgba(139,115,85,.5);top:50%;left:50%;transform:translate(-50%,-50%)}.nav-lines{position:absolute;width:100%;height:100%;top:0;left:0}.nav-line{position:absolute;background:#8b7355;transform-origin:center}.nav-line:nth-child(1){width:1px;height:40%;top:5%;left:50%;transform:translateX(-50%)}.nav-line:nth-child(2){width:1px;height:40%;bottom:5%;left:50%;transform:translateX(-50%)}.nav-line:nth-child(3){width:40%;height:1px;top:50%;left:5%;transform:translateY(-50%)}.nav-line:nth-child(4){width:40%;height:1px;top:50%;right:5%;transform:translateY(-50%)}.nav-dropdown{position:absolute;top:60px;right:0;background:rgba(244,239,229,.98);border:1px solid #8b7355;border-radius:10px;padding:20px;backdrop-filter:blur(15px);min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 5px 20px rgba(139,115,85,.2)}.nav-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown h3{color:#8b7355;margin-bottom:15px;font-size:12px;text-transform:uppercase;letter-spacing:1px;text-align:center;font-weight:400}.nav-dropdown a{display:block;color:#2c2c2c;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(139,115,85,.2);transition:all .3s ease;text-align:center;font-style:italic}.nav-dropdown a:hover{color:#8b7355}.nav-dropdown a:last-child{border-bottom:none}.cluster-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}.cluster-btn{background:0 0;border:1px solid #8b7355;color:#2c2c2c;padding:25px;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:left}.cluster-btn:hover{background:rgba(139,115,85,5%);transform:translateY(-2px);border-color:#2c2c2c}.cluster-btn h4{color:#2c2c2c;margin-bottom:10px;font-size:1.2rem;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.5px}.cluster-btn p{color:#8b7355;font-style:italic;margin:0 0 10px}.cluster-link{display:inline-block;color:#2c2c2c;text-decoration:none;font-size:.9rem;border-bottom:1px solid #8b7355;transition:all .3s ease}.cluster-link:hover{color:#8b7355;border-bottom-color:#2c2c2c}.next-page-btn{background:0 0;border:1px solid #2c2c2c;color:#2c2c2c;padding:12px 25px;border-radius:25px;cursor:pointer;margin-top:30px;float:right;transition:all .3s ease;font-style:italic;font-family:libre baskerville,serif}.next-page-btn:hover{background:rgba(44,44,44,5%);transform:translateY(-1px)}.artist-residency-link{position:fixed;bottom:30px;right:30px;color:#8b7355;text-decoration:none;font-size:16px;opacity:0;transition:all .5s ease;z-index:50;font-style:italic;font-family:libre baskerville,serif}.artist-residency-link.visible{opacity:1}.artist-residency-link:hover{color:#2c2c2c}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(244,239,229,.95);z-index:2000;backdrop-filter:blur(5px)}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:rgba(244,239,229,.98);border:1px solid #8b7355;border-radius:15px;padding:40px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 5px 25px rgba(139,115,85,.2)}.close-modal{position:absolute;top:15px;right:20px;background:0 0;border:none;color:#8b7355;font-size:24px;cursor:pointer}.close-modal:hover{color:#2c2c2c}.page{display:none}.page.active{display:block}@media(max-width:768px){.central-button{padding:20px 40px;font-size:18px}.instructions{bottom:20px;left:50%;right:auto;transform:translateX(-50%);font-size:14px;max-width:90vw;text-align:center}.page-container{padding:20px}.nav-button{padding:15px 20px;font-size:14px}h1{font-size:2rem}.cluster-buttons{grid-template-columns:1fr;gap:20px}}.section-content{margin-bottom:2rem;text-align:left}.section-content p{margin-bottom:1rem}.page-description{margin-bottom:2rem;padding:1rem;background:rgba(139,115,85,.1);border-radius:10px;text-align:center}.page-content{text-align:left;margin-bottom:2rem}.page-navigation{margin-top:2rem;text-align:center}.back-link{color:#8b7355;text-decoration:none;font-style:italic;border-bottom:1px solid transparent;transition:all .3s ease}.back-link:hover{color:#2c2c2c;border-bottom-color:#8b7355}.splash-layout .floating-nav{display:none}@keyframes myceliumGrow{from{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dashoffset:0}}.mycelium-path{stroke:#d4d0c8;stroke-width:1;fill:none;opacity:.3;animation:myceliumGrow 4s ease-out forwards}.mycelium-branch{stroke:#e5e0d8;stroke-width:.8;fill:none;opacity:.25;animation:myceliumGrow 3.5s ease-out forwards}.advanced-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:3000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.advanced-modal-content{background:rgba(244,239,229,.98);border:2px solid #8b7355;border-radius:15px;padding:0;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 10px 50px rgba(139,115,85,.3);backdrop-filter:blur(15px)}.modal-header{padding:20px 30px;border-bottom:1px solid #8b7355;display:flex;justify-content:space-between;align-items:center;background:rgba(139,115,85,.1)}.modal-header h2{color:#2c2c2c;font-family:libre baskerville,serif;font-style:italic;margin:0;font-size:1.5rem}.close-advanced-modal{background:0 0;border:none;color:#8b7355;font-size:28px;cursor:pointer;padding:5px;line-height:1;transition:all .3s ease}.close-advanced-modal:hover{color:#2c2c2c;transform:scale(1.1)}.modal-body{display:flex;padding:0}#advancedMyceliumCanvas{width:800px;height:600px;background:#0a0a0a;border-right:1px solid #8b7355}.advanced-controls{width:300px;padding:30px;background:#f4efe5}.advanced-controls h3{color:#2c2c2c;font-family:libre baskerville,serif;font-style:italic;margin-bottom:20px;text-align:center;border-bottom:1px solid #8b7355;padding-bottom:10px}.control-group{margin-bottom:20px}.control-group label{display:block;color:#2c2c2c;font-size:14px;margin-bottom:8px;font-family:libre baskerville,serif}.control-group input[type=range]{width:100%;margin:5px 0}.control-group span{float:right;color:#8b7355;font-weight:700}.control-buttons{display:flex;flex-direction:column;gap:10px;margin-top:30px}.generate-btn,.animate-btn,.wireframe-btn{padding:12px 20px;border:2px solid #8b7355;background:0 0;color:#2c2c2c;border-radius:25px;cursor:pointer;font-family:libre baskerville,serif;font-style:italic;transition:all .3s ease}.generate-btn:hover,.animate-btn:hover,.wireframe-btn:hover{background:rgba(139,115,85,.1);transform:translateY(-1px)}.generate-btn{background:rgba(139,115,85,.2)}.animate-btn{border-color:#4ade80;color:#047857}.wireframe-btn{border-color:#6366f1;color:#4338ca}@media(max-width:1200px){.modal-body{flex-direction:column}#advancedMyceliumCanvas{width:100%;height:400px;border-right:none;border-bottom:1px solid #8b7355}.advanced-controls{width:100%;padding:20px}}