*{box-sizing:border-box;margin:0;padding:0}:root{--red: #dc2626;--blue: #0088d1;--ink: #0a0a0a;--paper: #f5f5f2}html,body,#root{height:100%}body{background:#0b0b0e;color:var(--paper);font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.85) saturate(1.05) contrast(1.02)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% 10%,transparent 55%,rgba(4,5,9,.5) 100%),linear-gradient(to bottom,#0405091f,#0405094d)}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;padding:clamp(14px,2.6vw,36px);overflow:hidden;opacity:1}#menu.menu-hidden{opacity:0;pointer-events:none}#menu.menu-visible{opacity:1;transform:scale(1);filter:blur(0);pointer-events:auto}.menu-head{display:flex;justify-content:space-between;align-items:center}.name-banner{display:inline-flex;flex-direction:column;align-items:flex-start}.name-strip{display:inline-flex;align-items:center;background:#fff;padding:.12em .7em .16em;box-shadow:4px 4px #0006}.strip-1{transform:rotate(-2deg)}.strip-2{transform:rotate(1deg);margin-left:clamp(14px,2.5vw,26px);margin-top:-4px}.name-text{font-family:Anton,sans-serif;font-size:clamp(1.38rem,3.1vw,2.2rem);line-height:1.15;text-transform:uppercase;color:#000;letter-spacing:2px;transform:scaleX(1.1);transform-origin:left center;white-space:nowrap}.chip{display:inline-block;border-radius:4px;padding:0 4px}.chip-blue{background:#0084d1;color:#fff}.chip-black{background:#000;color:#fff}:root{--neo-border: #0a0a0a;--neo-line: #ffffff;--neo-yellow: #ffd02f;--neo-blue: #0084d1;--diamond-size: 9.5em}.badge-tilt{transform:rotate(3.5deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.badge-tilt:hover{transform:rotate(2deg) scale(1.04)}.student-badge{position:relative;display:inline-flex;align-items:center;font-size:clamp(3.5px,.42vw,6.8px);font-family:Poppins,Segoe UI,Arial,sans-serif}.student-badge__ribbon{position:relative;display:flex;flex-direction:column;justify-content:center;height:7.4em;min-width:27em;padding:.3em 2em .3em 7.5em;margin-left:calc(var(--diamond-size) / -2.1);background:var(--neo-yellow);border:.45em solid var(--neo-line);box-shadow:.7em .7em 0 var(--neo-border)}.student-badge__title{color:var(--neo-border);font-weight:700;font-size:1.35em;letter-spacing:.03em;line-height:1.15;margin:0;text-transform:uppercase}.student-badge__subtitle{color:#0a0a0ab8;font-weight:700;font-size:.85em;letter-spacing:.02em;text-transform:uppercase;margin:.4em 0 0}.student-badge__diamond{position:relative;z-index:2;width:calc(var(--diamond-size) * .82);height:calc(var(--diamond-size) * .82);flex:0 0 auto;transform:rotate(45deg);background:var(--neo-blue);border:.45em solid var(--neo-line);box-shadow:.55em .55em 0 var(--neo-border);overflow:hidden}.student-badge__diamond-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-45deg) scale(1.42);overflow:hidden;background:#222}.student-badge__diamond-inner img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 780px){.badge-tilt{transform:rotate(3.5deg) scale(.82);transform-origin:top right;margin-right:-10px}}.mission-wrap{position:relative;padding:0;margin-top:clamp(24px,4vh,46px);margin-left:clamp(12px,2.2vw,34px);width:min(430px,80vw)}.mission-box{position:relative;background:#fff;color:var(--ink);border:4px solid var(--ink);box-shadow:7px 7px #000000d9;padding:clamp(12px,2vw,22px)}.mission-tag{position:absolute;top:-13px;right:-11px;z-index:10;background:var(--red);color:#fff;font-family:Oswald,sans-serif;font-size:clamp(8px,.85vw,11px);font-weight:700;letter-spacing:.15em;padding:.45em 1.5em;border:3px solid var(--ink);transform:rotate(5deg);box-shadow:3px 3px 0 var(--ink)}.mission-title{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-bottom:clamp(8px,1.4vh,14px)}.mission-word{font-family:Anton,sans-serif;font-size:clamp(1.15rem,2.5vw,1.9rem);line-height:1;text-transform:uppercase;display:inline-block;border:3px solid var(--ink);padding:.14em .45em}.mission-word.op{background:var(--red);color:#fff;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--ink)}.mission-word.vg{background:var(--blue);color:#fff;transform:rotate(1.5deg);box-shadow:3px 3px 0 var(--ink)}.mission-text{font-family:Oswald,sans-serif;font-weight:500;font-size:clamp(.66rem,1.4vh,.8rem);line-height:1.5;background:#0a0a0a0f;border-left:4px solid var(--red);padding:10px 12px;max-width:62ch;white-space:pre-line}.mission-word.yl{background:#ffd02f;color:var(--ink);transform:rotate(1.5deg);box-shadow:3px 3px 0 var(--ink)}.mission-word.pu{background:#8b5cf6;color:#fff;transform:rotate(1.5deg);box-shadow:3px 3px 0 var(--ink)}.mission-deck{display:grid;margin-bottom:clamp(56px,9vh,80px)}.mission-deck>.mission-box{grid-area:1 / 1;cursor:pointer;transition:transform .45s cubic-bezier(.34,1.4,.64,1),filter .3s ease}.mission-deck>.mission-box:focus-visible{outline:3px dashed var(--red);outline-offset:4px}.mission-pos-0{transform:rotate(-1deg);z-index:3}.mission-pos-1{transform:translate(34px,26px) rotate(2.5deg);z-index:2;filter:brightness(.93) saturate(.9)}.mission-pos-2{transform:translate(-32px,52px) rotate(-4.5deg);z-index:1;filter:brightness(.85) saturate(.8)}.mission-pos-1:hover{transform:translate(34px,18px) rotate(2deg);filter:brightness(1) saturate(1)}.mission-pos-2:hover{transform:translate(-26px,44px) rotate(-3.5deg);filter:brightness(1) saturate(1)}.mission-hint{margin-top:clamp(8px,1.6vh,14px);transform:translateY(clamp(10px,1.8vh,20px));font-family:Oswald,sans-serif;font-size:clamp(.52rem,.74vw,.62rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 2px 8px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none}.keyhints{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,24px);margin-top:clamp(12px,2.2vh,24px);margin-bottom:clamp(56px,10vh,112px)}.keyhint{display:flex;align-items:center;gap:6px;background:#fff;color:#000;border:2px solid #000;transform:skew(-12deg);padding:.3em .85em;font-family:Oswald,sans-serif;font-size:clamp(8px,.82vw,10px);font-weight:700;letter-spacing:.15em;text-transform:uppercase;box-shadow:3px 3px #fff}.keyhint-key{background:#000;color:#fff;padding:1px 5px}@media (max-width: 768px){.keyhints{display:none}}.menu-list{margin-top:auto;margin-bottom:clamp(2px,.8vh,10px);transform:translateY(clamp(20px,3.6vh,44px));display:flex;flex-direction:column;width:min(92vw,620px)}.menu-item{position:relative}.menu-link{display:flex;align-items:center;gap:clamp(12px,2vw,20px);text-decoration:none;color:#fff;padding-block:clamp(2px,.6vh,6px)}.menu-link:focus-visible{outline:3px dashed var(--red);outline-offset:4px}.menu-slot{position:relative;flex:1;height:clamp(42px,7vh,68px);display:flex;align-items:center;overflow:visible}.menu-label{font-family:Archivo Black,sans-serif;font-size:clamp(1.08rem,3.25vw,2.15rem);line-height:1;text-transform:uppercase;white-space:nowrap;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.55);transition:opacity .22s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.menu-banner{position:absolute;left:0;top:50%;width:min(280px,35vw);pointer-events:none;opacity:0;transform:translateY(-50%) scale(.55) rotate(8deg);transform-origin:left center;transition:opacity .24s ease,transform .4s cubic-bezier(.2,1.6,.3,1);will-change:transform}.menu-banner svg{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 26px rgba(0,0,0,.5))}.menu-item:hover .menu-label,.menu-item.active .menu-label{opacity:0;transform:translate(22px) rotate(1.5deg)}.menu-item:hover .menu-banner,.menu-item.active .menu-banner{opacity:1;transform:translateY(-50%) scale(1) rotate(-2.5deg)}.menu-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.74rem;letter-spacing:.2em;color:#ffffff8c}.foot-links{display:flex;gap:clamp(14px,3vw,30px)}.foot-links a{color:#ffffffbf;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px;transition:color .2s,border-color .2s}.foot-links a:hover{color:#fff;border-bottom-color:var(--red)}.skillbars-wrap{position:absolute;top:clamp(160px,20vw,320px);left:clamp(20px,4vw,50px);width:min(910px,94vw);z-index:2}.skillbars-scroll{max-height:364px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.skillbars-scroll::-webkit-scrollbar{display:none}.skillbar-row{margin-bottom:17px}.skillbar-label{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px;padding:0 2px}.skillbar-name{display:flex;align-items:center;gap:6px;font-family:Oswald,Arial Narrow,Arial,sans-serif;font-size:clamp(10px,.95vw,11.5px);font-weight:800;font-style:italic;letter-spacing:.5px;color:var(--paper);text-transform:uppercase}.skillbar-diamond{width:8px;height:8px;background:var(--red);transform:rotate(45deg);flex-shrink:0}.skillbar-percent{font-family:Courier New,monospace;font-weight:700;font-size:clamp(10.5px,.95vw,12px);color:var(--red);letter-spacing:1px}.skillbar-percent:after{content:"%";font-size:10px;color:#6b6b6b;margin-left:2px}.skillbar-shell{position:relative;height:14px;background:#262626;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);overflow:visible;border-left:3px solid var(--paper)}.skillbar-fill{position:relative;height:100%;width:0%;background:linear-gradient(90deg,#d6d6d6,#fff 65%,#fff);transition:width 1.1s cubic-bezier(.22,.9,.28,1);box-shadow:0 0 8px 1px #ffffffa6,0 0 16px 3px #e3001666}.skillbar-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,rgba(150,20,25,.1) 0px,rgba(150,20,25,.1) 2px,transparent 2px,transparent 12px)}.skillbar-shine{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.skillbar-shine:before{content:"";position:absolute;top:-10px;height:100%;width:70%;left:-70%;background:linear-gradient(90deg,transparent,rgba(227,0,22,.25) 20%,rgba(227,0,22,.9) 50%,rgba(227,0,22,.25) 80%,transparent);filter:blur(1px);animation:sb-shine-travel 1.8s linear infinite}@keyframes sb-shine-travel{0%{left:-70%}to{left:100%}}.skillbar-shell.maxed .skillbar-fill{background:linear-gradient(90deg,#ffe9a8,#fff8e0 60%,#fff);box-shadow:0 0 12px 2px #ffd25ab3,0 0 22px 5px #ffa01e66}.skillbar-shell.maxed .skillbar-shine:before{animation-duration:1.1s}.skills-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;opacity:1;transform:scale(1);filter:blur(0);pointer-events:none}.skills-page.skills-visible{opacity:1;transform:scale(1);filter:blur(0);pointer-events:auto}.skills-page.skills-hidden{opacity:1;transform:scale(1);filter:blur(0);pointer-events:none}.skills-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1;pointer-events:none}.skills-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.skills-logo{position:absolute;top:clamp(-28px,-2.8vw,-18px);left:clamp(16px,3vw,40px);width:clamp(140px,19vw,285px);height:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.6));z-index:2}.skills-visible .skills-logo,.skills-visible .skillbars-wrap,.skills-visible .skills-bottom{animation:none}.skills-bottom{position:absolute;bottom:clamp(16px,3vw,40px);left:clamp(16px,3vw,40px);display:flex;gap:12px;align-items:center;z-index:2}.skills-bottom{position:absolute;bottom:clamp(6px,1.4vw,20px);left:clamp(20px,4vw,50px);display:flex;gap:10px;align-items:center;z-index:2}.skills-back,.skills-scroll-btn{display:flex;align-items:center;gap:6px;background:#fff;color:#000;border:2px solid #000;transform:skew(-12deg);padding:.28em .75em;font-family:Oswald,sans-serif;font-size:clamp(7.5px,.78vw,9.5px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:4px 4px #fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s,color .22s}.skills-back:hover,.skills-scroll-btn:hover{transform:skew(-12deg) translateY(-2px);background:var(--red);color:#fff;border-color:#fff}.skills-back:active,.skills-scroll-btn:active{transform:skew(-12deg) translateY(1px);box-shadow:2px 2px #0000004d}.about-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;opacity:1;transform:scale(1);filter:blur(0);pointer-events:none}.about-page.about-visible{opacity:1;transform:scale(1);filter:blur(0);pointer-events:auto}.about-page.about-hidden{opacity:1;transform:scale(1);filter:blur(0);pointer-events:none}.about-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 10%,transparent 60%,rgba(4,5,9,.32) 100%),linear-gradient(to top,#00000040,#0000 25%);z-index:1;pointer-events:none}.about-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b0b0e}.about-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.about-bg-layer--reveal{--rx: -999px;--ry: -999px;--rr: 0px;-webkit-mask-image:radial-gradient(circle var(--rr) at var(--rx) var(--ry),#000 0%,#000 62%,transparent 100%);mask-image:radial-gradient(circle var(--rr) at var(--rx) var(--ry),#000 0%,#000 62%,transparent 100%)}.about-boxtext{position:absolute;z-index:2;left:11%;top:27%;width:40%;--boxtext-rotate: -9.4deg;transform:rotate(var(--boxtext-rotate))}.about-boxtext-bio{font-family:Space Grotesk,sans-serif;font-weight:500;font-style:italic;font-size:clamp(.75rem,1.3vw,1.05rem);line-height:1.75;color:#fffffff0;text-shadow:0 2px 10px rgba(0,0,0,.85);white-space:pre-line;animation:none}.about-boxtext-extra{display:block;margin-left:clamp(-52px,-17vw,-20px)}.about-boxtext-think{position:absolute;z-index:2;left:9.68%;top:64%;width:40%;transform:rotate(-9.4deg);display:block;white-space:pre-line;font-family:Space Grotesk,sans-serif;font-weight:500;font-style:italic;font-size:clamp(.75rem,1.3vw,1.05rem);line-height:1.75;color:#fffffff0;text-shadow:0 2px 10px rgba(0,0,0,.85)}.about-boxtext-think2{position:absolute;z-index:2;left:10.9%;top:72%;width:40%;transform:rotate(-9.4deg);display:block;white-space:pre-line;font-family:Space Grotesk,sans-serif;font-weight:500;font-style:italic;font-size:clamp(.75rem,1.3vw,1.05rem);line-height:1.75;color:#fffffff0;text-shadow:0 2px 10px rgba(0,0,0,.85)}.about-boxtext-next{--tag-left: clamp(-52px, -17vw, -20px);--tag-top: 0px;display:block;margin-left:var(--tag-left);margin-top:var(--tag-top);white-space:pre-line;font-family:Space Grotesk,sans-serif;font-weight:500;font-style:italic;font-size:clamp(.75rem,1.3vw,1.05rem);line-height:1.75;color:#fffffff0;text-shadow:0 2px 10px rgba(0,0,0,.85);animation:none}.about-facts{position:absolute;z-index:2;left:12.2%;top:76%;width:68%;transform:rotate(-10deg);list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 14px;animation:none}.about-facts-item{display:flex;align-items:center;gap:9px;min-width:0}.about-facts-item:nth-child(2n){transform:rotate(1.2deg)}.about-facts-item:nth-child(odd){transform:rotate(-1.2deg)}.about-facts-item-label{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(.45rem,.68vw,.56rem);letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;background:#fff;border:2px solid #fff;padding:.2em .55em;transform:skew(-12deg);box-shadow:3px 3px #0000008c}.about-facts-item-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-style:italic;font-size:clamp(.6rem,.9vw,.72rem);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.85);white-space:nowrap}.about-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:clamp(28px,6vw,90px);padding:clamp(64px,9vh,110px) clamp(20px,6vw,80px);max-width:1150px;margin:0 auto}.about-frame-area{position:relative;flex:0 0 auto;width:min(320px,74vw);animation:none}.about-frame-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transform:translate(12px,12px) rotate(3.5deg);clip-path:polygon(2% 0,100% 1%,98% 100%,0 97%);z-index:0}.about-frame{position:relative;z-index:1;background:#fff;border:4px solid #000;padding:clamp(10px,1.4vw,16px) clamp(10px,1.4vw,16px) clamp(12px,1.6vw,18px);transform:rotate(-2.5deg);clip-path:polygon(1.5% 1%,99% 0%,100% 98.5%,0% 100%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.about-frame-area:hover .about-frame{transform:rotate(.5deg) scale(1.03)}.about-frame-photo{border:4px solid #000;overflow:hidden;background:#119ac7}.about-frame-photo img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:saturate(1.05) contrast(1.03)}.about-frame-caption{display:flex;flex-direction:column;gap:2px;padding-top:clamp(8px,1.2vw,14px)}.about-frame-caption-name{font-family:Archivo Black,sans-serif;font-size:clamp(.95rem,1.7vw,1.3rem);color:#0a0a0a;line-height:1.05;text-transform:uppercase}.about-frame-caption-alias{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(.62rem,1vw,.8rem);letter-spacing:.28em;color:var(--red, #dc2626);text-transform:uppercase}.about-frame-badge{position:absolute;top:-16px;right:-18px;z-index:3;background:var(--red, #dc2626);color:#fff;font-family:Archivo Black,sans-serif;font-size:clamp(.6rem,1vw,.8rem);letter-spacing:.1em;padding:.45em .9em;border:3px solid #fff;transform:rotate(6deg);box-shadow:3px 3px #000}.about-frame-tape{position:absolute;width:clamp(70px,9vw,110px);height:clamp(20px,2.6vw,30px);background:#ffffff8c;border:1px solid rgba(255,255,255,.35);z-index:3;pointer-events:none}.about-frame-tape--tl{top:-14px;left:-34px;transform:rotate(-38deg)}.about-frame-tape--br{bottom:-12px;right:-34px;transform:rotate(-40deg)}.about-text{flex:1 1 auto;max-width:560px;animation:none}.about-title{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;line-height:1}.about-title-word{font-family:Anton,sans-serif;font-size:clamp(2rem,5.4vw,4rem);text-transform:uppercase;display:inline-block;padding:.04em .22em}.about-title-word--white{background:#fff;color:#0a0a0a;transform:rotate(-2deg);clip-path:polygon(3% 0,100% 2%,95% 100%,0 96%);font-style:italic}.about-title-word--red{background:var(--red, #dc2626);color:#fff;border:4px solid #fff;transform:rotate(1.5deg);font-style:italic}.about-role{display:inline-block;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(.78rem,1.3vw,1rem);letter-spacing:.22em;text-transform:uppercase;color:#0a0a0a;background:#fff;padding:.28em .75em;transform:skew(-12deg);box-shadow:4px 4px #000000a6;margin:0 0 20px}.about-bio{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.75;color:#fff;background:#ffffff14;border:4px solid #fff;border-left-width:8px;padding:clamp(14px,2vw,22px) clamp(16px,2.2vw,26px);margin:0 0 26px;clip-path:polygon(1% 1%,98% 0%,100% 98%,0% 100%);text-shadow:0 2px 10px rgba(0,0,0,.5)}.about-bottom{position:absolute;bottom:clamp(16px,3vw,40px);left:clamp(16px,3vw,40px);display:flex;gap:10px;align-items:center;z-index:2;animation:none}.about-back{display:flex;align-items:center;gap:6px;background:#fff;color:#000;border:2px solid #000;transform:skew(-12deg);padding:.3em .85em;font-family:Oswald,sans-serif;font-size:clamp(8px,.85vw,11px);font-weight:700;letter-spacing:.15em;text-transform:uppercase;box-shadow:3px 3px #fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s,color .22s}.about-back:hover{transform:skew(-12deg) translateY(-2px);background:var(--red, #dc2626);color:#fff;border-color:#fff}.about-back:active{transform:skew(-12deg) translateY(1px);box-shadow:2px 2px #0000004d}@media (max-width: 860px){.about-content{flex-direction:column;justify-content:center;gap:clamp(22px,4vh,40px);padding-top:clamp(56px,8vh,90px);overflow-y:auto}.about-frame-area{width:min(230px,58vw)}.about-text{max-width:min(92vw,560px)}}.projects-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;opacity:1;transform:scale(1);filter:blur(0);pointer-events:none;overflow:hidden}.projects-page.projects-visible{opacity:1;transform:scale(1);filter:blur(0);pointer-events:auto}.projects-page.projects-hidden{opacity:1;transform:scale(1);filter:blur(0);pointer-events:none}.projects-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#0b0b0e}.projects-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 10%,transparent 55%,rgba(4,5,9,.45) 100%),linear-gradient(to bottom,#0405092e,#04050961);z-index:1;pointer-events:none}.projects-banner{position:absolute;top:-10px;right:-10px;width:clamp(135px,19vw,285px);height:auto;z-index:4;filter:drop-shadow(0 8px 22px rgba(0,0,0,.55));pointer-events:none;transform:rotate(1.2deg);transform-origin:top right;opacity:1;display:block}.projects-visible .projects-banner{animation:none}.projects-header{position:absolute;top:clamp(14px,2vw,26px);left:clamp(16px,3vw,36px);z-index:3}.projects-heading{display:flex;gap:8px;line-height:1}.projects-heading span{font-family:Anton,sans-serif;font-size:clamp(1.6rem,4vw,2.8rem);text-transform:uppercase;padding:.06em .32em;border:3px solid #000;display:inline-block}.ph-white{background:#fff;color:#0a0a0a;transform:rotate(-2deg);clip-path:polygon(3% 0,100% 2%,95% 100%,0 96%);font-style:italic}.ph-red{background:var(--blue);color:#fff;transform:rotate(1.5deg);box-shadow:4px 4px #000;font-style:italic}.projects-visible .projects-header{animation:none}.projects-scroll{position:absolute;z-index:2;top:clamp(88px,10vh,120px);left:clamp(14px,2.5vw,36px);right:clamp(14px,2.5vw,36px);bottom:clamp(64px,8vh,78px);overflow-y:auto;overflow-x:hidden;padding:16px 10px 18px 4px;scrollbar-width:thin;scrollbar-color:var(--red) rgba(255,255,255,.12)}.projects-scroll::-webkit-scrollbar{width:6px}.projects-scroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.projects-scroll::-webkit-scrollbar-thumb{background:var(--red);border-radius:999px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:clamp(18px,2.2vw,26px);align-items:start;max-width:1280px;margin:0 auto}.project-card{position:relative;background:#fff;color:var(--ink);border:4px solid var(--ink);box-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink),5px 5px 0 var(--ink),6px 6px 0 var(--ink),7px 7px 0 var(--ink),8px 8px 0 var(--ink),9px 9px 0 var(--ink),10px 10px 0 var(--ink),14px 14px 22px #0000006b,22px 22px 36px #00000038;padding:0;overflow:visible;clip-path:polygon(4.5% 0,100% 0,95.5% 100%,0 100%);display:flex;flex-direction:column;min-height:218px;height:236px;will-change:transform;transition:transform .42s cubic-bezier(.34,1.45,.64,1),box-shadow .42s cubic-bezier(.34,1.45,.64,1),filter .3s ease;transform-style:preserve-3d;isolation:isolate}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);clip-path:polygon(4.5% 0,100% 0,95.5% 100%,0 100%);transform:translate(10px,10px);z-index:-1;opacity:1;pointer-events:none;transition:transform .42s cubic-bezier(.34,1.45,.64,1);filter:blur(.4px)}.project-card:hover{transform:skew(-6deg) rotate(var(--tilt)) translateY(-14px) scale(1.04);box-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink),5px 5px 0 var(--ink),6px 6px 0 var(--ink),7px 7px 0 var(--ink),8px 8px 0 var(--ink),9px 9px 0 var(--ink),10px 10px 0 var(--ink),12px 12px 0 var(--ink),20px 26px 32px #0000006b,30px 34px 44px #0000002e;filter:brightness(1.04)}.project-card:hover:before{transform:translate(13px,18px)}.project-card:hover .pc-inner{transform:translateY(-3px)}.project-card:active{transform:skew(-6deg) rotate(var(--tilt)) translateY(-4px) scale(1.005);box-shadow:1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 var(--ink),4px 4px 0 var(--ink),8px 12px 16px #00000047}.pc-tilt-l{--tilt: -1.6deg;transform:skew(-6deg) rotate(var(--tilt))}.pc-tilt-r{--tilt: 1.2deg;transform:skew(-6deg) rotate(var(--tilt))}.pc-inner{transform:none;display:flex;flex-direction:column;min-height:100%;padding:0 10px 0 14px;transition:transform .42s cubic-bezier(.34,1.45,.64,1)}.pc-red .pc-title{background:var(--red);color:#fff}.pc-blue .pc-title{background:var(--blue);color:#fff}.pc-yellow .pc-title{background:#ffd02f;color:#0a0a0a}.pc-red .pc-line{background:var(--red)}.pc-blue .pc-line{background:var(--blue)}.pc-yellow .pc-line{background:#ffd02f}.pc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 0}.pc-title{font-family:Anton,sans-serif;font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1;text-transform:uppercase;padding:.32em .6em;border:3px solid var(--ink);transform:rotate(-1deg);box-shadow:3px 3px 0 var(--ink);letter-spacing:.02em;max-width:74%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-num{font-family:Oswald,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.12em;color:#0a0a0a8c;border:2px solid var(--ink);padding:2px 7px;transform:skew(-12deg);background:#f5f5f2}.pc-line{height:4px;margin:12px 14px 0;transform:skew(-12deg);opacity:.95}.pc-desc{font-family:Archivo Black,Anton,sans-serif;font-size:clamp(.78rem,.95vw,.88rem);line-height:1.55;color:#fff;font-weight:400;padding:14px 16px 12px;flex:1;overflow:hidden;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 rgba(0,0,0,.35),6px 6px 12px rgba(0,0,0,.45);letter-spacing:.02em}.pc-github{align-self:flex-end;margin:8px 14px 14px;display:inline-flex;align-items:center;gap:5px;font-family:Oswald,sans-serif;font-size:clamp(7.5px,.78vw,9.5px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:#fff;color:#000;border:2px solid #000;padding:.28em .75em;transform:skew(-12deg);box-shadow:4px 4px #fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s,color .22s,border-color .22s,box-shadow .22s}.pc-github:hover{transform:skew(-12deg) translateY(-2px);background:var(--red);border-color:#fff;color:#fff;box-shadow:4px 4px #000}.pc-github:active{transform:skew(-12deg) translateY(1px);box-shadow:2px 2px #00000059}.pc-red .pc-github:hover{background:var(--red);border-color:#fff;color:#fff}.pc-blue .pc-github:hover{background:var(--blue);border-color:#fff;color:#fff}.pc-yellow .pc-github:hover{background:#ffd02f;border-color:#000;color:#000;box-shadow:4px 4px #000}.pc-github-arrow{background:#000;color:#fff;padding:1px 5px;font-size:1em;line-height:1}.pc-stamp{position:absolute;top:8px;right:-10px;font-family:Archivo Black,sans-serif;font-size:.55rem;letter-spacing:.14em;color:#0a0a0a14;transform:rotate(18deg);pointer-events:none;-webkit-user-select:none;user-select:none}.projects-visible .project-card{animation:none}.projects-visible .project-card:nth-child(1),.projects-visible .project-card:nth-child(2),.projects-visible .project-card:nth-child(3),.projects-visible .project-card:nth-child(4),.projects-visible .project-card:nth-child(5),.projects-visible .project-card:nth-child(6){animation:none}.projects-bottom{position:absolute;bottom:clamp(12px,2vw,18px);left:clamp(14px,2.5vw,36px);right:clamp(14px,2.5vw,36px);display:flex;align-items:center;gap:14px;z-index:3;flex-wrap:wrap}.projects-back{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;border:2px solid #000;transform:skew(-12deg);padding:.3em .85em;font-family:Oswald,sans-serif;font-size:clamp(8px,.85vw,11px);font-weight:700;letter-spacing:.15em;text-transform:uppercase;box-shadow:4px 4px #fff;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s,color .22s}.projects-back:hover{transform:skew(-12deg) translateY(-2px);background:var(--red);color:#fff;border-color:#fff}.projects-back:active{transform:skew(-12deg) translateY(1px)}.projects-scroll-hint{font-family:Oswald,sans-serif;font-size:clamp(.58rem,.75vw,.68rem);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8;text-shadow:0 2px 8px rgba(0,0,0,.7)}.projects-visible .projects-bottom{animation:none}@media (max-width: 720px){.projects-banner{width:clamp(120px,34vw,195px);top:-10px;right:-10px}.projects-header{top:72px}.projects-scroll{top:136px;left:10px;right:10px;bottom:64px}.projects-grid{grid-template-columns:1fr}}@media (max-width: 640px){.menu-foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.p5-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;visibility:hidden;overflow:hidden}.p5-overlay--in,.p5-overlay--out{visibility:visible}.p5-panel{position:absolute;top:-5%;left:-12%;width:124%;height:110%;will-change:transform;transform:translate(115%) skew(-6deg)}.p5-panel--black{background:#161616;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.p5-panel--white{background:#f5f5f2;clip-path:polygon(8% 0,100% 0,74% 100%,4% 100%)}.p5-panel--red{background:#d8202c;clip-path:polygon(13% 0,100% 0,70% 100%,10% 100%)}.p5-overlay--blue .p5-panel--red{background:#0088d1}.p5-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.p5-title-inner{display:inline-block;font-family:Archivo Black,sans-serif;font-size:clamp(2.3rem,8vw,6.4rem);letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;transform:skew(-12deg) rotate(-4deg);text-shadow:6px 6px 0 #161616,12px 12px 0 rgba(0,0,0,.4)}.p5-title:before,.p5-title:after{content:"";position:absolute;left:10%;right:10%;height:3px;background:#161616;transform:skew(-30deg)}.p5-title:before{top:calc(50% - clamp(2.4rem,8vw,6.6rem))}.p5-title:after{bottom:calc(50% - clamp(2.4rem,8vw,6.6rem))}.contact-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.9) saturate(1.05)}.contact-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(120% 90% at 50% 10%,transparent 50%,rgba(4,5,9,.55) 100%),linear-gradient(to bottom,#04050940,#04050973)}.contact-header{position:absolute;top:clamp(14px,2vw,26px);left:clamp(16px,3vw,36px);z-index:3}.contact-heading{display:flex;gap:8px;line-height:1}.contact-heading span{font-family:Anton,sans-serif;font-size:clamp(1.6rem,4vw,2.8rem);text-transform:uppercase;padding:.06em .32em;border:3px solid #000;display:inline-block}.ch-blue{background:var(--blue);color:#fff;transform:rotate(1.5deg);box-shadow:4px 4px #000;font-style:italic}.contact-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3vh,30px);padding:clamp(70px,12vh,110px) clamp(14px,5vw,60px) clamp(60px,10vh,90px);overflow-y:auto}.contact-lede{font-family:Archivo Black,Anton,sans-serif;font-size:clamp(.85rem,1.6vw,1.15rem);letter-spacing:.04em;color:#fff;text-align:center;max-width:620px;text-shadow:2px 2px 0 #000,4px 4px 0 rgba(0,0,0,.4)}.contact-lede-star{color:#ffd02f;display:inline-block;transform:rotate(12deg)}.contact-lede{opacity:0;transform:translateY(20px) skew(-6deg)}.contact-lede.revealed{animation:cc-lede-in .55s cubic-bezier(.34,1.45,.64,1) forwards}@keyframes cc-lede-in{0%{opacity:0;transform:translateY(20px) skew(-6deg)}60%{opacity:1;transform:translateY(-4px) skew(-2deg)}to{opacity:1;transform:translateY(0) skew(0)}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,300px));justify-content:center;gap:clamp(12px,2vw,22px);width:100%;max-width:980px}.contact-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;color:var(--ink);border:3px solid var(--ink);text-decoration:none;transform:skew(-6deg) rotate(var(--tilt, -1deg)) translateY(18px);opacity:0;transition:transform .42s cubic-bezier(.34,1.45,.64,1),opacity .42s ease,box-shadow .22s,background .22s,color .22s;box-shadow:6px 7px #0000008c;cursor:pointer}.contact-card.revealed{animation:cc-in .5s cubic-bezier(.34,1.45,.64,1) var(--cc-delay, 0ms) forwards}@keyframes cc-in{0%{opacity:0;transform:skew(-6deg) rotate(var(--tilt, -1deg)) translateY(18px)}to{opacity:1;transform:skew(-6deg) rotate(var(--tilt, -1deg)) translateY(0)}}.contact-card:nth-child(odd){--tilt: -1.4deg}.contact-card:nth-child(2n){--tilt: 1.2deg}.contact-card:hover{transform:skew(-6deg) rotate(var(--tilt, -1deg)) translateY(-6px) scale(1.03);box-shadow:10px 12px #0009;color:#fff;background:var(--red)}.cc-github:hover{background:#1a1a1a}.cc-ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.cc-mail:hover{background:var(--blue)}.cc-wa:hover{background:#25d366}.cc-in:hover{background:#0a66c2}.cc-discord:hover{background:#5865f2}.cc-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:#fff;border:2px solid var(--ink);transform:skew(6deg)}.cc-icon svg{width:22px;height:22px}.cc-body{display:flex;flex-direction:column;gap:3px;min-width:0;transform:skew(6deg)}.cc-label{font-family:Archivo Black,sans-serif;font-size:clamp(.85rem,1.2vw,1rem);text-transform:uppercase;letter-spacing:.05em}.cc-handle{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(.68rem,.9vw,.8rem);letter-spacing:.06em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-action{margin-left:auto;flex:none;width:26px;height:26px;display:grid;place-items:center;background:var(--ink);color:#fff;transform:skew(6deg);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.cc-action svg{width:15px;height:15px}.contact-card:hover .cc-action{transform:skew(6deg) translate(3px,-3px);background:#fff;color:var(--ink)}.cc-soon{margin-left:auto;flex:none;font-family:Oswald,sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.14em;padding:3px 8px;border:2px dashed var(--ink);color:#0a0a0a80;transform:skew(6deg);-webkit-user-select:none;user-select:none}.cc-copy{position:absolute;top:-12px;right:10px;font-family:Oswald,sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.12em;padding:3px 10px;background:var(--ink);color:#fff;border:2px solid #fff;transform:skew(-12deg) rotate(3deg);cursor:pointer;transition:background .2s,color .2s,transform .2s}.cc-copy:hover{background:var(--red);transform:skew(-12deg) rotate(3deg) translateY(-2px)}@media (max-width: 720px){.contact-grid{grid-template-columns:1fr;max-width:340px}}.about-hint{position:absolute;z-index:3;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .5s ease}.about-hint--ready{opacity:1}.about-hint--seen{opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .6s ease,transform .6s ease}.about-hint-ring{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 0 14px #ffffff59,inset 0 0 10px #ffffff40;animation:hint-pulse 1.8s ease-out infinite}.about-hint-ring:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;background:#fff}@keyframes hint-pulse{0%{transform:scale(.5);opacity:.95}70%{transform:scale(1.3);opacity:0}to{transform:scale(1.3);opacity:0}}.about-hint-tag{position:absolute;top:24px;left:50%;transform:translate(-50%) skew(-12deg) rotate(-3deg);font-family:Oswald,sans-serif;font-size:clamp(.55rem,.8vw,.7rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:#fff;color:#0a0a0a;border:2px solid #0a0a0a;padding:.25em .7em;box-shadow:3px 3px #0000008c;white-space:nowrap}.ls-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;font-family:Space Grotesk,system-ui,sans-serif;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px,rgba(220,38,38,.14) 28px 42px,transparent 42px 56px),#0b0b0ef7}.ls-card{width:100%;max-width:440px;background:var(--paper);color:var(--ink);border:3px solid #0a0a0a;border-radius:14px;box-shadow:8px 8px 0 var(--red),0 30px 60px #0000008c;padding:clamp(20px,5vw,32px);text-align:center}.ls-icon{position:relative;width:84px;height:84px;margin:0 auto 16px}.ls-phone{position:absolute;left:50%;top:50%;width:40px;height:64px;margin:-32px 0 0 -20px;border:3px solid #0a0a0a;border-radius:8px;background:var(--red);box-shadow:3px 3px #0a0a0a;animation:ls-tilt 2.4s ease-in-out infinite}.ls-phone .ls-screen{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:4px;background:#0a0a0a}.ls-phone .ls-notch{position:absolute;top:-3px;left:50%;width:14px;height:5px;transform:translate(-50%);background:var(--paper);border-radius:0 0 4px 4px}.ls-arrow{position:absolute;right:-4px;bottom:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;color:#0a0a0a;background:#ffd02f;border-radius:50%;box-shadow:2px 2px #0a0a0a;animation:ls-spin 2.4s ease-in-out infinite}@keyframes ls-tilt{0%,to{transform:rotate(-20deg) translateY(-2px)}50%{transform:rotate(70deg) translateY(2px)}}@keyframes ls-spin{0%,to{transform:rotate(90deg)}50%{transform:rotate(0)}}.ls-kicker{margin-top:4px;font-size:clamp(.62rem,3vw,.72rem);font-weight:700;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#0a0a0a99}.ls-title{margin:6px 0 4px;font-family:Archivo Black,sans-serif;font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.02;text-transform:uppercase;color:var(--ink);text-shadow:3px 3px 0 var(--red)}.ls-sub{display:inline-block;padding-bottom:4px;border-bottom:3px solid #0a0a0a;margin-bottom:14px;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--red)}.ls-why{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font-family:Anton,sans-serif;font-size:clamp(.72rem,3.2vw,.85rem);letter-spacing:.14em;text-transform:uppercase;color:#0a0a0a}.ls-diamond{width:9px;height:9px;background:var(--red);transform:rotate(45deg);flex-shrink:0}.ls-reasons{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}.ls-reasons li{position:relative;padding-left:22px;font-family:Oswald,sans-serif;font-size:clamp(.78rem,3.4vw,.9rem);line-height:1.35;color:#0a0a0ae0}.ls-reasons li:before{content:"▸";position:absolute;left:0;color:var(--red)}.ls-hint{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#0a0a0a9e}.ls-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-family:Archivo Black,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--red);border:3px solid #0a0a0a;border-radius:10px;padding:.85em 1.6em;box-shadow:5px 5px #0a0a0a;cursor:pointer;transition:transform .15s,box-shadow .15s}.ls-btn:hover{transform:translate(-1px,-1px);box-shadow:7px 7px #0a0a0a}.ls-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0a0a0a}.ls-btn:disabled{opacity:.55;cursor:wait}.ls-err{margin-top:10px;font-family:Oswald,sans-serif;font-size:.74rem;font-weight:600;line-height:1.3;color:#fff;background:var(--red);border:2px solid #0a0a0a;border-radius:8px;padding:8px 10px;box-shadow:3px 3px #0a0a0a}