.navbar{position:fixed;top:0;left:0;width:100%;padding:var(--spacing-sm) 0;z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#05050580;border-bottom:1px solid rgba(255,255,255,.05);transition:padding .3s ease}.navbar-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.dot{color:var(--color-accent-lime)}.nav-links{display:flex;gap:var(--spacing-md)}.nav-link{position:relative;font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;color:var(--color-text-muted);transition:color .3s ease}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-text)}.nav-underline{position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--color-accent-lime)}.footer{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-xl)}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.heart{color:var(--color-accent-pink)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;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");mix-blend-mode:overlay}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--color-accent-lime);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:difference}.cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border:1px solid var(--color-accent-lime);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:border-color .3s ease,background-color .3s ease}.cursor-ring.hovering{background-color:#ccff001a;border-color:transparent}@media(max-width:768px){.cursor-dot,.cursor-ring{display:none}}.magnetic-button{position:relative;padding:1rem 2rem;border:1px solid var(--color-border);border-radius:2rem;background:transparent;color:var(--color-text);font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;overflow:hidden;transition:color .3s ease,border-color .3s ease;z-index:1}.magnetic-button:hover{color:var(--color-bg);border-color:var(--color-accent-lime)}.btn-text{position:relative;z-index:2}.btn-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-accent-lime);border-radius:2rem;z-index:1;transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.19,1,.22,1)}.magnetic-button:hover .btn-fill{transform:scaleY(1);transform-origin:top}.hero{min-height:90vh;display:flex;align-items:center;padding-top:var(--spacing-lg)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.hero-title-wrapper{margin-bottom:var(--spacing-md);min-height:160px;display:flex;flex-direction:column;justify-content:center}.hero-static{font-size:2rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-family:var(--font-mono)}.hero-title{font-size:4rem;line-height:1.1;margin:0}.hero-rotating-text{height:1.2em;overflow:visible}.hero-description{font-size:1.2rem;color:var(--color-text-muted);max-width:500px;margin-bottom:var(--spacing-md)}.highlight{color:var(--color-text);font-weight:500}.hero-actions{display:flex;gap:var(--spacing-sm)}.hero-image-container{width:100%;aspect-ratio:1;position:relative;border-radius:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(110%);transition:transform .5s ease}.hero-image-container:hover .hero-image{transform:scale(1.05)}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}.placeholder-content{display:none}@media(max-width:968px){.hero{padding-top:var(--spacing-xl);min-height:auto;padding-bottom:var(--spacing-xl)}.hero-inner{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md)}.hero-title-wrapper{min-height:auto;align-items:center;margin-bottom:var(--spacing-md)}.hero-static{font-size:1.5rem}.hero-title{font-size:3rem}.hero-description{margin:0 auto var(--spacing-md);font-size:1.1rem}.hero-actions{justify-content:center}.hero-image-container{display:block;max-width:300px;margin:0 auto;order:-1}}.btn-outline{border-color:var(--color-text-muted);color:var(--color-text-muted)}.btn-outline:hover{border-color:var(--color-text);color:var(--color-bg)}.btn-outline .btn-fill{background-color:var(--color-text)}.intro-header{margin-bottom:var(--spacing-lg)}.intro-header h2{font-size:3rem;margin-bottom:var(--spacing-xs)}@media(max-width:768px){.intro-header h2{font-size:2.5rem}}.intro-header p{color:var(--color-text-muted);font-family:var(--font-mono)}.projects-grid{gap:var(--spacing-md)}.project-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.5rem;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:space-between;min-height:250px;overflow:hidden;cursor:pointer;transition:border-color .3s ease}.project-card:hover{border-color:#fff3}.card-icon{margin-bottom:var(--spacing-md)}.card-category{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs);display:block}.card-content h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.card-content p{color:var(--color-text-muted);font-size:.95rem}.card-bg-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;border-radius:50%;filter:blur(80px);opacity:0;transition:opacity .5s ease;pointer-events:none}.project-card:hover .card-bg-glow{opacity:.15}@media(max-width:768px){.project-card{grid-column:span 12!important}}.pillars-section{padding:var(--spacing-lg) 0}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.pillar-card{background:#ffffff08;border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:1rem;position:relative;overflow:hidden;transition:border-color .3s ease}.pillar-card:hover{border-color:#ffffff1a}.pillar-icon{margin-bottom:var(--spacing-sm)}.pillar-card h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.pillar-card p{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.pillar-glow{position:absolute;top:-50%;right:-50%;width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:.1;pointer-events:none;transition:opacity .3s ease}.pillar-card:hover .pillar-glow{opacity:.2}.personality-section{padding:var(--spacing-lg) 0}.section-header{margin-bottom:var(--spacing-md);text-align:center}.section-header h2{font-size:2.5rem;margin-bottom:var(--spacing-xs)}.section-header p{color:var(--color-text-muted)}.personality-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,250px);gap:var(--spacing-md)}.personality-card{border-radius:1rem;position:relative;overflow:hidden;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:var(--color-surface);border:1px solid var(--color-border)}.card-content{position:relative;z-index:2}.card-icon{margin-bottom:var(--spacing-sm);opacity:.8}.personality-card h3{font-size:1.5rem;margin-bottom:4px}.personality-card p{font-size:.9rem;opacity:.8}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.2;background-size:cover;background-position:center;transition:transform .5s ease,opacity .5s ease}.personality-card:hover .card-bg{transform:scale(1.1);opacity:.3}.coffee-bg{background:linear-gradient(45deg,#6f4e37,#3e2723)}.travel-bg{background:linear-gradient(45deg,#0288d1,#01579b)}.sports-bg{background:linear-gradient(45deg,#76ff03,#64dd17)}.games-bg{background:linear-gradient(45deg,#9c27b0,#7b1fa2)}@media(max-width:768px){.personality-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,200px)}}.thoughts-page{min-height:auto}.thoughts-header h1{font-size:4rem;margin-bottom:var(--spacing-xs)}.thoughts-header p{color:var(--color-text-muted);font-family:var(--font-mono)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:800px}.post-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);cursor:pointer;group:hover}.post-thumbnail{width:120px;height:80px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-item:hover .post-thumbnail img{transform:scale(1.05)}.post-content-preview{flex:1;display:flex;align-items:center;gap:var(--spacing-md)}.post-meta{display:flex;flex-direction:column;gap:4px;min-width:100px;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.post-category{color:var(--color-accent-lime);text-transform:uppercase;font-size:.7rem}.post-title{flex:1;font-size:1.5rem;font-weight:400;margin:0;transition:color .3s ease}.post-item:hover .post-title{color:var(--color-accent-cyan)}.post-arrow{opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--color-accent-cyan)}.post-item:hover .post-arrow{opacity:1;transform:translate(0)}.loading{color:var(--color-text-muted);font-family:var(--font-mono)}.blog-modal{background:var(--color-bg);width:100%;max-width:800px;height:90vh;border-radius:1rem;position:relative;border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.blog-content-wrapper{overflow-y:auto;padding:var(--spacing-xl);flex:1;min-height:0}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;z-index:10}.blog-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.blog-header h1{font-size:2.5rem;margin:var(--spacing-sm) 0;line-height:1.2}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted)}.original-link{color:var(--color-accent-cyan);text-decoration:none}.original-link:hover{text-decoration:underline}.blog-body{line-height:1.8;color:var(--color-text-muted);font-size:1.1rem}.blog-body p{margin-bottom:var(--spacing-md)}.blog-body h3,.blog-body h4{color:var(--color-text);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.blog-body img{max-width:100%;height:auto;border-radius:.5rem;margin:var(--spacing-md) 0}.blog-body a{color:var(--color-accent-lime);text-decoration:underline}.blog-body blockquote{border-left:3px solid var(--color-accent-pink);padding-left:var(--spacing-md);font-style:italic;margin:var(--spacing-md) 0;color:var(--color-text)}.blog-body pre{background:#1a1a1a;padding:var(--spacing-md);border-radius:.5rem;overflow-x:auto;margin:var(--spacing-md) 0}@media(max-width:768px){.post-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.post-title{margin:0}.post-arrow{display:none}.blog-header h1{font-size:2rem}.blog-content-wrapper{padding:var(--spacing-md)}}.bookshelf-page{min-height:auto}.bookshelf-header h1{font-size:4rem;margin-bottom:var(--spacing-xs)}.bookshelf-header p{color:var(--color-text-muted);font-family:var(--font-mono)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);perspective:1000px}.book-card-container{perspective:1000px}.book-card{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .5s ease;cursor:pointer}.book-card:hover{transform:rotateY(-10deg) rotateX(5deg) translateZ(20px)}.book-cover{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px 12px 12px 4px;box-shadow:-2px 0 4px #00000080,5px 5px 15px #0000004d;overflow:hidden;transform-style:preserve-3d}.book-cover img{width:100%;height:100%;object-fit:cover}.book-spine{position:absolute;top:0;left:0;width:12px;height:100%;background:linear-gradient(to right,#fff3,#0000001a);z-index:10}.book-info{margin-top:var(--spacing-sm);opacity:0;transform:translateY(10px);transition:all .3s ease;position:absolute;bottom:-80px;left:0;width:100%;background:var(--color-surface);padding:var(--spacing-sm);border-radius:8px;border:1px solid var(--color-border);z-index:20;pointer-events:none}.book-card-container:hover .book-info{opacity:1;transform:translateY(0)}.book-info h3{font-size:1rem;margin-bottom:4px}.book-info p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:8px}.book-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.status-tag{padding:2px 6px;border-radius:4px;font-family:var(--font-mono);text-transform:uppercase}.status-tag.read{background:#ccff001a;color:var(--color-accent-lime)}.status-tag.reading{background:#00ffff1a;color:var(--color-accent-cyan)}.status-tag.recommended{background:#ff00991a;color:var(--color-accent-pink)}.rating{color:gold}.vault-page{padding-bottom:var(--spacing-xl)}.vault-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.5rem;margin-bottom:var(--spacing-md);font-family:var(--font-mono);color:var(--color-accent-cyan);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs);display:inline-block}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.link-card{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff08;border:1px solid var(--color-border);padding:var(--spacing-sm);border-radius:.5rem;transition:all .3s ease;text-decoration:none}.link-card:hover{background:#ffffff14;border-color:var(--color-accent-lime);transform:translateY(-2px)}.link-icon{font-size:1.2rem}.link-title{flex:1;font-family:var(--font-sans);font-weight:500}.link-arrow{color:var(--color-text-muted);transition:transform .3s ease}.link-card:hover .link-arrow{color:var(--color-accent-lime);transform:translate(2px,-2px)}.masonry-grid{column-count:3;column-gap:var(--spacing-sm)}.masonry-item{break-inside:avoid;margin-bottom:var(--spacing-sm);position:relative;border-radius:.5rem;overflow:hidden;cursor:pointer}.masonry-item img{width:100%;display:block;transition:transform .5s ease}.masonry-item:hover img{transform:scale(1.05)}.item-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transform:translateY(10px);transition:all .3s ease}.masonry-item:hover .item-overlay{opacity:1;transform:translateY(0)}.item-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent-lime);text-transform:uppercase;display:block;margin-bottom:4px}.masonry-item h3{font-size:1.2rem;margin:0}@media(max-width:768px){.masonry-grid{column-count:2}}@media(max-width:480px){.masonry-grid{column-count:1}}.vault-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.vault-modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.5rem;width:100%;max-width:800px;max-height:85vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;box-shadow:0 25px 50px -12px #00000080;overscroll-behavior:contain}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted);transition:color .3s ease}.modal-close:hover{color:var(--color-text)}.modal-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.modal-tag{font-family:var(--font-mono);color:var(--color-accent-lime);font-size:.8rem;text-transform:uppercase;margin-bottom:var(--spacing-xs);display:block}.modal-header h2{font-size:2.5rem;margin-bottom:var(--spacing-xs)}.modal-header p{color:var(--color-text-muted);font-size:1.1rem}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.modal-item{background:#ffffff08;border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.modal-item:hover{border-color:var(--color-accent-lime);transform:translateY(-4px)}.modal-item-image{width:100%;height:150px;overflow:hidden}.modal-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.modal-item:hover .modal-item-image img{transform:scale(1.05)}.modal-item-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.modal-item-info h3{font-size:1.2rem;margin-bottom:4px}.modal-item-info p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-sm);flex:1}.modal-link-text{font-family:var(--font-mono);font-size:.8rem;color:var(--color-accent-cyan);display:flex;align-items:center;gap:4px}.contact-page{padding-top:var(--spacing-xl);min-height:100vh}.contact-header h1{font-size:4rem;margin-bottom:var(--spacing-xs)}.contact-header p{color:var(--color-text-muted);font-family:var(--font-mono)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);align-items:stretch}.contact-left{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-card{background:var(--color-surface);padding:var(--spacing-md);border-radius:1rem;border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm);transition:border-color .3s ease}.info-card:hover{border-color:var(--color-accent-lime)}.info-card .icon{color:var(--color-accent-lime);flex-shrink:0}.info-card h3{font-size:.9rem;color:var(--color-text-muted);margin-bottom:2px;text-transform:uppercase;font-family:var(--font-mono)}.info-card a,.info-card p{color:var(--color-text);font-weight:500;font-size:1rem}.contact-form{background:var(--color-surface);padding:var(--spacing-lg);border-radius:1rem;border:1px solid var(--color-border);flex:1;display:flex;flex-direction:column}.contact-form h3{margin-bottom:var(--spacing-md);font-size:1.5rem}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-family:var(--font-mono);font-size:.8rem;margin-bottom:var(--spacing-xs);color:var(--color-text-muted)}.form-group input,.form-group textarea{width:100%;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-family:var(--font-sans);transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-lime)}.contact-right{display:flex;flex-direction:column}.calendar-container{background:var(--color-surface);padding:var(--spacing-md);border-radius:1rem;border:1px solid var(--color-border);height:100%;min-height:700px;display:flex;flex-direction:column}.calendar-container h3{margin-bottom:var(--spacing-md);font-size:1.5rem}.calendar-embed{flex:1;width:100%;border-radius:.5rem;overflow:hidden;background:#fff}@media(max-width:900px){.contact-content,.contact-info-cards{grid-template-columns:1fr}}.timeline{position:relative;padding:var(--spacing-lg) 0;max-width:800px;margin:0 auto}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-left:60px;margin-bottom:var(--spacing-xl)}.timeline-marker{position:absolute;left:11px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-accent-lime);z-index:1}.timeline-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timeline-year{font-family:var(--font-mono);color:var(--color-accent-lime);font-size:.9rem}.timeline-content h3{font-size:1.5rem}.timeline-location{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase}.timeline-content p{color:var(--color-text-muted);line-height:1.6}.case-study-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:var(--spacing-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);transition:border-color .3s ease;height:100%}.case-study-card:hover{border-color:var(--color-accent-lime)}.card-header{display:flex;justify-content:space-between;align-items:center}.industry-tag{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px}.case-study-card h3{font-size:1.5rem}.impact-summary{font-size:.9rem;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tools-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.tool-tag{font-family:var(--font-mono);font-size:.7rem;background:#ffffff0d;padding:2px 6px;border-radius:4px;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.case-study-modal{background:var(--color-bg);width:100%;max-width:700px;height:90vh;max-height:90vh;border-radius:1rem;position:relative;border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.modal-scroll-container{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted)}.close-btn:hover{color:var(--color-text)}.modal-header{margin-bottom:var(--spacing-lg)}.modal-header h2{font-size:2.5rem;margin-top:var(--spacing-xs)}.modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-section h4{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;color:var(--color-accent-lime);margin-bottom:4px}.detail-section p{color:var(--color-text-muted);line-height:1.6}.highlight-text{color:var(--color-text)!important;font-size:1.1rem;font-weight:500}.reflection-text{font-style:italic;border-left:2px solid var(--color-accent-pink);padding-left:var(--spacing-sm)}.tools-full-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:var(--spacing-md);display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);transition:border-color .3s ease;min-height:150px}.project-card:hover{border-color:var(--color-accent-cyan)}.project-content{display:flex;flex-direction:column;height:100%}.project-content h3{font-size:1.2rem;margin-bottom:var(--spacing-xs)}.project-content p{color:var(--color-text-muted);font-size:.9rem;flex:1}.project-content .icon{align-self:flex-end;color:var(--color-accent-cyan);margin-top:var(--spacing-sm);opacity:.5;transition:opacity .3s ease}.project-card:hover .icon{opacity:1}.story-page{padding-top:var(--spacing-xl);min-height:100vh}.story-header h1{font-size:4rem;margin-bottom:var(--spacing-xs)}.story-header p{color:var(--color-text-muted);font-family:var(--font-mono)}.story-nav{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;position:sticky;top:80px;z-index:10;background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);width:100%}.story-nav button{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:.8rem 1.5rem;border-radius:2rem;cursor:pointer;font-family:var(--font-mono);font-size:.9rem;transition:all .3s ease}.story-nav button:hover{border-color:var(--color-accent-lime);color:var(--color-accent-lime);background:#ccff000d}.section-intro{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:600px}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}h2{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.timeline-section,.impact-section,.projects-section{scroll-margin-top:100px}@media(max-width:768px){.story-header h1{font-size:3rem}.story-nav button{padding:.6rem 1rem;font-size:.8rem}}.scrapbook-page{padding-top:var(--spacing-xl);min-height:100vh}.scrapbook-header-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-lg)}.scrapbook-header h1{font-size:4rem;margin-bottom:var(--spacing-xs)}.scrapbook-header p{color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:var(--spacing-md)}.scrapbook-nav{display:flex;gap:var(--spacing-md);background:#ffffff08;padding:var(--spacing-xs) var(--spacing-sm);border-radius:100px;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scrapbook-nav a{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);padding:8px 16px;border-radius:100px;transition:all .3s ease}.scrapbook-nav a:hover{color:var(--color-text);background:#ffffff0d}.scrapbook-nav a.active{color:var(--color-bg);background:var(--color-accent-lime);font-weight:500}.scrapbook-content{width:100%}@media(max-width:768px){.scrapbook-header h1{font-size:2.5rem}.scrapbook-nav{gap:var(--spacing-xs);padding:4px}.scrapbook-nav a{padding:6px 12px;font-size:.8rem}}:root{--color-bg: #050505;--color-surface: #0f0f11;--color-surface-hover: #1a1a1d;--color-text: #ededed;--color-text-muted: #a1a1aa;--color-border: #27272a;--color-accent-lime: #ccff00;--color-accent-pink: #ff0099;--color-accent-cyan: #00ffff;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--ease-out-expo: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.1}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}::selection{background-color:var(--color-accent-lime);color:var(--color-bg)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-sm)}.grid-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-sm)}.text-gradient{background:linear-gradient(to right,var(--color-accent-lime),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}