@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Mono,monospace;background:#121212;color:#fff;line-height:1.6;font-weight:300;overflow-x:hidden}.container{display:flex;min-height:100vh}.sidebar{width:280px;background:#0a0a0a;border-right:1px solid #222222;padding:2.5rem 2rem;position:fixed;height:100vh;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:1024px){.sidebar{width:240px;padding:2rem 1.5rem}}@media(max-width:768px){.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid #222222}}.sidebar-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #222222;display:flex;align-items:center;gap:1rem}.sidebar-header h1{font-size:1.6rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0}.logo-container{position:relative;display:inline-block}.logo{width:40px;height:40px;object-fit:contain;position:relative;z-index:1}.logo-frame{position:absolute;top:-12px;left:-12px;width:64px;height:64px;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 15px #ffffff1a}.logo-frame:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.2);border-radius:10px;z-index:1}.logo-frame:after{content:"";position:absolute;inset:-2px;border:1px solid rgba(255,255,255,.1);border-radius:14px;z-index:-1}.nav-section{margin-bottom:2.5rem}.nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nav-header h2{font-size:.75rem;font-weight:500;color:#aaa;letter-spacing:.1em;text-transform:uppercase}.nav-count{font-size:.7rem;color:#666}.nav-list{list-style:none}.nav-link{display:block;padding:.6rem 0;color:#aaa;text-decoration:none;font-size:.9rem;transition:all .2s ease;position:relative}.nav-link:hover{color:#fff;padding-left:.5rem}.nav-link.active{color:#fff;font-weight:400}.nav-link.active:before{content:"▸";position:absolute;left:-1rem}.nav-link.external:after{content:"↗";margin-left:.5rem;font-size:.8rem;opacity:.5}.sidebar-footer{margin-top:auto;padding-top:2rem;border-top:1px solid #222222}.copyright{font-size:.7rem;color:#666}.main-content{flex:1;margin-left:280px;padding:3rem 4rem;max-width:900px}@media(max-width:1024px){.main-content{margin-left:240px;padding:2rem 3rem}}@media(max-width:768px){.main-content{margin-left:0;padding:2rem}}.section{display:none;animation:fadeIn .5s ease}.section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #222222}@media(max-width:768px){.section-header{flex-direction:column;gap:1rem}}.header-left h2{font-size:1.8rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem}.header-left h2.active{animation:titleGlow 1s ease-in-out}@keyframes titleGlow{0%,to{text-shadow:0 0 5px rgba(255,255,255,.5)}50%{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6)}}.section-subtitle{font-size:.85rem;color:#666;letter-spacing:.1em;text-transform:uppercase}.header-meta{text-align:right}@media(max-width:768px){.header-meta{text-align:left}}.date{display:block;font-size:.75rem;color:#aaa;margin-bottom:.5rem}.status{display:inline-block;padding:.2rem .8rem;font-size:.7rem;background:#2a2a2a;color:#aaa;border-radius:2px;letter-spacing:.1em}.content-grid{display:grid;gap:3rem}.content-block .lead{font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem;color:#aaa}.content-block .lead.smaller{font-size:1rem}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}@media(max-width:768px){.principles{grid-template-columns:1fr}}.principle{padding:1.5rem;border:1px solid #333333;background:#111}.principle-number{display:block;font-size:.8rem;color:#666;margin-bottom:.8rem;letter-spacing:.1em}.principle h3{font-size:1rem;font-weight:500;margin-bottom:.8rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1rem}@media(max-width:768px){.members-grid{grid-template-columns:1fr}}.member-card{padding:1.5rem;border:1px solid #333333;background:#111;transition:all .2s ease}.member-card:hover{border-color:#222;transform:translateY(-2px)}.member-card.join-card{border-style:dashed;border-color:#666}.member-card.join-card:hover{border-color:#aaa}.member-card.join-card h3,.member-card.join-card .join-link{color:#aaa}.member-header{margin-bottom:1.2rem;text-align:center;position:relative}.member-symbol{font-size:2rem;font-weight:700}.ds-text{position:absolute;top:0;right:0;font-size:.8rem;color:#aaa;opacity:.7;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ds-text:hover{color:#fff;opacity:1;transform:scale(1.1)}.member-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:1rem}.tag{font-size:.65rem;padding:.2rem .6rem;background:#2a2a2a;color:#aaa;border-radius:2px;letter-spacing:.05em}.member-name{font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.member-role{font-size:.8rem;color:#aaa;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.member-desc{font-size:.85rem;line-height:1.5;color:#aaa}.join-button-center{text-align:center;margin-top:1rem}.join-section{margin-bottom:2rem}.shitposting-link{display:block;margin-top:2rem;margin-bottom:1rem}.youtube-info{margin-top:3rem}.youtube-info h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}.youtube-card{padding:1.5rem;border:1px solid #333333;background:#111;border-radius:6px;display:flex;align-items:center}.youtube-content{flex:1}.youtube-content h4{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;color:#fff}.youtube-content p{font-size:.9rem;color:#aaa;margin-bottom:1rem}.youtube-link{display:inline-block;padding:.5rem 1rem;background:#2a2a2a;color:#fff;text-decoration:none;border-radius:4px;font-size:.85rem;transition:all .2s ease}.youtube-link:hover{background:#222}.social-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.social-button{display:inline-block;padding:.8rem 1.5rem;background:#111;border:1px solid #333333;color:#fff;text-decoration:none;font-size:.9rem;font-weight:400;transition:all .2s ease;border-radius:4px;text-align:center}.social-button:hover{border-color:#222;background:#2a2a2a;transform:translateY(-1px)}.social-button span{display:inline-block}.join-link{display:inline-block;margin-top:1rem;font-size:.8rem;color:#fff;background:#2a2a2a;padding:.2rem .6rem;border-radius:2px;text-decoration:none;transition:all .2s ease}.join-link:hover{background:#222}.project-link{display:inline-block;margin-top:1rem;font-size:.8rem;color:#fff;text-decoration:none;transition:all .2s ease}.project-link:hover{color:#fff}.project-link:after{content:"↗";margin-left:.5rem;font-size:.8rem;opacity:.5}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.project-item{padding:1.5rem;border:1px solid #333333;transition:all .2s ease;position:relative}.project-item:hover{border-color:#222;background:#111}.project-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.project-title{font-size:1.1rem;font-weight:500}.project-date{font-size:.75rem;color:#aaa}.project-desc{font-size:.9rem;line-height:1.6;color:#aaa;margin-bottom:1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tag{font-size:.65rem;padding:.2rem .6rem;background:#2a2a2a;color:#aaa;border-radius:2px;letter-spacing:.05em}.process-timeline{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.timeline-item{display:flex;gap:1.5rem;align-items:flex-start}.timeline-number{font-size:.8rem;color:#666;min-width:2rem;padding-top:.2rem}.timeline-content h3{font-size:1rem;font-weight:500;margin-bottom:.5rem}.timeline-content p{font-size:.9rem;line-height:1.6;color:#aaa}body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.allow-select{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.bg-cycle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:inherit}.bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}.bg-layer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.bg-layer.active{opacity:1}.mycraft-project .bg-layer:before{background:#0006}.mycraft-project:hover{background:transparent}.social-section{margin-top:3rem;padding:2rem;border:1px solid #333333;background:#111}.social-section h3{font-size:1.2rem;margin-bottom:1.5rem;color:#fff}.social-links{display:flex;gap:1.5rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;color:#aaa;text-decoration:none;padding:.5rem 1rem;border:1px solid #333333;border-radius:4px;transition:all .2s ease}.social-link:hover{border-color:#222;background:#2a2a2a;color:#fff}.social-icon{width:20px;height:20px}.factor-images{margin-top:3rem;padding:2rem 0;border-top:1px solid #222222}.factor-images-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;justify-content:space-between}.factor-image-card{flex:1;min-width:calc(25% - 1.5rem);max-width:calc(25% - 1.5rem);display:flex;flex-direction:column;align-items:center}.factor-image-placeholder{width:100%;height:200px;background:#2a2a2a;border:2px solid #333333;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .2s ease}.factor-image-placeholder:hover{border-color:#222;transform:translateY(-2px)}.factor-image-placeholder img{width:100%;height:100%;object-fit:cover;transition:all .2s ease;filter:blur(100px)}.factor-image-placeholder img:hover{transform:scale(1.05)}.factor-image-placeholder img.unblurred{filter:none}.factor-image-placeholder{position:relative}.factor-image-access-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a0a;border:1px solid #222222;color:#fff;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.9rem;transition:all .2s ease;z-index:2}.factor-image-access-button:hover{background:#222;transform:translate(-50%,-50%) scale(1.05)}.factor-image-caption{margin-top:.8rem;font-size:.85rem;color:#aaa;text-align:center;font-family:IBM Plex Mono,monospace}.image-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;overflow:auto;opacity:0;transition:all .2s ease}.image-lightbox.active{display:flex;align-items:center;justify-content:center;opacity:1}.lightbox-content{position:relative;max-width:90%;max-height:90%;animation:lightboxZoomIn .3s ease}@keyframes lightboxZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-image{display:block;max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 0 30px #00000080}.lightbox-close{position:absolute;top:-40px;right:-40px;width:30px;height:30px;background:#0a0a0a;border:1px solid #222222;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .2s ease}.lightbox-close:hover{background:#222;transform:scale(1.1)}.team-info{margin-top:2rem;padding:2rem;border:1px solid #333333;background:#111}.team-info h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}.team-info p{font-size:.9rem;line-height:1.6;color:#aaa;margin-bottom:1rem}.contact-link{font-size:.9rem;color:#fff;text-decoration:none;transition:all .2s ease}.contact-link:hover{color:#fff}.access-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:2000;justify-content:center;align-items:center}.access-modal.active{display:flex}.access-modal-content{background:#0a0a0a;border:1px solid #222222;border-radius:8px;padding:2rem;max-width:400px;width:90%;text-align:center}.access-modal-content h3{margin-bottom:1.5rem;color:#fff;font-size:1.2rem}#accessKeyInput{width:100%;padding:.8rem;background:#121212;border:1px solid #333333;border-radius:4px;color:#fff;font-family:IBM Plex Mono,monospace;font-size:.9rem;margin-bottom:1.5rem}#accessKeyInput:focus{outline:none;border-color:#222}.access-modal-buttons{display:flex;gap:1rem;justify-content:center}.access-modal-buttons button{padding:.6rem 1.2rem;background:#111;border:1px solid #333333;color:#fff;border-radius:4px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.85rem;transition:all .2s ease}.access-modal-buttons button:hover{background:#222}.copy-tooltip{position:absolute;background-color:#1e2124;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;font-family:IBM Plex Mono,monospace;z-index:1000;box-shadow:0 2px 10px #0003;transition:all .2s ease;opacity:0}