@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--black:#111;--white:#f7f7f5;--yellow:#f5ff00;--gray:#777;--line:#d8d8d5;--soft:#ecece8;--sidebar-collapsed:72px;--sidebar-expanded:248px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;scroll-padding-top:86px;overflow-x:hidden}body{background:var(--white);color:var(--black);padding-left:var(--sidebar-collapsed);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}section{scroll-margin-top:90px}.container{width:min(1200px,100% - 96px);margin:auto}.section{padding:110px 20px;position:relative;overflow:hidden}.section-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px;display:flex}.js-ready .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(26px)}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.js-ready .reveal.reveal-left{transform:translate(-28px)}.js-ready .reveal.reveal-left.is-visible{transform:translate(0)}.section-kicker{letter-spacing:.16em;color:var(--gray);margin-bottom:12px;font:9px Space Mono}.section-title{letter-spacing:-.06em;font-size:clamp(38px,6vw,76px);line-height:.9}.section-title span,.contact-title span{color:var(--black);-webkit-text-stroke:0}.section-copy{color:#666;max-width:420px;font-size:13px;line-height:1.8}.tech-label{letter-spacing:.12em;border:1px solid;gap:9px;padding:7px 11px;font:9px Space Mono;display:inline-flex}.tech-label:before,.skill-pill:before{content:"";background:var(--yellow);border:1px solid;width:6px;height:6px}.yellow-tag{background:var(--yellow);padding:8px 14px;font:700 10px Space Mono;display:inline-block}.tech-divider{align-items:center;gap:12px;margin:40px 0;display:flex}.tech-divider:before{content:"///";font:700 11px Space Mono}.tech-divider span{background:var(--black);flex:1;height:1px}.tech-divider:after{content:"CHOPIN.EXE";font:8px Space Mono}.status-dot{background:var(--yellow);border:1px solid var(--black);border-radius:50%;width:7px;height:7px}.skill-pill{border:1px solid;align-items:center;gap:8px;padding:9px 12px;font:9px Space Mono;transition:all .2s;display:inline-flex}.skill-pill:hover{background:var(--black);color:#fff}.sidebar{width:var(--sidebar-collapsed);z-index:1100;border-right:1px solid var(--line);background:#fff;flex-direction:column;transition:width .25s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:5px 0 18px #1111}.sidebar:hover,.sidebar:focus-within{width:var(--sidebar-expanded)}.sidebar-brand{border-bottom:1px solid var(--line);align-items:flex-start;height:78px;padding:20px 22px;text-decoration:none;display:flex}.sidebar-brand-mark{place-items:center;min-width:35px;height:35px;display:grid}.sidebar-brand-copy,.sidebar-label,.sidebar-section-label{opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .15s}.sidebar-brand-copy{margin-left:3px}.sidebar-brand-name{font-size:22px;font-weight:800;line-height:.8;display:block}.sidebar-brand-role{color:var(--gray);margin-top:5px;font:7px Space Mono;display:block}.sidebar:hover .sidebar-brand-copy,.sidebar:focus-within .sidebar-brand-copy,.sidebar:hover .sidebar-label,.sidebar:focus-within .sidebar-label,.sidebar:hover .sidebar-section-label,.sidebar:focus-within .sidebar-section-label{opacity:1;pointer-events:auto}.sidebar-nav{gap:4px;padding:20px 12px;display:grid}.sidebar-section-label{color:var(--gray);margin:0 10px 8px;font:8px Space Mono}.sidebar-link{white-space:nowrap;align-items:center;gap:15px;min-height:44px;padding:0 12px;font:9px Space Mono;text-decoration:none;display:flex;overflow:hidden}.sidebar-link:hover,.sidebar-link:focus-visible{background:var(--yellow);outline:0}.sidebar-link.active{color:#000;border-left:3px solid var(--yellow);background:#11111147;padding-left:9px;font-weight:700}.sidebar-link:hover .sidebar-icon,.sidebar-link:focus-visible .sidebar-icon,.sidebar-link.active .sidebar-icon,.sidebar-link.active .sidebar-icon{color:var(--black)}.sidebar-icon{color:#a5a5a5;text-align:center;width:26px;min-width:26px;margin-top:6px;font-size:19px}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding:12px}.sidebar-status{background:var(--black);color:#fff;white-space:nowrap;align-items:center;gap:10px;min-height:38px;padding:0 12px;font:8px Space Mono;display:flex}.site-header{top:0;left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed));z-index:1000;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f7f7f5ee;height:78px;position:fixed}.site-header:after{content:"";background:linear-gradient(90deg, transparent 0 8%, var(--black) 8% 15%, transparent 15% 18%, var(--yellow) 18% 32%, transparent 32%);width:100%;height:3px;position:absolute;bottom:-1px;left:0}.navbar{justify-content:space-between;align-items:center;height:100%;padding:0 38px;display:flex}.logo{align-items:center;gap:13px;text-decoration:none;display:flex}.logo-mark{place-items:center;width:34px;height:34px;display:none}.logo-mark img,.sidebar-brand-mark img{object-fit:contain;width:35px;height:35px;display:block}.logo-info{flex-direction:column;display:flex}.logo-name{font-size:22px;font-weight:700}.logo-role{color:var(--gray);font:8px Space Mono}.header-status{white-space:nowrap;align-items:center;gap:9px;font:8px Space Mono;display:flex}.menu-toggle{width:42px;height:42px;color:var(--black);box-shadow:none;cursor:pointer;background:0 0;border:0;outline:0;place-items:center;padding:0;transition:color .2s,transform .2s;display:none;position:relative}.menu-toggle:hover{color:#555;background:0 0}.menu-toggle-icon{place-items:center;width:24px;height:24px;transition:transform .25s cubic-bezier(.22,1,.36,1);display:grid}.menu-toggle-icon svg{width:22px;height:22px;display:block}.menu-toggle-icon.is-changing{animation:.32s cubic-bezier(.34,1.56,.64,1) forwards menu-icon-pop}@keyframes menu-icon-pop{0%{opacity:.2;transform:scale(.5)rotate(-20deg)}65%{opacity:1;transform:scale(1.18)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.back-to-top{z-index:1200;width:38px;height:38px;color:var(--black);background:var(--yellow);border:1px solid var(--black);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:opacity .25s,visibility .25s,transform .25s,background-color .2s;display:flex;position:fixed;bottom:26px;right:26px;transform:translateY(14px)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--black);color:var(--yellow)}.back-to-top-index{letter-spacing:.04em;font:7px Space Mono}.back-to-top-arrow{font:700 22px/.7 Space Mono}.hero{place-items:center;min-height:100vh;padding:150px 48px 80px;display:grid;position:relative}.intro-section{isolation:isolate;min-height:100svh;color:var(--black);background:#f8f8f6;align-items:center;display:flex;position:relative;overflow:hidden}.intro-section:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#32323280 0 3px,#32323233 7px,#96969633 15px,#ffffff80 0 40px,#0000 6px);height:25px;position:absolute;bottom:60px;left:0;right:0}.intro-watermark{z-index:0;color:#0000;background:repeating-linear-gradient(-45deg,#8e8e8e 0 1px,#0000 1px 4px);-webkit-text-fill-color:transparent;letter-spacing:-.08em;white-space:nowrap;filter:contrast(1.05);-webkit-background-clip:text;background-clip:text;font-size:clamp(110px,18vw,285px);font-weight:800;line-height:.8;position:absolute;top:32%;left:12%;right:0;overflow:hidden}.intro-grid{background-image:linear-gradient(#1111110d 1px,#0000 1px),linear-gradient(90deg,#1111110d 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 0,#000 15% 85%,#0000 100%)}.intro-yellow-block{background:var(--yellow);z-index:-1;opacity:.94;width:34%;position:absolute;top:0;bottom:0;left:42%}.intro-topographic{aspect-ratio:1;opacity:.32;background:repeating-radial-gradient(#0000 0 12px,#bbb 13px 14px,#0000 15px 25px);width:min(28vw,420px);height:auto;position:absolute;top:0;right:0;mask-image:linear-gradient(135deg,#000,#0000 75%)}.intro-operator-rail{z-index:3;border-right:1px dashed #bbb;flex-direction:column;align-items:center;gap:20px;width:78px;padding:13px 0;display:flex;position:absolute;top:16%;bottom:13%;left:28px}.intro-photo-switcher{border-right:0;gap:16px;width:108px;padding:14px 0;top:24%;bottom:24%}.intro-photo-switcher-track{z-index:0;background:repeating-linear-gradient(-45deg,#eee 0 10px,#fafafa 10px 20px);width:52px;position:absolute;top:68px;bottom:250px;left:50%;transform:translate(-50%)}.intro-photo-choice{z-index:2;color:#333;cursor:pointer;background:#fff;border:6px solid #d9d9d9;border-radius:50%;width:78px;height:78px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 6px 12px #1113,inset 0 0 0 5px #f4f4f4}.intro-photo-choice:before{content:"";pointer-events:none;border:3px solid #eee;border-radius:50%;position:absolute;inset:5px}.intro-photo-choice:after{content:"";pointer-events:none;background:repeating-radial-gradient(circle at 60% 45%,#00000006 0 2px,#0000 3px 8px);border-radius:50%;position:absolute;inset:11px}.intro-photo-choice-formal{background:var(--yellow)}.intro-photo-choice:hover{transform:scale(1.04);box-shadow:0 12px 22px #1114,inset 0 0 0 7px #f4f4f4}.intro-photo-choice:active{transform:scale(.97)}.intro-photo-choice:focus-visible{outline:3px solid var(--black);outline-offset:5px}.intro-photo-choice:disabled{cursor:not-allowed;filter:grayscale();opacity:.38}.intro-photo-choice:not(.is-selected){opacity:.62}.intro-photo-choice.is-selected{box-shadow:0 7px 14px #1114, inset 0 0 0 5px #f4f4f4, 0 0 0 2px var(--black)}.clothes-icon{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.clothes-icon svg{filter:drop-shadow(0 2px 1px #1112);width:100%;height:100%;display:block}.photo-choice-label{z-index:6;background:var(--black);color:#fff;letter-spacing:.08em;padding:4px 5px;font:700 6px Space Mono;position:absolute;bottom:5px;right:-12px}.intro-operator-rail b{background:var(--black);color:#fff;white-space:nowrap;margin-top:auto;padding:9px 7px;font:700 6px Space Mono}.intro-content{z-index:2;text-transform:uppercase;width:min(980px,72vw);margin-left:max(145px,14vw);position:relative}.intro-system-line{color:#777;letter-spacing:.08em;align-items:center;gap:24px;margin-bottom:42px;font:8px Space Mono;display:flex}.intro-system-line span:first-child{color:var(--black);font-size:14px;font-weight:700}.intro-system-line strong{color:var(--black);margin-left:auto;font-size:10px}.intro-kicker{color:#888;letter-spacing:.22em;font:10px Space Mono;display:block}.intro-content p{color:#252525;letter-spacing:-.075em;margin-top:14px;font-size:clamp(62px,9vw,148px);font-weight:800;line-height:.82}.intro-content p span{color:var(--black)}.intro-profile{align-items:center;gap:0;max-width:525px;margin-top:46px;padding-top:12px;display:flex}.intro-profile-info{margin-left:12px}.intro-profile-mark{background:var(--black);place-items:center;width:36px;height:36px;display:grid}.intro-profile-mark.red{background:#ff633d}.intro-profile strong,.intro-profile span{display:block}.intro-profile strong{letter-spacing:-.03em;font-size:20px}.intro-profile span{color:#777;margin-top:4px;font:8px Space Mono}.intro-metadata{border-top:2px solid;border-image:linear-gradient(90deg,#ff00f0 0 20%,#fffa00 20% 40%,#00ffa2 40% 100%) 1;flex-wrap:wrap;gap:9px;max-width:450px;margin-top:18px;padding-top:12px;font:9px Space Mono;display:flex}.intro-metadata b{color:var(--white);background:var(--black);padding:2px 10px;font-weight:700}.intro-metadata span{background:#fff;padding:2px 10px 2px 0}.intro-metadata b{border-right:1px solid #bbb;margin-right:8px;padding-right:8px;font-weight:400}.intro-portrait{z-index:1;justify-content:center;align-items:flex-end;width:min(34vw,520px);height:82%;display:flex;position:absolute;bottom:0;right:11vw}.intro-portrait-photo,.intro-portrait-fallback{object-fit:cover;object-position:center top;width:100%;height:100%}.intro-portrait-photo{z-index:2;mix-blend-mode:multiply;object-fit:contain;object-position:center bottom;opacity:0;clip-path:inset(0 0 0 100%);transition:opacity .12s steps(2,end),clip-path .7s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.intro-photo-swipe{pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);z-index:4;-webkit-mask-image:var(--portrait-mask);mask-image:var(--portrait-mask);position:absolute;inset:0;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-photo-swipe--black{z-index:6;background:repeating-linear-gradient(-45deg,#111 0 1px,#0000 1px 4px)}.intro-portrait.is-transitioning .intro-photo-swipe--black{opacity:1;animation:1.4s cubic-bezier(.77,0,.175,1) forwards portrait-swipe-black}.intro-portrait.is-transitioning .intro-portrait-photo.is-active{animation:1.4s cubic-bezier(.77,0,.175,1) both portrait-swipe-image}.intro-portrait-photo.is-active{opacity:1;clip-path:inset(0)}.intro-portrait-photo.is-first{animation:.28s cubic-bezier(.76,0,.24,1) both portrait-enter}.intro-portrait-photo.is-leaving{z-index:3;opacity:1;clip-path:inset(0 100% 0 0);animation:.2s steps(2,end) both portrait-glitch}@keyframes portrait-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes portrait-glitch{0%,to{filter:none}18%{filter:saturate(4)contrast(1.5)}42%{filter:hue-rotate(70deg)contrast(1.8)}68%{filter:saturate(.2)contrast(2)}}@keyframes portrait-swipe-image{0%,24%{clip-path:inset(0 0 0 100%);filter:none}48%,72%{clip-path:inset(0);filter:invert()sepia()saturate(12)hue-rotate(2deg)brightness(1.08)}to{clip-path:inset(0);filter:none}}@keyframes portrait-swipe-black{0%{clip-path:inset(0 0 0 100%)}32%{clip-path:inset(0)}65%,to{clip-path:inset(0 100% 0 0)}}.intro-portrait-photo.is-missing{display:none}.intro-portrait-fallback{object-fit:cover;color:#fff;letter-spacing:-.1em;background:linear-gradient(#fff8,#0002),repeating-linear-gradient(90deg,#777 0 2px,#aaa 2px 4px);place-items:center;font:800 clamp(50px,8vw,120px) Space Mono;display:grid;position:absolute}.intro-portrait-label{writing-mode:vertical-rl;letter-spacing:.18em;font:8px Space Mono;position:absolute;bottom:35%;right:-22px}.intro-field-label{z-index:2;border-left:3px solid var(--yellow);letter-spacing:.1em;background:#fff;padding:12px 18px;font:700 11px Space Mono;position:absolute;top:31%;right:7vw}.intro-field-label strong{font-weight:700}.intro-field-label span{color:#777;margin-left:18px;font-size:8px;font-weight:400}.intro-corner{z-index:2;color:#777;letter-spacing:.1em;font:8px Space Mono;position:absolute}.intro-corner-top{top:30px;right:34px}.intro-corner-bottom{bottom:28px;left:30px}.hero-mascot{z-index:0;opacity:.84;pointer-events:none;transition:inset .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),opacity .35s,border-color .35s,background-color .35s;position:absolute;inset:0;overflow:hidden}.hero-mascot canvas{width:100%;height:100%;display:block}.hero-mascot-glow{aspect-ratio:1;background:radial-gradient(circle,#f5ff0033 0%,#0000 68%);border-radius:50%;width:min(52vw,620px);position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero:before{content:"";background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 85%)}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent 0%, var(--white) 92%);height:150px;position:absolute;inset:auto 0 0}.hero-inner{z-index:2;width:100%;position:relative}.body-rail{z-index:3;background:var(--yellow);width:58px;color:var(--black);pointer-events:none;flex-direction:column;align-items:center;padding:22px 0 18px;display:flex;position:absolute;top:0;bottom:0;left:0}.about-section{position:relative}.body-rail-top,.body-rail-bottom{writing-mode:vertical-rl;letter-spacing:.12em;white-space:nowrap;font:7px Space Mono;transform:rotate(180deg)}.body-rail-line{background:var(--black);opacity:.7;flex:1;width:1px;min-height:80px;margin:18px 0}.body-rail-name{writing-mode:vertical-rl;letter-spacing:.08em;font-size:22px;transform:rotate(180deg)}.body-rail-bottom{margin-top:18px;font-size:6px}.tech-rail{background:var(--yellow);width:100%;min-height:58px;color:var(--black);letter-spacing:.12em;align-items:center;gap:18px;margin-top:72px;padding:0 22px;font:8px Space Mono;display:flex}.tech-rail-index,.tech-rail-status{white-space:nowrap}.tech-rail strong{white-space:nowrap;font-size:11px}.tech-rail-rule{background:var(--black);opacity:.65;flex:1;min-width:30px;height:1px}.tech-rail-rule-short{flex:.35}.certificates{--certificate-shift:0px;background:#ededeb;position:relative}.certificates:before{content:"//CHOPIN";z-index:0;background:var(--yellow);writing-mode:vertical-rl;width:52px;color:var(--black);letter-spacing:.12em;justify-content:center;align-items:center;font:700 9px Space Mono;display:flex;position:absolute;inset:0 auto 0 34px;transform:rotate(180deg)}.certificates:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#32323280 0 3px,#32323233 7px,#96969633 15px,#ffffff80 0 40px,#0000 6px);height:25px;position:absolute;bottom:60px;left:0;right:0}.certificate-marquee{z-index:0;color:#0000;background:repeating-linear-gradient(-45deg,#8e8e8e 0 1px,#0000 1px 4px);-webkit-text-fill-color:transparent;letter-spacing:-.08em;white-space:nowrap;pointer-events:none;filter:contrast(1.05);transform:translate3d(var(--certificate-shift), 0, 0);will-change:transform;-webkit-background-clip:text;background-clip:text;font-size:clamp(100px,17vw,230px);font-weight:800;line-height:.8;transition:transform .3s ease-out;position:absolute;top:34px;left:-4%}.certificate-head .section-title:before{content:"//";margin-right:.08em}.certificate-carousel{z-index:2;padding:26px 0 124px;position:relative}.certificate-index{color:var(--gray);letter-spacing:.12em;margin-bottom:14px;font:9px Space Mono}.certificate-index span{color:var(--black);font-size:16px}.certificate-media-window{width:60%;height:auto;overflow:hidden}.certificate-track{align-items:stretch;width:100%;height:auto;transition:none;display:flex;overflow:visible}.certificate-stage{width:100%;margin:0 auto;display:flex;overflow:hidden}.cert-swipe-black{pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);z-index:10;background:repeating-linear-gradient(-45deg,#111 0 1px,#0000 1px 4px);position:absolute;inset:0}.certificate-carousel.is-swiping .certificate-slide.is-active .cert-swipe-black{opacity:1;animation:1.4s cubic-bezier(.77,0,.175,1) forwards cert-swipe-black-phase}.certificate-carousel.is-swiping .certificate-slide.is-active img{animation:1.4s cubic-bezier(.77,0,.175,1) both cert-swipe-image-phase}@keyframes cert-swipe-image-phase{0%{clip-path:inset(0 0 0 100%);filter:none}70%{clip-path:inset(0);filter:invert()sepia()saturate(12)hue-rotate(2deg)brightness(1.08)}to{clip-path:inset(0);filter:none}}@keyframes cert-swipe-black-phase{0%{clip-path:inset(0 0 0 100%)}32%{clip-path:inset(0)}65%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 100% 0 0)}}.certificate-slide{flex:0 0 100%;width:100%;height:auto;margin:0;display:block}.certificate-slide.is-active{opacity:1}.certificate-image-wrap{aspect-ratio:1.414;height:auto;box-shadow:none;background:#f7f7f5;border:0;place-items:center;padding:38px;display:grid;position:relative;overflow:hidden}.certificate-image-wrap:before{content:"";pointer-events:none;border:1px solid #d8d8d8;position:absolute;inset:18px}.certificate-image-wrap img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.certificate-image-wrap img.is-missing,.certificate-image-wrap img:not(.is-missing)~.certificate-image-fallback{display:none}.certificate-image-fallback{z-index:2;aspect-ratio:1.42;text-align:center;width:78%;color:var(--black);letter-spacing:.08em;background:#f7f7f5;border:1px solid #555;place-items:center;font:700 clamp(16px,2vw,28px)/1.2 Space Mono;display:grid;position:relative}.certificate-image-mark{z-index:2;background:var(--yellow);color:var(--black);padding:5px 8px;font:8px Space Mono;position:absolute;bottom:13px;left:16px}.certificate-info{width:40%;min-width:0;color:var(--black);flex-direction:column;justify-content:space-between;align-self:stretch;padding:24px 20px 20px;display:flex;position:relative}.cert-tech-header{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.cert-tech-tag{letter-spacing:.12em;color:#333;align-items:center;gap:4px;font:700 8px/1 Space Mono,monospace;display:flex}.cert-tech-arrow-box{width:20%;height:20px;color:var(--black);background:#d8d8d4;border:1px solid #00000026;justify-content:flex-end;align-items:center;padding-right:0;display:flex}.certificate-meta{color:#333;overflow-wrap:anywhere;justify-content:space-between;gap:12px;margin-top:4px;font:7px Space Mono;display:flex}.certificate-info h3{letter-spacing:-.03em;overflow-wrap:anywhere;max-width:100%;margin:10px 0 8px;font-size:clamp(20px,2.2vw,34px);line-height:.98}.cert-tech-mid{align-items:flex-start;gap:8px;margin:8px 0;display:flex}.cert-plus-box{border:1.5px solid var(--black);width:15px;height:15px;color:var(--black);flex-shrink:0;place-items:center;margin-top:1px;font:700 11px/1 Space Mono,monospace;display:grid}.cert-tech-subtitle{letter-spacing:.06em;color:#444;text-transform:uppercase;font:700 7px/1.25 Space Mono,monospace}.certificate-info p{color:#222;overflow-wrap:anywhere;font:8px/1.4 Space Mono}.cert-tech-shapes{border-top:1px dashed #0003;justify-content:space-between;align-items:flex-end;margin-top:10px;padding-top:8px;display:flex}.cert-dot-grid{grid-template-columns:repeat(6,6px);gap:3px;display:grid}.cert-dot-grid span{background:var(--black);opacity:.7;width:6px;height:6px}.cert-color-bar{gap:3px;height:40px;display:flex}.color-stack{flex-direction:column;width:8px;height:100%;display:flex}.bar-magenta{background:#ff007f;height:10px}.bar-cyan{background:#00e5a3;height:10px}.bar-fade{background:linear-gradient(to bottom, var(--black), transparent);flex:1}.bar-gray-block{background:#ccc;border:1px solid #0000001a;width:10px;height:20px}.certificate-signal{color:#222;align-items:center;gap:5px;margin-top:14px;font:8px Space Mono;display:flex}.certificate-signal span{background:var(--black);width:20px;height:4px}.certificate-signal span:nth-child(2){opacity:.5}.certificate-signal span:nth-child(3){opacity:.2}.certificate-signal b{margin-left:8px;font-weight:400}.certificate-controls{background:0 0;justify-content:space-between;align-items:center;gap:0;width:min(200px,90%);height:60px;padding:0;display:flex;position:absolute;bottom:50px;right:10px}.nav-asset__track{z-index:0;background:repeating-linear-gradient(-45deg,#d9d9d9 0 4px,#e6e6e6 4px 8px);border:5px solid #d8d8d8;border-radius:50px;position:absolute;inset:0 -5px}.certificate-control{z-index:2;background:var(--white);width:50px;height:50px;color:var(--black);cursor:pointer;border:0;border-radius:50%;flex:0 0 50px;place-items:center;padding:0;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 7px 5px #0000002e,inset 0 0 0 4px #d8d8d8}.certificate-control:before{content:"";pointer-events:none;border:1px solid #f2f2f2;border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 0 0 2px #dedede}.certificate-control:after{content:"";opacity:.8;pointer-events:none;background:repeating-radial-gradient(circle at 60% 45%,#0000 0 7px,#50505006 8px 10px,#0000 11px 17px);border-radius:50%;position:absolute;inset:16px}.certificate-control:hover{background:var(--yellow);transform:scale(1.035);box-shadow:0 10px 20px #00000038,inset 0 0 0 6px #d2d2d2}.certificate-control:active{transform:scale(.97)}.certificate-control:focus-visible{outline:3px solid var(--black);outline-offset:5px}.nav-arrow{z-index:2;border-top:4px solid #444;border-right:4px solid #444;width:12px;height:12px;display:block;position:absolute;top:50%;left:50%}.nav-btn--prev .nav-arrow{transform:translate(-38%,-50%)rotate(-135deg)}.nav-btn--next .nav-arrow{transform:translate(-62%,-50%)rotate(45deg)}.hero-top{justify-content:space-between;gap:40px;display:flex}.hero h1{letter-spacing:-.045em;font-kerning:normal;text-rendering:geometricprecision;z-index:2;color:var(--black);margin:25px 0;font-size:clamp(55px,9vw,120px);line-height:.82;position:relative}.hero h1 span{color:var(--black);-webkit-text-stroke:0;text-shadow:none}.hero h1.hero-intro-title{letter-spacing:-.055em;max-width:460px;font-size:clamp(32px,5vw,22px);line-height:1}.hero h1.hero-intro-title span{background:var(--yellow)}.hero h2{letter-spacing:-.05em;max-width:700px;font-size:clamp(22px,3.2vw,40px);line-height:1.05}.hero h2 span{background:var(--yellow)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.number-marker{z-index:3;min-height:44px;color:var(--black);position:relative}.number-marker strong{color:#0000;-webkit-text-stroke:1px var(--black);font:400 42px/1 Space Mono;display:inline-block}.number-marker span{color:var(--black);letter-spacing:.15em;font:8px Space Mono;display:inline-block}.hero-mode{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.crosshair{width:32px;height:32px;position:relative}.crosshair:before,.crosshair:after{content:"";background:var(--black);position:absolute}.crosshair:before{width:100%;height:1px;top:50%}.crosshair:after{width:1px;height:100%;left:50%}.crosshair-dot{border:1px solid var(--black);background:var(--yellow);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hazard-yellow{background:repeating-linear-gradient(135deg, var(--yellow) 0, var(--yellow) 8px, var(--black) 8px, var(--black) 16px);width:150px;height:14px}.hero-side{z-index:2;flex-direction:column;align-items:flex-end;gap:20px;padding-top:5px;display:flex;position:relative}.number-marker{align-items:center;gap:12px;display:flex}.number-marker strong{color:#0000;-webkit-text-stroke:1px var(--black);font:400 42px/1 Space Mono}.chopin-signature{letter-spacing:.15em;gap:10px;font:9px Space Mono;display:inline-flex}.about-grid,.skills-grid,.contact-grid{grid-template-columns:1.2fr .8fr;gap:70px;display:grid}.about-copy{font-size:18px;line-height:1.7}.about-copy strong{background:var(--yellow)}.about-meta,.progress-list,.contact-info{gap:12px;display:grid}.meta-row,.contact-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;font:9px Space Mono;display:flex}.meta-row span:last-child,.contact-row span:last-child{color:var(--gray);text-align:right}.about-assets{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px;display:grid}.mini-asset{border:1px solid;flex-direction:column;justify-content:space-between;min-height:130px;padding:18px;display:flex}.asset-label{color:var(--gray);font:8px Space Mono}.projects{background:#ededeb}.project-list{gap:16px;display:grid}.project-card{background:var(--white);border:1px solid;grid-template-columns:80px 1fr 310px;min-height:250px;transition:all .25s;display:grid;overflow:hidden}.project-card:hover{box-shadow:7px 7px var(--black);transform:translateY(-4px)}.project-index{border-right:1px solid;padding:22px;font:11px Space Mono}.project-info{padding:28px}.project-category{color:var(--gray);margin-bottom:12px;font:8px Space Mono}.project-title{font-size:clamp(28px,4vw,48px)}.project-desc{color:#666;margin-top:15px;font-size:12px;line-height:1.7}.project-stack{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.project-link{gap:10px;margin-top:22px;font:9px Space Mono;display:inline-flex}.project-visual{background:var(--soft);border-left:1px solid;min-height:250px;position:relative}.visual-code{font:11px/1.8 Space Mono;position:absolute;bottom:24px;left:28px}.visual-yellow{background:var(--yellow);width:150px;height:150px;position:absolute;top:-35px;right:-35px;transform:rotate(12deg)}.visual-frame{border:1px solid;width:170px;height:110px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.project-featured{grid-template-columns:80px 1fr 420px;min-height:330px}.project-featured .project-visual{min-height:330px}.skill-group{border-top:1px solid;margin-bottom:32px;padding-top:18px}.skill-group-head,.progress-label{justify-content:space-between;margin-bottom:20px;font:9px Space Mono;display:flex}.skill-list{flex-wrap:wrap;gap:8px;display:flex}.progress-track{border:1px solid;height:8px;padding:1px}.progress-fill{background:var(--yellow);height:100%}.experience{background:var(--black);color:#fff}.experience .section-title span{color:#fff;-webkit-text-stroke:0}.experience .section-copy{color:#999}.roadmap{gap:34px;padding:22px 0 18px;display:grid;position:relative}.roadmap-track{background:linear-gradient(#0000,#777 8% 92%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.roadmap-stop{grid-template-columns:1fr 1fr;min-height:178px;display:grid;position:relative}.roadmap-stop:not(.roadmap-stop-reverse) .roadmap-card{grid-column:1;margin-right:48px}.roadmap-stop-reverse .roadmap-card{grid-column:2;margin-left:48px}.roadmap-marker{background:var(--yellow);outline:1px solid var(--yellow);width:38px;height:38px;color:var(--black);z-index:2;border:1px solid #fff;place-items:center;font:700 10px Space Mono;display:grid;position:absolute;top:24px;left:50%;transform:translate(-50%)}.roadmap-marker:before,.roadmap-marker:after{content:"";background:var(--yellow);position:absolute}.roadmap-marker:before{width:9px;height:1px;right:100%}.roadmap-marker:after{width:9px;height:1px;left:100%}.roadmap-card{background:#181818;border:1px solid #555;padding:24px 26px 22px;position:relative;box-shadow:7px 7px #0b0b0b}.roadmap-card:before{content:"// NODE VERIFIED";color:#777;letter-spacing:.1em;font:7px Space Mono;position:absolute;top:9px;right:12px}.roadmap-card-head{border-bottom:1px solid #333;justify-content:space-between;gap:20px;padding-bottom:12px;display:flex}.roadmap-state{color:var(--yellow);letter-spacing:.12em;font:8px Space Mono}.roadmap-card .timeline-title{margin-top:18px}.roadmap-card .timeline-place{color:#888}.roadmap-card .timeline-desc{color:#aaa}.roadmap-signal{gap:4px;margin-top:20px;display:flex}.roadmap-signal span{background:var(--yellow);width:18px;height:3px}.roadmap-signal span:nth-child(2){opacity:.45}.roadmap-signal span:nth-child(3){opacity:.2}.timeline-date{color:var(--yellow);font:9px Space Mono}.timeline-title{margin:8px 0;font-size:26px}.timeline-place{color:#999;font:9px Space Mono}.timeline-desc{color:#aaa;max-width:650px;margin-top:13px;font-size:12px;line-height:1.8}.contact-title{font-size:clamp(48px,7vw,90px);line-height:.85}.contact-terminal{color:#fff;background:#151515;border:1px solid;font:10px/2 Space Mono}.terminal-head{border-bottom:1px solid #444;padding:8px 12px}.terminal-body{padding:22px}.terminal-yellow{color:var(--yellow)}.footer{border-top:1px solid;justify-content:space-between;padding:25px 0;font:8px Space Mono;display:flex}@media (width<=1050px){body{padding-left:0}.sidebar{width:min(248px,100vw - 24px);transition:transform .25s;transform:translate(-105%);box-shadow:8px 0 24px #1112}.sidebar.is-open{transform:translate(0)}.sidebar.is-open .sidebar-brand-copy,.sidebar.is-open .sidebar-label,.sidebar.is-open .sidebar-section-label{opacity:1;pointer-events:auto}.site-header{width:100%;left:0}.site-header .logo-mark{display:grid}.container{width:calc(100% - 64px)}.body-rail{width:8px;min-height:0;padding:0;left:4px}.body-rail-top,.body-rail-line,.body-rail-name,.body-rail-bottom{display:none}.hero{padding-left:32px;padding-right:32px}.header-status{display:none}.menu-toggle{display:grid}.hero-side{display:none}.hero-mascot{opacity:.62}.project-card,.project-featured{grid-template-columns:60px 1fr}.project-visual{border-top:1px solid;border-left:0;grid-column:1/-1}.project-info{padding:25px}}@media (width<=800px){.intro-section{align-items:flex-start;width:100%;max-width:100vw;padding-top:108px}.intro-yellow-block{width:100%;height:55%;top:45%;left:0}.intro-content{width:calc(100% - 38px);margin:0 19px}.intro-watermark{font-size:25vw;top:28%;left:5%}.intro-operator-rail.intro-photo-switcher{gap:10px;width:72px;height:164px;padding:0;display:flex;inset:55% 10px auto auto}.intro-photo-switcher-track{border-radius:50px;width:42px;top:29px;bottom:49px}.intro-photo-choice{border-width:5px;width:58px;height:58px;box-shadow:0 5px 10px #1113,inset 0 0 0 4px #f4f4f4}.intro-photo-choice:before{border-width:2px;inset:4px}.intro-photo-choice:after{inset:8px}.clothes-icon{width:30px;height:30px}.photo-choice-label{padding:3px 4px;font-size:5px;bottom:3px;right:-10px}.intro-photo-switcher b{margin-top:0;padding:5px 4px;font-size:5px}.intro-system-line{gap:10px;margin-bottom:28px;font-size:6px}.intro-content p{font-size:clamp(48px,15vw,82px)}.intro-profile{z-index:3;margin-top:28px;position:relative}.intro-profile strong{font-size:15px}.intro-metadata{z-index:3;max-width:55%;font-size:7px;position:relative}.intro-portrait{opacity:.9;width:98vw;max-width:calc(100% - 38px);height:48%;left:50%;right:auto;transform:translate(-50%)}.intro-portrait-label{font-size:6px;bottom:30%;right:3px}.intro-field-label{padding:9px 10px;font-size:8px;top:48%;right:19px}.intro-field-label span{display:none}.intro-corner-top{top:22px;right:19px}.intro-corner-bottom{bottom:22px;left:19px}.section{padding:85px 10px}.hero{padding:125px 24px 60px}.back-to-top{width:38px;height:38px;bottom:14px;right:14px}.back-to-top-index{font-size:6px}.back-to-top-arrow{font-size:18px}.hero:after{height:210px}.hero-mascot{opacity:.28;z-index:2;width:306px;height:306px;inset:200px -50px auto auto}.hero-mascot-glow{width:100%;top:50%;right:0}.hero-top>div:first-child{max-width:calc(100% - 148px)}.hero h1{font-size:clamp(42px,12vw,68px)}.hero .tech-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hero h1{letter-spacing:-.03em}.about-grid,.skills-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.tech-rail{letter-spacing:.06em;gap:9px;min-height:44px;margin-top:46px;padding:0 12px;font-size:6px;overflow:hidden}.tech-rail strong{font-size:7px}.tech-rail-rule-short,.tech-rail-status{display:none}.certificate-carousel{padding-bottom:92px}.certificates:before{width:28px;font-size:7px}.certificate-marquee{font-size:24vw;top:24px;left:4%}.certificate-slide,.certificate-track{width:100%;height:auto}.certificate-media-window{width:100vw;margin-left:calc(50% - 50vw)}.certificate-stage{width:100%;box-shadow:none;display:block;overflow:visible}.certificate-image-wrap{aspect-ratio:1.414;width:100%;height:auto;padding:0}.certificate-image-wrap:before{inset:0}.certificate-info{width:100%;height:auto;min-height:280px;padding:22px 20px}.certificate-info h3{font-size:clamp(22px,8vw,34px)}.certificate-control{flex-basis:min(54px,18vw);width:min(54px,18vw);height:min(54px,18vw);box-shadow:0 7px 5px #0000002e,inset 0 0 0 3px #d8d8d8}.certificate-controls{width:min(200px,94vw);height:min(64px,20vw);bottom:20px}.nav-arrow{border-width:4px;width:12px;height:12px}.roadmap{gap:22px;padding-left:18px}.roadmap-track{left:23px;transform:none}.roadmap-stop{min-height:0;padding-left:24px;display:block}.roadmap-stop:not(.roadmap-stop-reverse) .roadmap-card,.roadmap-stop-reverse .roadmap-card{margin:0}.roadmap-marker{width:28px;height:28px;font-size:8px;top:22px;left:5px}.roadmap-marker:before,.roadmap-marker:after{display:none}.roadmap-card{padding:20px 18px;box-shadow:4px 4px #0b0b0b}.section-head{margin-bottom:38px;display:block}.section-copy{margin-top:20px}.about-assets{grid-template-columns:1fr}.project-card{grid-template-columns:50px 1fr}}@media (width<=520px){.hero{padding-left:18px;padding-right:18px}.container{width:calc(100% - 36px)}.project-visual{min-height:190px!important}.footer{display:block}.footer span{margin:5px 0;display:block}}
