@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Lora:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-dark:oklch(7% .008 255);--bg-card:oklch(11% .01 255);--bg-card-light:oklch(16% .01 255);--accent-amber:oklch(80% .17 72);--text-light:oklch(94% .006 78);--text-muted:oklch(56% .008 255);--border-color:#000;--border-width:4px;--border-width-thin:2px;--shadow-offset:8px;--shadow-offset-sm:4px;--font-sans:"Outfit", "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--transition-fast:.1s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-light);font-family:var(--font-sans)}body:has(.app.home){overflow:hidden}body.is-dragging,body.is-dragging *{-webkit-user-select:none!important;user-select:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-size:16px}@media (width>=1920px){html{font-size:19px}}@media (width<=640px){html{font-size:13px}}h1,h2,h3,h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.02em;font-weight:800}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.app.home{background:var(--bg-dark);background-image:radial-gradient(var(--bg-card-light) 1.5px, transparent 1.5px), radial-gradient(var(--bg-card-light) 1.5px, var(--bg-dark) 1.5px);color:var(--text-light);width:100%;height:100%;min-height:100vh;transition:background-color var(--transition-normal);background-position:0 0,20px 20px;background-size:40px 40px;position:relative}.app.home.invert{background-color:var(--accent-amber);color:var(--border-color);background-image:none}.app.home.invert .content-block__inner{transform:scale(1.02)}.app.home.invert .content-card{border-color:var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color);color:var(--border-color);background-color:#fff}.app.home.invert .slider-wrap{background:var(--accent-amber);border-top-color:var(--border-color)}.app.home.invert .site-title a,.app.home.invert .menu-open{color:var(--border-color)}.app.home.invert .menu-open:after{background:var(--border-color);box-shadow:0 .47em 0 0 var(--border-color), 0 .95em 0 0 var(--border-color)}.app.home.invert .rangeslider{background:var(--border-color)}.app.home.invert .rangeslider__fill{background:#fff}.app.home.invert .rangeslider__handle{background:var(--bg-dark);border-color:var(--border-color)}.app.home.invert .rangeslider__handle:after{border-left:2px solid var(--text-light);border-right:2px solid var(--text-light)}.app.home.invert .slider__scale span{text-shadow:none;color:var(--border-color);background-color:#fff;font-weight:800}.wrapper{box-sizing:border-box;z-index:10;flex-direction:column;justify-content:center;max-width:65em;height:100%;min-height:100%;margin:0 auto;padding:6.5em 5em 8em;display:flex;position:relative}@media (width<=768px){.wrapper{padding:5.5em 2em 7em}}@media (width<=480px){.wrapper{padding:5em 1.2em 7em}}.header-main{width:100%;color:var(--text-light);z-index:99;pointer-events:none;background:0 0;height:5em;position:fixed;top:0;left:0}.header-main .site-title{text-transform:uppercase;letter-spacing:-.03em;pointer-events:auto;font-size:1.1em;font-weight:800;position:absolute;top:1.8em;left:3.5em}@media (width<=480px){.header-main .site-title{font-size:.95em;top:1.6em;left:1.2em}}.header-main .site-title a{border:var(--border-width-thin) solid transparent;transition:all var(--transition-fast);padding:.3em .6em}.header-main .site-title a:hover{background-color:var(--accent-amber);color:var(--border-color);border-color:var(--border-color);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--border-color);transform:translate(-2px,-2px)}.header-main .menu-toggle{text-indent:110%;white-space:nowrap;pointer-events:auto;border:var(--border-width-thin) solid transparent;width:2.4em;height:2.4em;transition:all var(--transition-fast);border-radius:4px;position:absolute;top:1.5em;right:3.5em;overflow:hidden}@media (width<=480px){.header-main .menu-toggle{top:1.3em;right:1.2em}}.header-main .menu-open:after{content:"";background:var(--text-light);width:calc(100% - .8em);height:3px;box-shadow:0 .5em 0 0 var(--text-light), 0 1em 0 0 var(--text-light);transition:all var(--transition-fast);position:absolute;top:.65em;left:.4em}.header-main .menu-toggle:hover{background-color:var(--accent-amber);border-color:var(--border-color);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--border-color);transform:translate(-2px,-2px)}.header-main .menu-toggle:hover:after{background:var(--border-color);box-shadow:0 .5em 0 0 var(--border-color), 0 1em 0 0 var(--border-color)}.header-main .menu-close{transition:transform var(--transition-normal);z-index:101;transform:translate(10em)}.header-main .menu-close:before,.header-main .menu-close:after{content:"";background:var(--border-color);width:3px;height:70%;transition:background-color var(--transition-fast);margin-left:-1.5px;position:absolute;top:15%;left:50%}.header-main .menu-close:before{transform:rotate(45deg)}.header-main .menu-close:after{transform:rotate(-45deg)}.header-main .menu-close:hover{background-color:var(--accent-amber);border-color:var(--border-color);box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 var(--border-color);transform:translate(-2px,-2px)}.menu-drawer{background:var(--accent-amber);width:25em;max-width:100%;height:100%;color:var(--border-color);box-sizing:border-box;border-left:var(--border-width) solid var(--border-color);transition:transform var(--transition-normal);z-index:100;flex-direction:column;padding:5em 3em;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.menu-drawer.is-open{transform:translate(0%);box-shadow:-10px 0 30px #0006}.menu-drawer.is-open .menu-close{transform:translate(0)}.menu-drawer_inner{flex-direction:column;justify-content:space-between;height:100%;display:flex}.menu-drawer ul.menu{margin-top:2em}.menu-drawer ul.menu li{margin-bottom:.8em}.menu-drawer ul.menu a{font-family:var(--font-sans);text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--border-color);transition:all var(--transition-fast);font-size:2em;font-weight:800;display:inline-block}.menu-drawer ul.menu a:hover{color:var(--border-color);transform:skew(-10deg)scale(1.05)}.menu-drawer address{font-style:normal;font-family:var(--font-sans);border-top:var(--border-width-thin) dashed var(--border-color);margin-top:auto;padding-top:2em;font-size:1.05em;font-weight:600;line-height:1.6}.menu-drawer address a{font-weight:700;text-decoration:underline}.menu-drawer address a:hover{color:var(--text-light)}.social-link{background-color:var(--bg-dark);border:var(--border-width-thin) solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);transition:all var(--transition-fast);margin-bottom:1em;margin-right:.6em;padding:.4em;display:inline-block}.social-link:hover{background-color:var(--accent-amber);box-shadow:4px 4px 0 var(--border-color);transform:translate(-2px,-2px)}.social-link:hover .social-icon{filter:invert(0)}.social-icon{filter:invert();width:1.4em;height:1.4em;display:block}.content-block{justify-content:center;align-items:center;width:100%;display:flex}.content-block__inner{perspective:1000px;width:100%;transition:transform var(--transition-normal)}.content-card{background-color:var(--bg-card);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-color);transition:all var(--transition-normal);border-radius:4px;padding:3em;position:relative;overflow:hidden}.content-card:before{content:"";background:var(--accent-amber);width:100%;height:6px;position:absolute;top:0;left:0}#output{text-align:justify;width:100%;font-family:var(--font-serif);color:var(--text-light);min-height:10em;font-size:1.35em;line-height:1.7;position:relative}@media (width<=768px){#output{min-height:13em;font-size:1.2em}.content-card{padding:2em}}@media (width<=480px){#output{min-height:14em;font-size:1em}.content-card{padding:1.2em}}#output .red{color:var(--accent-amber);font-weight:700}#output>span{width:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards textReveal;display:block}#output a{color:var(--accent-amber);text-underline-offset:4px;transition:all var(--transition-fast);font-weight:700;text-decoration:underline;text-decoration-thickness:2px}#output a:hover{color:var(--text-light);background-color:#fcca4626}#output strong{font-weight:700}#output .size-guide{visibility:hidden;height:0;margin:0;padding:0;overflow:hidden}@keyframes textReveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.slider-wrap{z-index:20;background:var(--bg-dark);border-top:var(--border-width) solid var(--border-color);box-sizing:border-box;width:100%;transition:background-color var(--transition-normal);padding:2.2em 5em;position:fixed;bottom:0;left:0}@media (width<=768px){.slider-wrap{padding:1.5em 2em}}@media (width<=480px){.slider-wrap{padding:1.2em}.slider-wrap .slider__scale{gap:.5em;font-size:.85em}.slider-wrap .slider__scale span{padding:.3em .5em;font-size:.9em}}.slider-wrap .slider__scale{font-size:1.1em;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;padding-top:1.2em;font-weight:700;display:flex}.slider-wrap .slider__scale span{cursor:pointer;background-color:var(--bg-card);border:var(--border-width-thin) solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;padding:.4em .8em}.slider-wrap .slider__scale span:hover{background-color:var(--accent-amber);color:var(--border-color);box-shadow:4px 4px 0 var(--border-color);transform:translate(-2px,-2px)}.slider-wrap .slider__scale span:active{box-shadow:1px 1px 0 var(--border-color);transform:translate(0)}.rangeslider{background:var(--bg-card-light);border:var(--border-width-thin) solid var(--border-color);cursor:pointer;touch-action:none;position:relative;box-shadow:inset 0 2px 5px #00000080}.rangeslider__fill{background:var(--accent-amber);pointer-events:none;height:100%;transition:width 30ms linear;position:absolute;top:0;left:0}.rangeslider--horizontal{border-radius:4px;width:100%;height:14px}.rangeslider__handle{background:var(--accent-amber);border:var(--border-width-thin) solid var(--border-color);cursor:pointer;width:1.8em;height:1.8em;box-shadow:3px 3px 0 var(--border-color);pointer-events:auto;border-radius:4px;justify-content:center;align-items:center;transition:left 30ms linear;display:flex;position:absolute;top:-.6em}.rangeslider__handle:after{content:"";border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);width:6px;height:60%}.rangeslider:hover .rangeslider__handle{background-color:var(--accent-amber);transform:scale(1.05)}.home-animations{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.home-animation{opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:opacity .5s,visibility .5s;position:absolute;top:0;left:0}.home-animation.is-active{opacity:1;visibility:visible;pointer-events:auto}.home-animation img{filter:drop-shadow(4px 4px #000c);transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute}.home-animation--1 img:first-child{opacity:0;transform:scale(.6)rotate(-15deg)translateY(20px)}.home-animation--1 img:nth-child(2){opacity:0;transform:scale(.6)rotate(15deg)translateY(20px)}.home-animation--1.is-active img:first-child{opacity:1;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .2s;transform:scale(1)rotate(-5deg)translateY(0)}.home-animation--1.is-active img:nth-child(2){opacity:1;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .4s;transform:scale(1)rotate(8deg)translateY(0)}.home-animation--2 img:first-child{opacity:0;transform:scale(.6)rotate(-15deg)translateY(20px)}.home-animation--2 img:nth-child(2){opacity:0;transform:scale(.6)rotate(15deg)translateY(20px)}.home-animation--2.is-active img:nth-child(2){opacity:1;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;transform:scale(1)rotate(-5deg)translateY(0)}.home-animation--2.is-active img:first-child{opacity:1;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .3s;transform:scale(1)rotate(8deg)translateY(0)}.home-animation--3 img{opacity:0;transform:translate(-50%,-50%)rotate(-5deg)}.home-animation--3.is-active img{opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translate(-50%)rotate(0)}.home-animation--4 img{opacity:0;transform:translate(-50%,50%)rotate(5deg)}.home-animation--4.is-active img{opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translate(-50%)rotate(0)}.home-animation--5 .dog-phone{opacity:0;transform:translateY(30%)}.home-animation--5.is-active .dog-phone{opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(0%)}.home-animation--5 .thumbs{opacity:0;transform:translate(30%)rotate(10deg)}.home-animation--5.is-active .thumbs{opacity:1;transition:all .7s cubic-bezier(.16,1,.3,1) .2s;transform:translate(0%)rotate(0)}.home-animation--6 .dancing-cat{opacity:0;transform:translateY(50%)}.home-animation--6.is-active .dancing-cat{opacity:1;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;transform:translateY(0%)}.home-animation--6 .bulldog{opacity:0;transform:scale(.8)translateY(20px)}.home-animation--6.is-active .bulldog{opacity:1;transition:all .6s cubic-bezier(.175,.885,.32,1.275) .3s;transform:scale(1)translateY(0)}.home-animation--7>img{animation:.5s ease-in-out infinite alternate wiggle}@keyframes wiggle{0%{transform:rotate(-3deg)translateY(1%)}to{transform:rotate(3deg)translateY(-1%)}}.animation__plane{z-index:-1;opacity:0;width:100%;height:calc(100% - 6em);transition:opacity .5s;position:fixed;top:6em;left:0;transform:translate(0)}.animation__plane img{transform:translate(100%,-50%)}.home-animation--7.is-active .animation__plane{opacity:1;animation:5s linear infinite reverse flyBy}.home-animation--7.is-active .animation__plane img{animation:5s linear infinite reverse flyByChild}.home-animation--8__explosions{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.animation__dog-skateboard{opacity:0;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0;transform:translate(0)}.animation__dog-skateboard img{transform:translate(100%,-50%)}.home-animation--8.is-active .animation__dog-skateboard{opacity:1;animation:4s linear infinite flyBy}.home-animation--8.is-active .animation__dog-skateboard img{animation:4s linear infinite flyByChild}@keyframes flyBy{0%{transform:translate(0)}90%{transform:translate(-100%)}to{transform:translate(-100%)}}@keyframes flyByChild{0%{transform:translate(100%,-50%)}90%{transform:translateY(-50%)}to{transform:translateY(-50%)}}.home-animation--9 img{opacity:0;transform:translateY(30px)}.home-animation--9.is-active img.center-xy{opacity:1;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform:translate(-50%,-50%)}.home-animation--9.is-active img.pointing{opacity:1;transition:opacity .5s .2s;animation:.4s ease-in-out .5s infinite alternate bouncePointer}@keyframes bouncePointer{0%{transform:translate(-45%,-15%)rotate(-5deg)}to{transform:translate(-50%,5%)rotate(5deg)}}.menu-close{border:var(--border-width-thin) solid var(--border-color);width:2.2em;height:2.2em;color:var(--border-color);cursor:pointer;font-size:1.4em;font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:1.5em;left:1.5em}.menu-close:hover{background-color:var(--border-color);color:var(--accent-amber);transform:rotate(90deg)}.menu-drawer ul.menu li.menu__sub{margin-left:1.5em}.menu-drawer ul.menu li.menu__sub a{opacity:.75;font-size:1.3em}.menu-drawer ul.menu li.menu__sub a:hover{opacity:1}.page{min-bottom:0;background:var(--bg-dark);color:var(--text-light);padding-top:5em}.page__wrapper{max-width:65em;margin:0 auto;padding:3em 5em 6em}@media (width<=768px){.page__wrapper{padding:2em 2em 4em}}.page__header{border-bottom:4px solid #000;margin-bottom:3em;padding-bottom:2em}.page__header h1{letter-spacing:-.04em;margin:0 0 .2em;font-size:3.5em}.page__subtitle{color:var(--text-muted);font-size:1.1em;font-family:var(--font-serif);font-style:italic}.page__back{color:var(--accent-amber);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);margin-bottom:1.5em;font-size:.9em;font-weight:700;display:inline-block}.page__back:hover{transform:translate(-4px)}.page__subnav{flex-wrap:wrap;gap:1.5em;margin-top:1em;display:flex}.page__subnav-link{color:var(--accent-amber);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--accent-amber);transition:all var(--transition-fast);padding:.4em .8em;font-size:.9em;font-weight:700}.page__subnav-link:hover{background:var(--accent-amber);color:#000;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.github-cta{background:var(--bg-card);text-transform:uppercase;color:var(--text-light);transition:all var(--transition-fast);border:4px solid #000;align-items:center;gap:1em;margin-bottom:3em;padding:1.5em 2em;font-size:1.3em;font-weight:700;display:flex;box-shadow:8px 8px #000}.github-cta:hover{background:var(--accent-amber);color:#000;transform:translate(-3px,-3px);box-shadow:11px 11px #000}.github-stats{grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:1em;display:grid}.github-stat-card{background:var(--bg-card);text-align:center;border:4px solid #000;flex-direction:column;gap:.5em;padding:1.5em;display:flex;box-shadow:4px 4px #000}.github-stat-card__number{color:var(--accent-amber);font-size:2em;font-weight:800}.github-stat-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85em}.uspechy-list{flex-direction:column;gap:1.5em;display:flex}.uspech-card{background:var(--bg-card);transition:all var(--transition-fast);border:4px solid #000;grid-template-columns:5em 1fr;display:grid;box-shadow:8px 8px #000}.uspech-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #000}.uspech-card__year{background:var(--accent-amber);color:#000;writing-mode:vertical-rl;letter-spacing:.05em;justify-content:center;align-items:center;font-weight:800;display:flex}.uspech-card__body{padding:1.5em 2em}.uspech-card__tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-amber);margin-bottom:.5em;font-size:.75em;font-weight:700;display:block}.uspech-card__title{margin:0 0 .4em;font-size:1.2em;font-weight:800}.uspech-card__desc{color:var(--text-muted);font-family:var(--font-serif);margin:0;font-size:.95em;line-height:1.6}.uspech-card__link{color:var(--accent-amber);text-underline-offset:4px;transition:color var(--transition-fast);font-size:.9em;font-weight:700;text-decoration:underline;display:inline-block}.uspech-card__link:hover{color:var(--text-light)}.uspech-card__image-container{max-width:100%;margin-top:1.2em;display:inline-block;overflow:hidden}.uspech-card__image{object-fit:contain;max-width:100%;height:auto;max-height:250px;display:block}.uspech-card__images-container{flex-wrap:wrap;gap:1em;margin-top:1.2em;display:flex}.uspech-card__images-container .uspech-card__image-container{flex:180px;max-width:250px;margin-top:0}.uspech-card__images-container .uspech-card__image-container:only-child{flex:100%;max-width:600px}.uspech-card__images-container .uspech-card__image-container:only-child .uspech-card__image{max-height:420px}.projekt-stack-list{flex-direction:column;gap:1.5em;display:flex}.projekt-stack-card{background:var(--bg-card);transition:all var(--transition-fast);border:4px solid #000;grid-template-columns:6.5em 1fr;display:grid;box-shadow:8px 8px #000}.projekt-stack-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #000}.projekt-stack-card__date{background:var(--accent-amber);color:#000;writing-mode:vertical-rl;letter-spacing:.05em;text-align:center;justify-content:center;align-items:center;font-size:1.1em;font-weight:800;display:flex}.projekt-stack-card__body{flex-direction:column;gap:.8em;padding:1.5em 2em;display:flex}.projekt-stack-card__tech{flex-wrap:wrap;gap:.4em;display:flex}.projekt-stack-card__tech-tag{background:var(--bg-card-light);text-transform:uppercase;border:2px solid #000;padding:.2em .6em;font-size:.75em;font-weight:700}.projekt-stack-card__title{margin:0;font-size:1.3em;font-weight:800}.projekt-stack-card__desc{color:var(--text-muted);font-family:var(--font-serif);margin:0;font-size:.95em;line-height:1.6}.projekt-stack-card__comment{background:var(--bg-card-light);border-left:4px solid var(--accent-amber);font-family:var(--font-serif);color:var(--text-light);padding:.8em 1em;font-size:.9em;line-height:1.5}.projekt-stack-card__comment strong{font-family:var(--font-sans);text-transform:uppercase;color:var(--accent-amber);margin-bottom:.2em;font-size:.8em;display:block}.projekt-stack-card__link{color:var(--accent-amber);text-transform:uppercase;transition:all var(--transition-fast);align-self:flex-start;margin-top:.2em;font-size:.9em;font-weight:700}.projekt-stack-card__link:hover{text-decoration:underline;transform:translate(4px)}.mapa-container{margin-bottom:3em}.mapa-placeholder{background:var(--bg-card);text-align:center;border:4px solid #000;padding:4em 2em;box-shadow:8px 8px #000}.mapa-placeholder__icon{margin-bottom:.5em;font-size:4em}.mapa-placeholder h2{margin-bottom:.5em;font-size:1.5em}.mapa-placeholder p{color:var(--text-muted);font-family:var(--font-serif);max-width:30em;margin:0 auto .5em;line-height:1.6}.mapa-placeholder__tech{font-size:.85em;font-weight:700;color:var(--accent-amber)!important;font-family:var(--font-sans)!important}.mapa-lokace{flex-direction:column;gap:1em;display:flex}.mapa-lokace-item{background:var(--bg-card);border:4px solid #000;align-items:flex-start;gap:1em;padding:1.2em 1.5em;display:flex;box-shadow:4px 4px #000}.mapa-lokace-item__pin{font-size:1.5em}.mapa-lokace-item strong{font-weight:800;display:block}.mapa-lokace-item p{color:var(--text-muted);font-family:var(--font-serif);margin:0;font-style:italic}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mde{width:24em;max-width:100%;height:100%;color:var(--text-light);z-index:100;transition:transform var(--transition-normal);background:oklch(7% .008 255);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-12px 0 40px #000000b3}.mde--open{transform:translate(0)}@media (width<=480px){.mde{width:100%}.mde__item{font-size:1.6em}.mde__nav{padding:1em 0 1em 1.5em}}.mde__accent{background:var(--accent-amber);opacity:.12;pointer-events:none;z-index:0;width:8em;height:16em;position:absolute;top:-4em;right:-2em;transform:rotate(12deg)}.mde__head{z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5em 1.5em 1em;display:flex;position:relative}.mde__logo{text-transform:uppercase;letter-spacing:-.02em;color:var(--accent-amber);font-size:1.1em;font-weight:800}.mde__close{width:2.2em;height:2.2em;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:2px solid #ffffff26;border-radius:2px;justify-content:center;align-items:center;font-size:1em;display:flex}.mde__close:hover{border-color:var(--accent-amber);color:var(--accent-amber);transform:rotate(90deg)}.mde__nav{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:0;padding:1em 0 1em 2em;display:flex;position:relative}.mde__item{color:var(--text-light);text-transform:uppercase;letter-spacing:-.04em;opacity:.35;padding:.25em 0;font-size:2em;font-weight:800;line-height:1.1;text-decoration:none;transition:all .12s;display:block;position:relative;transform:skew(-2deg)}.mde__item:hover{opacity:1;color:var(--accent-amber);transform:skew(-5deg)translate(6px)}.mde__item--active{opacity:1;color:var(--text-light)}.mde__sub{border-left:2px solid #ffffff14;flex-direction:column;gap:0;margin-top:.1em;margin-left:.2em;padding:.3em 0 .5em 1.2em;display:flex}.mde__sub-item{color:oklch(42% .008 255);text-transform:uppercase;letter-spacing:.06em;transition:all var(--transition-fast);padding:.35em .8em;font-size:.75em;font-weight:700;text-decoration:none;transform:none}.mde__sub-item:hover{color:var(--accent-amber);padding-left:1.2em}.mde__sub-item--active{color:var(--accent-amber)}.mde__footer{z-index:1;border-top:2px solid var(--border-color);flex-direction:column;gap:.8em;padding:1.2em 1.5em;display:flex;position:relative}.mde__socials{gap:.6em;display:flex}.mde__social{background:var(--bg-card-light);border:2px solid var(--border-color);width:2.2em;height:2.2em;box-shadow:2px 2px 0 var(--border-color);color:var(--text-light);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.mde__social:hover{background:var(--accent-amber);color:#000;box-shadow:4px 4px 0 var(--border-color);transform:translate(-2px,-2px)}.mde__address{color:var(--text-muted);font-size:.78em;font-style:normal;font-family:var(--font-sans);line-height:1.6}.mde__address a{color:var(--accent-amber);text-decoration:underline}.mde__address a:hover{color:var(--text-light)}@media (width<=480px){.header-main .site-title{font-size:.95em;top:1.6em;left:1.2em}.header-main .menu-toggle{top:1.3em;right:1.2em}.wrapper{padding:5em 1.2em 7em}#output{min-height:14em;font-size:1em}.content-card,.slider-wrap{padding:1.2em}.slider-wrap .slider__scale{gap:.5em;font-size:.85em}.slider-wrap .slider__scale span{padding:.3em .5em}.page__wrapper{padding:1.5em 1.1em 3em}.page__header h1{font-size:1.9em}.page__subtitle{font-size:.95em}.github-cta{gap:.7em;padding:1em 1.2em;font-size:1em}.github-cta svg{flex-shrink:0;width:32px;height:32px}.github-stats{grid-template-columns:repeat(2,1fr)}.uspech-card{grid-template-columns:3.5em 1fr}.uspech-card__body{padding:1em}.uspech-card__title{font-size:1em}.uspech-card__year{font-size:.8em}.uspech-card__images-container{gap:.6em}.uspech-card__images-container .uspech-card__image-container{flex:130px;max-width:100%}.uspech-card__image{max-height:180px}.uspech-card__images-container .uspech-card__image-container:only-child .uspech-card__image{max-height:240px}.projekt-stack-card{grid-template-columns:3.5em 1fr}.projekt-stack-card__date{font-size:.75em}.projekt-stack-card__body{gap:.6em;padding:1em}.projekt-stack-card__title{font-size:1.05em}.projekt-stack-card__comment{font-size:.85em}.mde{width:100%}.mde__item{font-size:1.6em}.mde__nav{padding:1em 0 1em 1.5em}}@media (width<=768px){.page__header h1{font-size:2.5em}}.app{overflow-x:hidden}@media (width<=480px){.home-animation img{max-width:90vw}}.ambient-cursor-glow{pointer-events:none;z-index:5;will-change:transform;background:radial-gradient(circle,oklch(80% .17 72/.1) 0%,oklch(80% .17 72/.04) 45%,#0000 70%);border-radius:50%;width:420px;height:420px;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)}.ambient-scanlines{pointer-events:none;z-index:4;background:repeating-linear-gradient(#0000,#0000 3px,#00000012 3px 4px);animation:8s linear infinite scanMove;position:fixed;inset:0}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 40px}}.ambient-grain{pointer-events:none;z-index:3;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:.5s step-end infinite grainShift;position:fixed;inset:0}@keyframes grainShift{0%{background-position:0 0}20%{background-position:-30px 10px}40%{background-position:20px -15px}60%{background-position:-10px 25px}80%{background-position:35px -5px}to{background-position:0 0}}.page{animation:.4s cubic-bezier(.16,1,.3,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.content-card{transform-style:preserve-3d;transform-origin:50%}.content-card:hover{transition:transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease, background-color var(--transition-normal);transform:perspective(800px)rotateX(1.5deg)rotateY(-1.5deg)translateY(-2px)}.github-stat-card,.uspech-card,.projekt-stack-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.github-stat-card:hover{transform:translate(-3px,-3px)perspective(600px)rotateX(2deg);box-shadow:7px 7px #000}.uspechy-list .uspech-card,.projekt-stack-list .projekt-stack-card,.github-stats .github-stat-card{animation:.5s cubic-bezier(.16,1,.3,1) both cardStaggerIn}.uspechy-list .uspech-card:first-child,.projekt-stack-list .projekt-stack-card:first-child,.github-stats .github-stat-card:first-child{animation-delay:50ms}.uspechy-list .uspech-card:nth-child(2),.projekt-stack-list .projekt-stack-card:nth-child(2),.github-stats .github-stat-card:nth-child(2){animation-delay:.12s}.uspechy-list .uspech-card:nth-child(3),.projekt-stack-list .projekt-stack-card:nth-child(3),.github-stats .github-stat-card:nth-child(3){animation-delay:.19s}.uspechy-list .uspech-card:nth-child(4),.projekt-stack-list .projekt-stack-card:nth-child(4),.github-stats .github-stat-card:nth-child(4){animation-delay:.26s}.uspechy-list .uspech-card:nth-child(n+5),.projekt-stack-list .projekt-stack-card:nth-child(n+5){animation-delay:.33s}@keyframes cardStaggerIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rangeslider__handle{animation:2.5s ease-in-out infinite handlePulse}@keyframes handlePulse{0%,to{box-shadow:3px 3px 0 var(--border-color)}50%{box-shadow:3px 3px 0 var(--border-color), 0 0 12px oklch(80% .17 72/.35)}}@media (prefers-reduced-motion:reduce){.ambient-scanlines,.ambient-grain,.ambient-cursor-glow,.rangeslider__handle,.page,.uspechy-list .uspech-card,.projekt-stack-list .projekt-stack-card,.github-stats .github-stat-card{animation:none!important}.content-card:hover{transform:translateY(-2px)}}.projekt-stack-card,.uspech-card{opacity:0;transition:opacity .5s cubic-bezier(.16, 1, .3, 1), transform .5s cubic-bezier(.16, 1, .3, 1), box-shadow var(--transition-fast);transition-delay:calc(var(--card-index,0) * 70ms);transform:translateY(24px)}.projekt-stack-card.is-visible,.uspech-card.is-visible{opacity:1;transform:translateY(0)}.projekt-stack-card__tech-tag{transition:all .2s;transition-delay:calc(var(--tag-i,0) * 40ms);position:relative;overflow:hidden}.projekt-stack-card:hover .projekt-stack-card__tech-tag{background:var(--bg-card-light);border-color:var(--accent-amber);color:var(--accent-amber);transform:translateY(-1px)}.projekt-stack-card__tech-tag:after{content:"";background:linear-gradient(90deg,#0000,oklch(80% .17 72/.25),#0000);width:60%;height:100%;transition:left;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.projekt-stack-card:hover .projekt-stack-card__tech-tag:after{transition:left .5s ease calc(var(--tag-i,0) * 80ms);left:200%}.projekt-stack-card__date{transition:background-color .3s;position:relative;overflow:hidden}.projekt-stack-card__date .date-inner{writing-mode:vertical-rl;letter-spacing:.05em;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;transition:transform .3s cubic-bezier(.16,1,.3,1),letter-spacing .3s;display:flex}.projekt-stack-card:hover .projekt-stack-card__date{background:oklch(80% .2 72)}.projekt-stack-card:hover .date-inner{letter-spacing:.12em;transform:scaleY(1.05)}.uspech-card__year{position:relative;overflow:hidden}.uspech-card__year .year-inner{writing-mode:vertical-rl;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.uspech-card:hover .year-inner{transform:scaleY(1.06)}.uspech-card__tag{align-items:center;gap:.35em;transition:transform .2s,color .2s;display:inline-flex}.uspech-card:hover .uspech-card__tag{color:oklch(88% .15 72)}.uspech-card__image-container,.projekt-stack-card .uspech-card__image-container{transition:box-shadow .3s;overflow:hidden}.uspech-card:hover .uspech-card__image-container,.projekt-stack-card:hover .uspech-card__image-container{box-shadow:none}.uspech-card__image,.uspech-card__image-container img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.uspech-card:hover .uspech-card__image,.projekt-stack-card:hover .uspech-card__image{transform:scale(1.05)}.projekt-stack-card__link,.uspech-card__link{align-items:center;gap:.4em;display:inline-flex;overflow:hidden}.projekt-stack-card__link .link-arrow,.uspech-card__link .link-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-block}.projekt-stack-card__link:hover .link-arrow,.uspech-card__link:hover .link-arrow{transform:translate(5px)}.projekt-stack-card__link .link-text,.uspech-card__link .link-text{position:relative}.projekt-stack-card__link .link-text:after,.uspech-card__link .link-text:after{content:"";background:var(--accent-amber);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.projekt-stack-card__link:hover .link-text:after,.uspech-card__link:hover .link-text:after{width:100%}.projekt-stack-card__comment{border-left:4px solid var(--accent-amber);transition:border-left-width .2s,padding-left .2s;position:relative}.projekt-stack-card:hover .projekt-stack-card__comment{border-left-width:6px;padding-left:calc(1em + 2px)}.github-cta.shimmer{position:relative;overflow:hidden}.github-cta.shimmer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,oklch(94% .006 78/.08),#0000);width:50%;height:100%;animation:3.5s ease-in-out infinite ctaShimmer;position:absolute;top:0;left:-75%;transform:skew(-15deg)}@keyframes ctaShimmer{0%{left:-75%}60%{left:125%}to{left:125%}}.github-stat-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color .25s ease;position:relative;overflow:hidden}.github-stat-card:after{content:"";pointer-events:none;border:2px solid #0000;transition:border-color .25s;position:absolute;inset:0}.github-stat-card:hover:after{border-color:var(--accent-amber)}.page__header h1{display:inline-block;position:relative}.page__header h1:after{content:"";background:var(--accent-amber);width:0%;height:4px;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards headerUnderline;position:absolute;bottom:-6px;left:0}@keyframes headerUnderline{0%{width:0%}to{width:100%}}@media (prefers-reduced-motion:reduce){.projekt-stack-card,.uspech-card{opacity:1;transition:none;transform:none}.github-cta.shimmer:before,.page__header h1:after{animation:none}.page__header h1:after{width:100%}}.image-modal{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal img{object-fit:contain;border-radius:8px;max-width:90%;max-height:90%;animation:.3s ease-out forwards zoomIn;box-shadow:0 4px 20px #00000080}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.uspech-card__image-container{cursor:zoom-in;transition:transform .2s}.uspech-card__image-container:hover{transform:scale(1.02)}