.collapse-btn[collapsed=true]+.collapse-body{opacity:0;font-size:0;transition:opacity .4s,font-size .3s .4s}.collapse-btn[collapsed=true]+.collapse-body p{padding:0!important;transition:padding .3s .3s}.collapse-btn[collapsed=false]+.collapse-body{font-size:inherit;opacity:1;transition:opacity .3s .3s,font-size .3s}.collapse-btn[collapsed=false]+.collapse-body p{transition:padding .3s}nav{position:fixed;top:0;left:0;background-color:#faebd7;width:0px;z-index:5}.menu-btn{position:fixed;padding:20px;top:0;left:0;right:0;display:flex;gap:0px;transition:all .7s;z-index:1;justify-content:space-between;pointer-events:none}nav .btn{opacity:0;pointer-events:none;padding:8px 16px;background-color:#525252eb;color:#f6d4b1;border-color:#f6d4b1e6;fill:currentColor;box-shadow:6px 6px #00000059}.menu-btn>.btn:first-child{padding:8px 24px;margin-right:16px}nav svg{transition:all .2s}nav .btn svg,nav .btn svg *{fill:currentColor}html[data-scroll=true] nav .btn{opacity:1;pointer-events:all}.active .btn{box-shadow:6px 6px #f6d4b1b3;background-color:#f6d4b1;color:#525252;fill:#525252;border-color:#525252;opacity:1!important;pointer-events:all!important}.active .btn:hover{box-shadow:8px 8px 6px #f6d4b180}.active .btn:active{box-shadow:4px 4px #f6d4b1b3}.menu-body{background-color:#525252;color:#f6d4b1;font-size:2em;font-family:public-pixel,monospace;text-decoration:none!important;position:fixed;top:0;bottom:0;left:-100px;right:100vw;z-index:0;transition:all .7s;display:inline-flex;gap:16px;flex-direction:column;padding-top:70px;padding-left:20px;overflow:hidden;box-sizing:border-box;opacity:0}.menu-body a{text-decoration:none!important}.menu-body a:hover{transform:none}.active .menu-body{left:0;right:0;opacity:1}#tip-scroll{position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-family:chill,sans-serif;font-size:14px;box-shadow:6px 6px #000000bf;background-color:#525252;color:#f6d4b1;transition:all .3s;padding:4px 24px;border:#f6d4b1 solid 1px;pointer-events:none;display:none;opacity:1}html[data-scroll=true] #tip-scroll{opacity:0}.active #tip-scroll{opacity:0!important}@media (min-width: 540px){.menu-btn{justify-content:left}.active .menu-btn{translate:28px}.menu-body{padding-left:50px}}@media (orientation: portrait){#tip-scroll{display:block}}:root{--color: #e0e0e0;--bg-color: #0a0a0a;--accent-color: #f99021;--text-color: #ffffff}@font-face{font-family:public-pixel;src:url(/fonts/public-pixel.woff)}@font-face{font-family:chill;src:url(/fonts/chill.woff)}*{margin:0;padding:0}html,body{overflow-x:hidden;background:linear-gradient(to bottom,#f6d4b1,#d4b89a,#8a7a6a,#4a4a4a,#2a2a2a,#0a0a0a);background-attachment:fixed;color:var(--text-color);font-family:chill,sans-serif;font-size:18px;-webkit-text-size-adjust:100%;min-height:100vh}html[data-crt=true] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(to bottom,#0000001a,#0000001a 1px,#0000 3px);mix-blend-mode:multiply;opacity:.75}html[data-crt=true] body:after{content:"";position:fixed;top:-20vh;right:-20vw;bottom:-20vh;left:-20vw;pointer-events:none;z-index:1000;background:radial-gradient(60% 60% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);opacity:.65}#easter-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:10px 14px;border-radius:999px;background:#525252eb;border:1px solid rgba(246,212,177,.35);color:#ffffffeb;font-family:chill,sans-serif;font-size:.95rem;letter-spacing:.01em;opacity:0;pointer-events:none;z-index:1001;transition:opacity .2s ease,transform .2s ease}#easter-toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background-color:#1a1a1a;border:2px solid #333;box-shadow:inset 2px 2px #00000080}::-webkit-scrollbar-thumb{background-color:#333;border:2px solid #1a1a1a;box-shadow:2px 2px #ffffff1a}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color);border:2px solid #333}::-webkit-scrollbar-thumb:active{background-color:var(--accent-color);box-shadow:inset 2px 2px #0000004d}::-webkit-scrollbar-corner{background-color:#1a1a1a;border:2px solid #333}*{scrollbar-width:thin;scrollbar-color:#333 #1a1a1a}.webgl{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;outline:none;z-index:1}#hero-backup{display:flex;flex-direction:column;justify-content:center;gap:16px;position:absolute;top:0;left:0;right:0;bottom:0;width:clamp(0px,95vw,580px);margin:auto;color:var(--color);outline:none;z-index:0}#hero-backup h1,#hero-backup h3{margin:0;text-align:left}.greeting-cycle{display:inline-block;transition:opacity .24s ease,transform .24s ease;will-change:opacity,transform}.greeting-cycle.is-fading{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion: reduce){.greeting-cycle{transition:none}}#hero-backup ul{margin-left:32px}.contact-intro{margin-top:40px;margin-bottom:22px;text-align:center;opacity:.78}.about-wrap{margin-top:40px}.about-lede{font-size:1.12rem;line-height:1.85;color:#ffffffe6}.about-body{font-size:1.05rem;line-height:1.85;color:#ffffffc7}.about-name,.about-skill{font-weight:700;color:#f6d4b1f2}.contact-links{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 20px}.contact-link{display:inline-flex;align-items:center;gap:10px;padding:6px 0;border-radius:0;background:transparent;color:#ffffffe6;border:none;box-shadow:none;text-decoration:none;position:relative;opacity:.78;transition:opacity .18s ease,transform .18s ease;transform-origin:left center}.contact-link:hover{opacity:1;transform:scale(1.06);box-shadow:none}.contact-link:active{opacity:1;transform:scale(1.02);box-shadow:none}.contact-link svg{flex:0 0 auto;color:#f6d4b1e6;opacity:.9}.webgl:active{cursor:grabbing}#textarea{position:fixed;top:0;right:0;outline:none;z-index:-1;opacity:0}#loading{color:var(--text-color);background-color:var(--color);position:fixed;top:0;bottom:0;left:0;right:0;padding:10vw;z-index:6;transition:opacity .3s;display:flex;flex-direction:column;justify-content:center;gap:16px}#loading h2{text-align:left;margin:0;padding:0}#loading-items{height:64px;overflow:hidden;text-overflow:ellipsis}#loading-bar{position:relative;width:100%;height:64px;border:dashed 2px var(--text-color);box-shadow:2px 2px 0 var(--color),6px 6px #f6d4b1b3}#loading-bar-progress{position:absolute;top:2px;bottom:2px;left:2px;right:2px;background-color:var(--text-color);transform:scaleX(0);transform-origin:left;transition:transform .2s}h1{display:inline-block;color:var(--text-color);background-color:transparent;font-family:public-pixel,monospace;font-size:clamp(2rem,6vw,4rem);padding:0;margin:0 0 40px;letter-spacing:.05em;text-transform:uppercase}h2{display:inline-block;font-size:1.2em;text-align:center;color:var(--text-color);background-color:var(--color);font-family:public-pixel,monospace;padding:4px 16px 8px;margin:.3em auto}h3{font-size:1.2em;text-align:center;color:var(--color);font-family:public-pixel,monospace;padding-top:4px;padding-bottom:8px;margin:.3em auto}hr{width:100px;height:2px;background-color:none;margin:40px auto;border:none;border-bottom:dashed 2px var(--color)}.skills,p{padding:0 20px;text-align:center;line-height:1.8;width:clamp(0px,90vw,700px);margin:0 auto 20px;box-sizing:border-box;font-size:1.1rem;max-width:700px}.skills{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:16px;text-align:center;list-style-type:none;transition:all .3s}.skills li{display:inline-block;padding:4px 8px;border:dashed 1px var(--color);box-shadow:1px 1px 0 var(--text-color),4px 4px #52525240}.image{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:16px;margin:auto}.image *{box-sizing:border-box;width:clamp(0px,95vw,1200px);box-shadow:1px 1px 0 var(--text-color),6px 6px #52525240}main{color:var(--color);margin-top:200vh;text-align:center;position:relative;z-index:2}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;margin:0;position:relative;box-sizing:border-box}section:after{content:"";border-bottom:dashed 1px var(--color);position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:clamp(0px,90vw,800px);opacity:.3;transition:transform 1s ease .5s}section.in-view:after{transform:translate(-50%) scaleX(1)}section:last-of-type:after{display:none}footer{display:flex;gap:32px;flex-direction:column;font-size:12px;width:clamp(0px,95vw,680px);margin:auto;padding:32px 0;text-align:center;color:var(--color);z-index:2;position:relative}a{display:inline-block;color:inherit;text-decoration-style:solid;text-decoration-thickness:2px;transition:all .3s}a:hover{transform:scale(1.1);box-shadow:1px 1px 0 var(--text-color),4px 4px #52525240}a:active{transform:scale(1);box-shadow:1px 1px 0 var(--text-color),3px 3px #52525266}.btn{position:relative;font-family:chill,sans-serif;font-size:18px;display:inline-flex;gap:.25rem;box-shadow:6px 6px #52525240;background-color:var(--color);color:var(--text-color);cursor:pointer;transition:all .3s;padding:4px 24px;border:var(--text-color) solid 1px;text-decoration:none}.btn:hover{transform:scale(1.1);box-shadow:8px 8px 6px #52525240;z-index:2}.btn:active{transform:scale(.95);box-shadow:4px 4px #52525266}.portrait{position:relative;width:clamp(0px,95vw,780px);padding:0;height:400px;margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 0 var(--text-color),6px 6px #52525240}.portrait-tag{position:absolute;color:#fff;left:calc(50% + 120px);top:30px;transform:translate(-50%) rotate(20deg)}.portrait:after{z-index:-1;position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px;display:block;content:" ";box-shadow:6px 6px #52525240;background-color:#040d21;background-image:url(/assets/bg-ADK_DFsu.png);background-size:contain;filter:blur(30px);color:var(--text-color);border:var(--text-color) solid 1px}.journey-section{max-width:900px;margin:40px auto 60px;padding:0 20px}.journey-section:first-of-type{margin-top:40px}.journey-category{display:flex;align-items:center;gap:12px;font-family:chill,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 30px;padding:0;background:transparent;color:#fff;text-align:left;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}section.in-view .journey-category{opacity:1;transform:translateY(0)}.journey-category svg{width:24px;height:24px;stroke-width:2}.journey-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#4a3c3240;border:1px solid rgba(212,184,154,.2);border-radius:12px;padding:24px;margin-bottom:20px;transition:all .3s ease;opacity:0;transform:translateY(20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}section.in-view .journey-card{opacity:1;transform:translateY(0);transition-delay:.2s}.journey-card:hover{background:#4a3c3259;border-color:#f9902166;transform:translateY(-4px);box-shadow:0 8px 24px #4a3c324d}.journey-logo{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;padding:8px}.logo-placeholder{font-family:public-pixel,monospace;font-size:1rem;font-weight:700;color:inherit;opacity:.8}.journey-logo img{width:100%;height:100%;object-fit:contain}.journey-content{flex:1;min-width:0}.journey-title{font-family:chill,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 6px;padding:0;color:#fff;text-align:left;background:transparent}.journey-role{font-family:chill,sans-serif;font-size:1rem;font-weight:400;margin:0 0 8px;padding:0;color:#fff;opacity:.8;text-align:left;width:100%}.journey-description{font-family:chill,sans-serif;font-size:.9rem;margin:0;padding:0;color:#fff;opacity:.7;text-align:left;width:100%}.journey-points{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.journey-points li{font-family:chill,sans-serif;font-size:.9rem;color:#fff;opacity:.8;text-align:left;padding-left:16px;position:relative;line-height:1.5}.journey-points li:before{content:"•";position:absolute;left:0;color:#fff;opacity:.5;font-size:1.2rem;line-height:1.3}.journey-meta{text-align:right;flex-shrink:0}.journey-location,.journey-date{font-family:chill,sans-serif;font-size:.9rem;margin:0;padding:0;color:#fff;opacity:.7;white-space:nowrap;width:auto}.journey-location{margin-bottom:4px;font-weight:500}@media (max-width: 768px){.journey-section{padding:0 10px;margin:30px 0 50px;max-width:100%}.journey-card{grid-template-columns:1fr;gap:16px;padding:16px;margin-left:0;margin-right:0}.journey-meta{text-align:left;margin-top:12px}.journey-title{font-size:1.05rem}.journey-role{font-size:.9rem}.journey-points{padding-left:0;margin-left:0}.journey-points li{font-size:.85rem;padding-left:14px;padding-right:0}.journey-description{font-size:.8rem}.journey-category{font-size:1.2rem;margin-bottom:20px}.journey-location,.journey-date{font-size:.85rem}}@media (max-width: 480px){.journey-section{padding:0 5px;margin:25px 0 40px;max-width:100%}.journey-card{padding:12px;gap:12px;border-radius:8px}.journey-title{font-size:.95rem}.journey-role{font-size:.8rem}.journey-points{gap:6px;margin-top:10px;padding-left:0}.journey-points li{font-size:.75rem;padding-left:12px;line-height:1.4}.journey-category{font-size:1rem;gap:8px}.journey-category svg{width:18px;height:18px}.journey-location,.journey-date{font-size:.8rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;max-width:1100px;margin:0 auto 60px;padding:0 20px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:0 15px}}.project-card{--project-card-bg: #dbeafe;--pc-text: #0f172a;--pc-muted: rgba(15, 23, 42, .72);--pc-border: rgba(15, 23, 42, .14);--pc-pill-bg: rgba(15, 23, 42, .06);--pc-pill-border: rgba(15, 23, 42, .14);background:var(--project-card-bg);border:1px solid var(--pc-border);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);cursor:pointer;position:relative;padding:14px;box-shadow:0 16px 36px #00000059}.project-card:before{display:none}section.in-view .project-card{opacity:1;transform:translateY(0)}section.in-view .project-card:nth-child(1){transition-delay:.1s}section.in-view .project-card:nth-child(2){transition-delay:.2s}section.in-view .project-card:nth-child(3){transition-delay:.3s}.projects-grid .project-card:nth-child(1){--project-card-bg: #dbeafe;--pc-text: #0b1220;--pc-muted: rgba(11, 18, 32, .72);--pc-border: rgba(11, 18, 32, .14);--pc-pill-bg: rgba(11, 18, 32, .06);--pc-pill-border: rgba(11, 18, 32, .14)}.projects-grid .project-card:nth-child(2){--project-card-bg: #e9a16d;--pc-text: #1f130e;--pc-muted: rgba(31, 19, 14, .78);--pc-border: rgba(31, 19, 14, .18);--pc-pill-bg: rgba(31, 19, 14, .08);--pc-pill-border: rgba(31, 19, 14, .18)}.projects-grid .project-card:nth-child(3){--project-card-bg: #e9d5ff;--pc-text: #1a1026;--pc-muted: rgba(26, 16, 38, .72);--pc-border: rgba(26, 16, 38, .14);--pc-pill-bg: rgba(26, 16, 38, .06);--pc-pill-border: rgba(26, 16, 38, .14)}.project-card:hover{transform:translateY(-8px);filter:saturate(1.05);border-color:#f9902173;box-shadow:0 22px 54px #0000006b,0 0 0 2px #f9902124}.project-image{width:100%;height:240px;background:#0f172a0f;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--pc-border);z-index:1}.project-image img{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.85}.project-card:hover .project-image img{transform:scale(1.03);opacity:1}.project-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,.14) 45%,transparent 70%);opacity:1;transition:opacity .4s ease;z-index:1;pointer-events:none}.project-card:hover .project-image:after{opacity:.6}.project-content{padding:18px 6px 6px;position:relative;z-index:1}.project-title{font-family:chill,sans-serif;font-size:1.35rem;font-weight:650;color:var(--pc-text);margin:0 0 12px;padding:0;background:transparent;text-align:left;letter-spacing:-.015em;line-height:1.3}.project-description{font-family:chill,sans-serif;font-size:.95rem;line-height:1.6;color:var(--pc-muted);opacity:1;margin:0 0 20px;padding:0;text-align:left;width:100%}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-tags span{font-family:chill,sans-serif;font-size:.8rem;padding:6px 14px;background:var(--pc-pill-bg);border:1px solid var(--pc-pill-border);border-radius:20px;color:var(--pc-text);opacity:1;transition:all .3s ease;font-weight:400;letter-spacing:.02em}.project-card:hover .project-tags span{border-color:#f9902159;background:#f9902129;opacity:1}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:16px;padding:0 10px;margin:0 auto 40px}.project-card{padding:10px;border-radius:12px;max-width:100%}.project-image{height:160px;border-radius:8px}.project-content{padding:12px 4px 4px}.project-title{font-size:1.05rem;margin-bottom:8px}.project-description{font-size:.8rem;margin-bottom:12px;line-height:1.5}.project-tags{gap:6px}.project-tags span{font-size:.7rem;padding:4px 10px}.project-card:hover{transform:translateY(-4px)}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:14px;padding:0 8px;margin:0 auto 30px}.project-card{padding:8px;border-radius:10px;box-shadow:0 12px 28px #0000004d}.project-image{height:140px;border-radius:6px}.project-content{padding:10px 3px 3px}.project-title{font-size:.95rem;margin-bottom:6px}.project-description{font-size:.75rem;line-height:1.4;margin-bottom:10px}.project-tags{gap:5px}.project-tags span{font-size:.65rem;padding:3px 8px}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00000059}}@media (max-width: 360px){.projects-grid{padding:0 5px;gap:12px}.project-card{padding:6px}.project-image{height:120px}.project-title{font-size:.9rem}.project-description{font-size:.7rem}.project-tags span{font-size:.6rem;padding:2px 6px}}.cert-container{max-width:900px;margin:0 auto;padding:0 20px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}section.in-view .cert-container{opacity:1;transform:translateY(0)}.cert-list{list-style:none;counter-reset:cert-counter;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.cert-list li{counter-increment:cert-counter;font-family:chill,sans-serif;font-size:1.05rem;color:#fff;padding:20px 0 20px 50px;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease;display:flex;justify-content:space-between;align-items:baseline;gap:30px;line-height:1.5;position:relative}.cert-list li:before{content:counter(cert-counter,decimal-leading-zero);position:absolute;left:0;font-family:public-pixel,monospace;font-size:.9rem;opacity:.4;font-weight:600}.cert-list li:last-child{border-bottom:none}.cert-list li:hover{padding-left:60px;border-bottom-color:#ffffff26}.cert-list li:hover:before{opacity:.7}.cert-clickable{cursor:pointer}.cert-clickable:hover{background:#ffffff05}.cert-name{flex:1;text-align:left}.cert-issuer{font-size:.9rem;opacity:.5;white-space:nowrap;flex-shrink:0;text-align:right}@media (max-width: 768px){.cert-container{padding:0 15px}.cert-list li{flex-direction:column;align-items:flex-start;gap:6px;font-size:.9rem;padding:14px 0 14px 35px}.cert-list li:before{font-size:.75rem}.cert-list li:hover{padding-left:40px}.cert-issuer{font-size:.8rem;white-space:normal;text-align:left}.cert-name{line-height:1.4}}@media (max-width: 480px){.cert-container{padding:0 10px}.cert-list li{font-size:.85rem;padding:12px 0 12px 30px;gap:5px}.cert-list li:before{font-size:.7rem}.cert-list li:hover{padding-left:35px}.cert-issuer{font-size:.75rem}}.contributions-section{max-width:900px;margin:40px auto;padding:24px;background:#4a3c3240;border:1px solid rgba(212,184,154,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(20px);transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden}.contributions-section:hover{background:#4a3c3259;border-color:#f9902166;transform:translateY(-4px);box-shadow:0 8px 24px #4a3c324d}section.in-view .contributions-section{opacity:1;transform:translateY(0);transition-delay:.3s}.contributions-header h3{font-family:chill,sans-serif;font-size:1rem;font-weight:400;color:#fff;opacity:.8;margin:0 0 20px;padding:0;text-align:left;background:transparent}.contributions-graph{display:flex;flex-direction:column;gap:12px}.graph-labels{display:flex;flex-direction:column;gap:8px;font-size:.75rem;color:#fff;opacity:.6;padding-right:8px;min-width:35px}.graph-labels span{height:12px;line-height:12px}.graph-container{display:flex;flex-direction:column;gap:8px;overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch}.month-labels{display:flex;justify-content:space-between;gap:10px;flex-wrap:nowrap;font-size:.75rem;color:#fff;opacity:.6;margin-bottom:4px;padding-left:0}.month-labels span{white-space:nowrap}.graph-grid{display:grid;grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:3px;padding-left:0;min-width:max-content}.contribution-day{width:10px;height:10px;border-radius:2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer}.contribution-day:hover{transform:scale(1.3);border-color:#f9902180}.contribution-day.level-0{background:#ffffff0d}.contribution-day.level-1{background:#4caf504d;border-color:#4caf5066}.contribution-day.level-2{background:#4caf5080;border-color:#4caf5099}.contribution-day.level-3{background:#4caf50b3;border-color:#4caf50cc}.contribution-day.level-4{background:#4caf50e6;border-color:#4caf50}.graph-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:.75rem;color:#fff;opacity:.6;margin-top:8px}.legend-colors{display:flex;gap:4px}.legend-box{width:10px;height:10px;border-radius:2px;border:1px solid rgba(255,255,255,.1)}.legend-box.level-0{background:#ffffff0d}.legend-box.level-1{background:#4caf504d;border-color:#4caf5066}.legend-box.level-2{background:#4caf5080;border-color:#4caf5099}.legend-box.level-3{background:#4caf50b3;border-color:#4caf50cc}.legend-box.level-4{background:#4caf50e6;border-color:#4caf50}@media (max-width: 768px){.contributions-section{padding:18px 12px;margin:30px 10px;max-width:calc(100vw - 20px)}.contributions-header h3{font-size:.9rem;margin-bottom:16px}.graph-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%}.month-labels{font-size:.65rem;gap:8px;min-width:max-content}.graph-grid{grid-template-rows:repeat(7,8px);gap:2px;min-width:max-content}.contribution-day{width:8px;height:8px}.graph-labels{display:none}.graph-legend{font-size:.7rem;margin-top:10px}.legend-box{width:8px;height:8px}}@media (max-width: 480px){.contributions-section{padding:15px 8px;margin:25px 5px;max-width:calc(100vw - 10px)}.contributions-header h3{font-size:.85rem;margin-bottom:14px}.month-labels{font-size:.6rem;gap:6px;min-width:max-content}.month-labels span:nth-child(2n){display:none}.graph-grid{grid-template-rows:repeat(7,7px);gap:1.5px;min-width:max-content}.contribution-day{width:7px;height:7px}.graph-legend{font-size:.65rem;gap:6px}.legend-box{width:7px;height:7px}}section h1{position:relative;display:inline-block}section h1:before,section h1:after{display:none}@keyframes glitch1{0%,to{transform:translate(0);opacity:0}33%{transform:translate(-2px,2px);opacity:.7}66%{transform:translate(2px,-2px);opacity:.7}}@keyframes glitch2{0%,to{transform:translate(0);opacity:0}33%{transform:translate(2px,-2px);opacity:.5}66%{transform:translate(-2px,2px);opacity:.5}}@media (max-width: 768px){section{min-height:auto;padding:60px 20px}section h1{font-size:clamp(2rem,8vw,3rem);margin-bottom:30px}p{font-size:1rem;padding:0 15px}}html{scroll-behavior:smooth}section p{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}section.in-view p{opacity:1;transform:translateY(0)}section p:nth-child(2){transition-delay:.2s}section p:nth-child(3){transition-delay:.4s}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;padding:20px 0;max-width:1000px;margin:0 auto}.gallery-item{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}section.in-view .gallery-item{opacity:1;transform:translateY(0)}.gallery-item:nth-child(1){transition-delay:.1s}.gallery-item:nth-child(2){transition-delay:.2s}.gallery-item:nth-child(3){transition-delay:.3s}.gallery-item:nth-child(4){transition-delay:.4s}.gallery-item:nth-child(5){transition-delay:.5s}.gallery-item:nth-child(6){transition-delay:.6s}.gallery-frame{position:relative;border:1px solid currentColor;background-color:transparent;padding:0;overflow:hidden;cursor:pointer;transition:all .3s ease;opacity:.9}.gallery-frame:hover{transform:translateY(-5px);opacity:1}.gallery-frame img{width:100%;height:250px;object-fit:cover;display:block;filter:grayscale(30%);transition:all .4s ease}.gallery-frame:hover img{filter:grayscale(0%)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;transform:translateY(100%);transition:transform .3s ease}.gallery-frame:hover .gallery-overlay{transform:translateY(0)}.gallery-text h3{font-family:public-pixel,monospace;color:#fff;font-size:1rem;margin:0 0 5px;padding:0;text-align:left;font-weight:600}.gallery-text p{color:#fff;font-size:.85rem;margin:0;padding:0;text-align:left;opacity:.9}@media (max-width: 768px){.gallery-grid{grid-template-columns:1fr;gap:25px;padding:15px 0}.gallery-frame img{height:180px}.gallery-overlay{padding:15px}.gallery-text h3{font-size:.9rem}.gallery-text p{font-size:.8rem}}@media (max-width: 480px){.gallery-grid{gap:20px}.gallery-frame img{height:160px}.gallery-overlay{padding:12px}.gallery-text h3{font-size:.85rem}.gallery-text p{font-size:.75rem}}section h1{position:relative;display:inline-block;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.2;font-weight:700;letter-spacing:.1em;text-transform:uppercase}section h1 .char{display:inline-block;opacity:0;position:relative;transition:all .3s ease}section h1.reveal .char{opacity:0;animation:none}section h1.reveal.active .char{animation:decryptChar .05s linear forwards}@keyframes decryptChar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section h1 .char:nth-child(1){animation-delay:0s}section h1 .char:nth-child(2){animation-delay:.05s}section h1 .char:nth-child(3){animation-delay:.1s}section h1 .char:nth-child(4){animation-delay:.15s}section h1 .char:nth-child(5){animation-delay:.2s}section h1 .char:nth-child(6){animation-delay:.25s}section h1 .char:nth-child(7){animation-delay:.3s}section h1 .char:nth-child(8){animation-delay:.35s}section h1 .char:nth-child(9){animation-delay:.4s}section h1 .char:nth-child(10){animation-delay:.45s}section h1 .char:nth-child(11){animation-delay:.5s}section h1 .char:nth-child(12){animation-delay:.55s}section h1 .char:nth-child(13){animation-delay:.6s}section h1 .char:nth-child(14){animation-delay:.65s}section h1 .char:nth-child(15){animation-delay:.7s}section h1 .char:nth-child(n+16){animation-delay:.75s}@keyframes glitchFlicker{0%,to{opacity:1}50%{opacity:.3}}section:nth-child(1) h1,section:nth-child(1) p,section:nth-child(1){color:#2a2a2a}section:nth-child(1) h1{text-shadow:2px 2px 0px rgba(246,212,177,.5)}section:nth-child(2) h1,section:nth-child(2) p,section:nth-child(2){color:#1a1a1a}section:nth-child(2) h1{text-shadow:2px 2px 0px rgba(138,122,106,.3)}section:nth-child(3) h1,section:nth-child(3) p,section:nth-child(3),section:nth-child(4) h1,section:nth-child(4) p,section:nth-child(4){color:#fff}section:nth-child(3) h1,section:nth-child(4) h1{text-shadow:2px 2px 0px rgba(249,144,33,.3)}section>*{max-width:800px;width:100%}section h1+p{margin-top:40px}section p+p{margin-top:20px}section:nth-child(1) .timeline-content,section:nth-child(2) .timeline-content{background-color:#f6d4b1e6;color:#2a2a2a}section:nth-child(3) .timeline-content,section:nth-child(4) .timeline-content{background-color:#1a1a1ae6;color:#fff;border-color:#666}section:nth-child(3) .timeline-marker,section:nth-child(4) .timeline-marker{background-color:#2a2a2a;border-color:#666}section:nth-child(3) .gallery-frame,section:nth-child(4) .gallery-frame{background-color:#1a1a1a;border-color:#666}