:root{--bg:#061d45;--bg-alt:#08234f;--panel:#071a3d;--text:#fff;--muted:#dce7ff;--line:#ffffff9e;--accent:#df714a;--accent2:#ff9a6b;--shadow:0 26px 70px #00000059;--content-max:1200px;--page-pad:clamp(24px, 2.2vw, 32px);--content-gutter:max(var(--page-pad), calc((100vw - var(--content-max)) / 2))}:root[data-theme=light]{--bg:#e8edf5;--bg-alt:#dce5f1;--text:#061d45;--muted:#2b3a54;--line:#061d453d;--shadow:0 22px 55px #061d451a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow-x:hidden}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,a,input,textarea{font:inherit}button{cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,video{max-width:100%}h1,h2,h3,p{margin-top:0}p{color:var(--muted);line-height:1.55}small{color:var(--accent);font-weight:900}.textReveal{opacity:0;filter:blur(10px);transition:opacity .82s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s), transform .82s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s), filter .82s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);will-change:opacity, transform, filter;transform:translateY(34px)}.textReveal.textInView{opacity:1;filter:blur();transform:translateY(0)}.hideMobileGlass{display:none}.sectionPad{width:100%;max-width:calc(var(--content-max) + (var(--page-pad) * 2));padding-left:var(--page-pad);padding-right:var(--page-pad);margin-inline:auto}.page{background:var(--bg);min-height:100vh;padding-top:140px}.routeView{position:relative}.routeView.routeExit,.routeView.routeEnter{overflow:clip}.routePage{width:100%;font-size:15px}.routeExit .routePage{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(-10px)}.routeEnter .routePage{animation:.3s cubic-bezier(.16,1,.3,1) both routePageEnter}@keyframes routePageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.routeView.langExit,.routeView.langEnterStart{opacity:0;transition:opacity .16s}.routeView.langEnter{opacity:1;transition:opacity .22s}.navWrap{z-index:80;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061d45d1;border-radius:34px;align-items:center;gap:12px;min-width:470px;max-width:680px;height:58px;padding:8px 15px;transition:min-width .38s cubic-bezier(.16,1,.3,1),max-width .38s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:26px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 28px #0000002e}:root[data-theme=light] .navWrap{background:#ffffffe0}.logoBtn{background:0 0;border-radius:20px;flex:0 0 54px;place-items:center;width:54px;height:42px;display:grid}.logoImg{object-fit:contain;width:46px;height:46px}.navWrap nav{opacity:1;visibility:visible;pointer-events:auto;align-items:center;gap:5px;max-width:600px;transition:max-width .38s cubic-bezier(.16,1,.3,1),max-height .38s cubic-bezier(.16,1,.3,1),opacity .22s,transform .32s cubic-bezier(.16,1,.3,1),visibility;display:flex;position:relative;overflow:hidden;transform:translate(0)}.navWrap nav button{z-index:1;color:var(--text);white-space:nowrap;opacity:1;transition:background .2s,color .2s,opacity .22s,transform .32s cubic-bezier(.16,1,.3,1);transition-delay:0s, 0s, var(--nav-delay,0s), var(--nav-delay,0s);background:0 0;border-radius:8px;padding:11px 18px;position:relative;transform:translate(0)}.navLabel,.langLabel{opacity:1;transition:opacity .16s,transform .16s;display:inline-block;transform:translateY(0)}.langExit .navLabel,.langLabel.langExit{opacity:0;transform:translateY(-4px)}.langEnterStart .navLabel,.langLabel.langEnterStart{opacity:0;transform:translateY(4px)}.langEnter .navLabel,.langLabel.langEnter{opacity:1;transition-duration:.22s;transform:translateY(0)}.navWrap nav button.active{color:#061d45;background:0 0}.navWrap nav button:hover:not(.active){color:var(--accent);background:0 0}.navIndicator{z-index:0;width:var(--indicator-width,0px);height:var(--indicator-height,0px);background:var(--accent);opacity:0;transform:translate3d(var(--indicator-x,0px),var(--indicator-y,0px),0);pointer-events:none;border-radius:8px;transition:transform .32s cubic-bezier(.16,1,.3,1),width .32s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1),opacity .16s;position:absolute;top:0;left:0}.navIndicator.ready{opacity:1}.navWrap.navSmall .navIndicator{opacity:0}.navWrap:not(.navSmall) nav button:first-child{--nav-delay:40ms}.navWrap:not(.navSmall) nav button:nth-child(2){--nav-delay:85ms}.navWrap:not(.navSmall) nav button:nth-child(3){--nav-delay:.13s}.navWrap:not(.navSmall) nav button:nth-child(4){--nav-delay:.175s}.navWrap.navSmall{width:86px;min-width:86px;max-width:86px}.navWrap.navSmall nav{opacity:0;visibility:hidden;pointer-events:none;max-width:0;transition-delay:0s,0s,0s,0s,.38s;transform:translate(-12px)}.navWrap.navSmall nav button{opacity:0;transition-delay:0s;transform:translate(-12px)}.hamb{color:var(--text);background:0 0;margin-left:auto;font-size:24px;display:none}.floatControls{z-index:90;gap:10px;display:flex;position:fixed;top:24px;right:28px}.floatControls button{border:1px solid var(--line);min-width:58px;min-height:48px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061d45d1;border-radius:999px;place-items:center;padding:0 14px;font-weight:900;display:grid;box-shadow:0 15px 35px #0000002e}:root[data-theme=light] .floatControls button{background:#ffffffe0}.themeToggle{position:relative;overflow:hidden}.themeToggle span{background:#ffd76a;border-radius:999px;width:24px;height:24px;transition:transform .55s cubic-bezier(.16,1,.3,1),background .35s,box-shadow .35s;display:block;position:relative;transform:rotate(0)scale(1);box-shadow:0 0 0 4px #ffd76a38,0 0 24px #ffd76ab3}:root[data-theme=light] .themeToggle span{background:#061d45;transform:rotate(-35deg)scale(1);box-shadow:inset -8px 0 #fff,0 0 0 4px #061d451f,0 0 22px #061d4547}:root[data-theme=light] .themeToggle:hover span{transform:rotate(145deg)scale(1.12)}.langToggle{font-size:13px}.heroSticky{background:#001936;height:51vw;min-height:470px;max-height:700px;position:sticky;top:0;overflow:hidden}.heroVideo,.heroVignette{position:absolute;inset:0}.heroVideo video{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.1)}.heroVignette{background:linear-gradient(180deg, #061d450d, var(--bg));-webkit-backdrop-filter:blur(var(--heroBlur,0));backdrop-filter:blur(var(--heroBlur,0));opacity:var(--heroFade,1)}.introCover{z-index:2;background:var(--bg);max-width:none;padding-top:86px;padding-bottom:94px;position:relative}.introGrid{width:100%;max-width:var(--content-max);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(64px,6vw,96px);margin-inline:auto;display:grid;position:relative}.slideUp{animation:.9s cubic-bezier(.16,1,.3,1) both headingReveal}.delay{animation-delay:.18s}.introGrid h1{margin:0;font-size:clamp(47px,4vw,62px);line-height:.96;animation:.9s cubic-bezier(.16,1,.3,1) both headingReveal}.workPreview h2,.skills h2,.cta h2,.story h1,.hobbiesPage h1,.contact h2,.portfolioPage h1{animation:.9s cubic-bezier(.16,1,.3,1) both headingReveal}.introGrid h1 span{color:var(--accent);display:block}.introGrid h1 em{color:var(--text);font-style:normal;display:block}.introGrid p{max-width:680px;margin:18px 0 0;font-size:18px}.photoBox.profileFloat{width:clamp(270px,18vw,350px);height:clamp(270px,18vw,350px);box-shadow:var(--shadow);border-radius:52px;position:absolute;top:-360px;right:112px}.photoBox{background:var(--panel);position:relative;overflow:hidden}.photoBox>img,.videoBox video{object-fit:cover;width:100%;height:100%;display:block}.workPreview{z-index:2;text-align:center;background:var(--bg-alt);max-width:none;padding-top:83px;padding-bottom:81px;position:relative;overflow:hidden}.workPreview h2{margin-bottom:52px;font-size:clamp(31px,3.6vw,49px)}.autoSlider{width:100%;max-width:var(--content-max);background:var(--bg-alt);min-height:414px;margin-inline:auto;position:relative}.sliderArrow{z-index:8;width:52px;height:52px;color:var(--accent);background:#061d45ad;border:1px solid #ffffff6b;border-radius:50%;place-items:center;padding:0;font-size:0;transition:transform .18s,background .18s,color .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 18px 40px #00000038}.sliderArrow:before{content:"";box-sizing:border-box;border-top:3px solid;border-right:3px solid;width:12px;height:12px;position:relative;top:10px;right:2px}.sliderArrow.left{left:clamp(18px,5vw,76px)}.sliderArrow.left:before{transform:rotate(-135deg)}.sliderArrow.right{right:clamp(18px,5vw,76px)}.sliderArrow.right:before{transform:rotate(45deg)}.sliderArrow:hover{background:var(--accent);color:#061d45;transform:translateY(-50%)scale(1.08)}.sliderArrow:active{transform:translateY(-50%)scale(.96)}.workCarouselStage{height:387px;position:relative}.largeWork{cursor:pointer;width:min(738px,56vw);height:360px;box-shadow:var(--shadow);border-radius:18px;transition:transform .35s,opacity .35s;position:absolute;top:0;left:50%}.carouselItem.current{z-index:4;opacity:1;transform:translate(-50%)scale(1)}.carouselItem.prev{z-index:3;opacity:.62;transform:translate(-105%)scale(.82)}.carouselItem.next{z-index:3;opacity:.62;transform:translate(5%)scale(.82)}.carouselItem.far{opacity:0;pointer-events:none;transform:translate(-50%)scale(.7)}.workGlass{color:#fff;text-align:left;background:#061d45b8;border-radius:8px;padding:16px 20px;position:absolute;bottom:20px;left:20px}.workGlass h3{margin-bottom:8px;font-size:22px}.workGlass p{color:#fff;margin-bottom:14px}.workGlass button,.projectAction,.cta button,.contact button,.popup button{background:var(--accent);color:#061d45;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-weight:900;text-decoration:none;display:inline-flex}.cta button{animation:2.1s ease-in-out infinite contactGlow}.toolsSection{z-index:2;background:var(--bg);grid-template-columns:minmax(390px,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(50px,6.3vw,115px);padding-top:77px;padding-bottom:83px;display:grid;position:relative}.toolsText h2{max-width:504px;font-size:40px;line-height:1.06}.toolsText p{max-width:468px}.toolGrid{flex-wrap:wrap;gap:14px 23px;margin-top:27px;display:flex;position:relative}.toolName{z-index:2;color:var(--accent);background:0 0;padding:0;font-size:32px;font-weight:900;line-height:1.06;transition:transform .25s;position:relative}.toolBall{z-index:1;background:var(--accent);pointer-events:none;border-radius:999px;width:10px;height:10px;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .25s;position:absolute;top:0;left:0;box-shadow:0 0 18px #df714aa6}.toolBall.jumping{box-shadow:0 0 26px #df714ae6}:root[data-theme=light] .toolBall{background:#061d45;box-shadow:0 0 18px #061d4573}:root[data-theme=light] .toolBall.jumping{box-shadow:0 0 26px #061d45a6}:root[data-theme=light] .toolName{color:#061d45}.toolName.active,.toolName:hover{transform:scale(1.16)rotate(-3deg)}.toolImage{aspect-ratio:16/10;width:100%;max-width:684px;box-shadow:var(--shadow);justify-self:end;position:relative;overflow:hidden}.toolCaption{color:#fff;background:#061d45d1;border-radius:6px;max-width:calc(100% - 50px);padding:9px 16px;font-size:clamp(20px,2.25vw,34px);font-weight:900;line-height:1.05;position:absolute;bottom:22px;left:25px}.skills{z-index:2;text-align:center;background:var(--bg-alt);max-width:none;padding-top:83px;padding-bottom:104px;position:relative}.skills h2{margin-bottom:20px;font-size:clamp(31px,3.6vw,49px)}.skills>p{max-width:684px;margin:0 auto 52px}.skillBox{background:var(--bg);text-align:left;border:0;border-radius:8px;grid-template-columns:minmax(300px,.42fr) minmax(460px,.58fr);max-width:1062px;margin:0 auto;display:grid;position:relative;overflow:hidden}.skillBox:before{content:"";z-index:4;pointer-events:none;border:1px solid var(--line);border-radius:inherit;clip-path:inset(0 100% 100% 0);transition:clip-path 1.05s cubic-bezier(.22,1,.36,1) .2s;position:absolute;inset:0}.skillBox:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(var(--line), var(--line)) calc(42% - 1px) 0 / 1px 100% no-repeat, repeating-linear-gradient(to bottom, transparent 0, transparent calc(20% - 1px), var(--line) calc(20% - 1px), var(--line) 20%) 0 0 / 42% 100% no-repeat;clip-path:inset(0 100% 0 0);border-radius:7px;transition:clip-path 1.05s cubic-bezier(.22,1,.36,1) .38s;position:absolute;inset:1px;overflow:hidden}.skillBox.textInView:before,.skillBox.textInView:after{clip-path:inset(0)}.skillTabs{flex-direction:column;display:flex}.skillBox button{min-height:67px;color:var(--text);text-align:left;background:0 0;flex:1 1 0;padding:0 25px;font-weight:900}.skillBox button.active{background:var(--accent);color:#061d45}.skillPanel{padding:52px 45px 49px}.mobileSkillPanel{display:none}.skillPanel span{color:var(--accent);margin-bottom:16px;font-size:31px;display:block}.skillPanel h3{max-width:504px;color:var(--accent);font-size:27px;line-height:1.15}.wideGameplay{z-index:2;background:#000;width:100%;height:clamp(504px,56vw,738px);position:relative;overflow:hidden}.wideGameplay .videoBox{width:100%;height:100%}.cta{z-index:2;text-align:center;background:var(--bg);padding-top:95px;padding-bottom:95px;position:relative}.cta h2{font-size:40px}.footer{z-index:2;border-top:1px solid var(--line);background:var(--bg);text-align:left;grid-template-columns:minmax(0,1fr) 160px minmax(360px,400px);align-items:start;gap:clamp(65px,9vw,149px);padding-top:65px;padding-bottom:38px;display:grid;position:relative}.footerLogo{margin-bottom:22px}.footerLogo .logoImg{width:74px;height:74px}.footer a{color:var(--muted)}.footercl3{max-width:400px}.orangeText{color:var(--accent);font-weight:900}.socials{color:var(--accent);gap:18px;margin-top:22px;font-weight:900;display:flex}.socials a{min-width:16px;color:var(--accent);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.socials img{object-fit:contain;width:18px;height:18px;display:block}.footerLinks{gap:17px;margin-top:20px;display:grid}.footerLinks button{color:var(--text);text-align:left;background:0 0}.footerBottom{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;margin-top:49px;padding-top:29px;display:flex}.portfolioPage>.footer,.hobbiesPage>.footer{width:calc(100% + (var(--page-pad) * 2));margin-left:calc(var(--page-pad) * -1);margin-right:calc(var(--page-pad) * -1)}.portfolioPage{text-align:center}.portfolioPage>p{margin-bottom:59px}.portfolioList{gap:38px;margin-bottom:clamp(72px,9vw,135px);display:grid}.projectCard{border:1px solid var(--line);background:var(--bg-alt);text-align:left;border-radius:8px;grid-template-columns:1fr 378px;align-items:center;gap:36px;padding:32px;display:grid}.projectText h2{font-size:27px}.tag{background:var(--accent);color:#061d45;margin:0 6px 18px 0;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.projectActions{flex-wrap:wrap;gap:13px 16px;margin-top:31px;display:flex}.ghost{color:var(--accent);background:0 0}.projectImg{height:225px}.bioPage{padding-top:0}.story{background:var(--bg);grid-template-columns:minmax(420px,.95fr) minmax(420px,1fr);align-items:center;gap:63px;min-height:738px;padding-top:131px;display:grid}.story h1{margin-bottom:25px;font-size:clamp(40px,4.3vw,63px)}.story p{max-width:648px;font-size:18px}.storyPhoto{border-radius:45px;justify-self:end;width:min(540px,38vw);height:576px}.orangeBand{min-height:243px;padding:74px var(--content-gutter);color:#061d45;text-align:center;opacity:1;filter:none;background:0 0;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:63px;display:grid;position:relative;overflow:hidden;transform:none}.orangeBand:before{content:"";z-index:0;background:var(--accent);transform-origin:0;transition:transform .46s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.orangeBand.bandInView:before{transform:scaleX(1)}:root[data-theme=light] .orangeBand:before{background:#061d45}:root[data-theme=light] .orangeBand{color:#fff;background:0 0}.orangeBand>div{z-index:1;opacity:0;transition:opacity .46s cubic-bezier(.22,1,.36,1) .26s,transform .46s cubic-bezier(.22,1,.36,1) .26s;position:relative;transform:translateY(18px)}.orangeBand>div:nth-child(2){justify-self:end;width:min(540px,38vw)}.orangeBand.bandInView>div{opacity:1;transform:translateY(0)}.orangeBand b{margin-bottom:16px;font-size:29px;display:block}.orangeBand span{max-width:297px;margin:0 auto;line-height:1.35;display:block}.orangeBand button{color:inherit;background:0 0;margin-top:22px;font-weight:900}.contact{text-align:center;background:var(--bg);padding-top:83px;padding-bottom:86px}.contact h2{font-size:40px}.contact form{text-align:left;gap:16px;max-width:585px;margin:41px auto 0;display:grid}.contact input,.contact textarea{border:1px solid var(--line);width:100%;color:var(--text);background:0 0;border-radius:8px;margin-top:8px;padding:12px}.contact textarea{min-height:117px}.popup{z-index:120;background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.popup>div{border:1px solid var(--line);background:var(--bg);max-width:420px;padding:32px}.hobbiesPage{text-align:center}.hobbiesPage h1{max-width:945px;margin-left:auto;margin-right:auto;font-size:clamp(40px,4.3vw,65px);line-height:1.05}.hobbiesPage>p{margin-bottom:63px}.hobbyAccordion{border:1px solid var(--line);background:0 0;width:min(100%,1062px);min-height:504px;margin:0 auto clamp(72px,9vw,135px);display:flex;position:relative;overflow:hidden}.hobbyAccordion:before{content:"";z-index:4;pointer-events:none;border:1px solid var(--line);clip-path:inset(0 100% 100% 0);position:absolute;inset:0}.hobbyAccordion.textInView:before{animation:1.05s cubic-bezier(.22,1,.36,1) .18s forwards outlineDraw}.hobbyAccordion article{border-right:1px solid var(--line);grid-template-columns:106px minmax(0,1fr);min-width:0;transition:width .25s;display:grid}.hobbyAccordion article.active{flex:0 0 calc(100% - 318px);width:calc(100% - 318px)}.hobbyAccordion article.collapsed{flex:0 0 106px;width:106px}.hobbyAccordion article>button{color:var(--text);background:0 0;grid-template-rows:auto 1fr;align-items:start;padding:31px 20px;display:grid}.hobbyAccordion article>button b{color:var(--text);font-size:20px;transition:color .25s}.hobbyAccordion article.active>button b,.hobbyAccordion article.active>button span{color:var(--accent)}.hobbyAccordion article>button span{text-align:center;writing-mode:vertical-rl;place-self:end center;font-size:23px;font-weight:900;line-height:1.05;transition:color .25s;transform:rotate(180deg)}.hobbyAccordion article.active>button span{color:var(--accent)}.hobbyContent{text-align:center;padding:58px 58px 49px;display:none}.hobbyAccordion article.active .hobbyContent{display:block}.hobbyContent h2{font-size:31px}.hobbyContent .photoBox{width:min(504px,100%);height:279px;margin:36px auto 0}@keyframes outlineDraw{to{clip-path:inset(0)}}@keyframes outlineDrawX{to{clip-path:inset(0)}}@keyframes contactGlow{0%,to{box-shadow:0 0 #df714a00,0 0 #df714a47}50%{box-shadow:0 0 24px #df714a8f,0 0 0 8px #df714a24}}@keyframes orangeWipe{to{clip-path:inset(0)}}.introGrid h1 em{font-size:50px}@media (width<=1100px) and (width>=721px){.introGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(36px,5vw,56px)}.toolsSection{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,5vw,56px)}.skillBox{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}.story{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(36px,5vw,56px)}}@media (width<=720px){:root{--page-pad:22px}.page{padding-top:110px}.navWrap{transform-origin:28px 28px;border-radius:24px;grid-template-columns:56px 1fr;align-items:start;width:calc(100vw - 112px);min-width:0;height:auto;min-height:58px;max-height:212px;padding:8px 12px;transition:width .38s cubic-bezier(.16,1,.3,1),min-width .38s cubic-bezier(.16,1,.3,1),max-width .38s cubic-bezier(.16,1,.3,1),max-height .38s cubic-bezier(.16,1,.3,1),border-radius .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1);display:grid;top:16px;left:16px;right:auto;transform:none}.navWrap.navSmall{grid-template-columns:56px 1fr;gap:12px;width:82px;min-width:82px;max-width:82px;max-height:60px;transform:scale(.92)}.logoBtn{width:56px;height:42px}.logoImg{width:44px;height:44px}.navWrap nav{flex-direction:column;align-items:flex-start;gap:6px;width:calc(100vw - 206px);min-width:calc(100vw - 206px);max-width:calc(100vw - 206px);max-height:186px;display:flex}.navWrap.navSmall nav{opacity:1;visibility:visible;max-width:calc(100vw - 206px);max-height:186px;transform:none}.navWrap nav button{text-align:center;width:100%;min-width:calc(100vw - 206px);min-height:42px;padding:10px 12px;transition-delay:0s}.navWrap.navSmall nav button{opacity:1;transform:none}.navIndicator{transition:transform .38s cubic-bezier(.16,1,.3,1),width .38s cubic-bezier(.16,1,.3,1),height .38s cubic-bezier(.16,1,.3,1),opacity .38s cubic-bezier(.16,1,.3,1)}.navWrap.navSmall .navIndicator{transition-delay:0s}.hamb{display:none}.floatControls{flex-direction:column;gap:8px;top:16px;right:14px}.floatControls button{border:1px solid var(--line);width:58px;min-width:58px;height:58px;min-height:58px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061d45d1;border-radius:999px;place-items:center;padding:0;font-weight:900;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,background .28s;display:grid;box-shadow:0 15px 35px #0000002e}:root[data-theme=light] .floatControls button{background:#ffffffe0}.floatControls button:hover{transform:translateY(-4px)scale(1.08);box-shadow:0 22px 45px #00000047}.floatControls button:active{transform:translateY(0)scale(.94)}.heroSticky{height:355px;min-height:355px;max-height:none;position:relative}.heroVideo video{transform:none}.introCover{padding-top:0;padding-bottom:68px}.introGrid{flex-direction:column;gap:20px;display:flex}.photoBox.profileFloat{border-radius:32px;order:-1;align-self:center;width:min(244px,68vw);height:min(244px,68vw);margin:-110px auto 15px;position:relative;top:auto;right:auto}.introGrid h1{font-size:clamp(30px,10.3vw,45px)}.introGrid h1 em{font-size:clamp(24px,7.7vw,34px)}.introGrid p{max-width:100%;font-size:15px}.workPreview{padding-top:68px;padding-bottom:26px}.workPreview h2,.skills h2,.portfolioPage h1,.hobbiesPage h1,.contact h2,.cta h2{font-size:clamp(32px,9.4vw,45px);line-height:1.05}.autoSlider{touch-action:pan-y;cursor:grab;min-height:282px;overflow:visible}.autoSlider.isDragging{cursor:grabbing}.sliderArrow{display:none}.workCarouselStage{height:274px;overflow:visible}.largeWork{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:18px;width:min(78vw,330px);height:auto;top:18px;left:50%}.autoSlider.isDragging .largeWork{transition:none}.carouselItem.current{transform:translateX(calc(-50% + var(--drag-x,0px))) scale(1)}.carouselItem.prev{opacity:.7;transform:translateX(calc(-112% + var(--drag-x,0px))) scale(.78)}.carouselItem.next{opacity:.7;transform:translateX(calc(12% + var(--drag-x,0px))) scale(.78)}.carouselItem.far{pointer-events:auto}.hideMobileGlass,.carouselItem.prev .workGlass,.carouselItem.next .workGlass,.carouselItem.far .workGlass{display:none}.workGlass{max-width:calc(100% - 20px);padding:10px 12px;bottom:10px;left:10px}.workGlass h3{margin-bottom:4px;font-size:18px}.workGlass p{margin-bottom:0;font-size:13px;line-height:1.25}.workGlass button{display:none}.toolsSection{grid-template-columns:1fr;gap:26px;padding-top:68px;padding-bottom:77px}.toolsText h2{font-size:clamp(32px,8.5vw,41px)}.toolName{font-size:clamp(21px,6.6vw,28px)}.toolImage{justify-self:stretch}.toolCaption{font-size:22px;bottom:16px;left:16px}.skills{padding-top:68px;padding-bottom:68px}.skills>p{max-width:310px}.skillBox{border:0;grid-template-columns:1fr;width:100%;max-width:100%;overflow:hidden}.skillBox:after{display:none}.skillTabs{display:contents}.skillBox button{border-right:0;border-bottom:1px solid var(--line);align-items:center;min-height:72px;padding:0 21px;font-size:16px;display:flex}.skillBox button.active{border-bottom-color:var(--line)}.desktopSkillPanel{display:none}.skillPanel{border-bottom:1px solid var(--line);width:100%;min-width:0;padding:36px 21px 39px}.mobileSkillPanel{display:none}.mobileSkillPanel.active{display:block}.skillPanel h3{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:23px}.skillPanel p{overflow-wrap:anywhere;word-break:break-word}.wideGameplay{aspect-ratio:16/9;height:auto}.footer{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:36px}.footerBottom{flex-direction:column;gap:21px}.projectCard{grid-template-columns:1fr;gap:24px;padding:22px}.projectActions .projectAction{width:fit-content!important;min-height:44px!important;padding-left:14px!important;padding-right:14px!important}.projectActions .projectAction.ghost{margin-left:0!important}.projectImg{height:216px}.story{text-align:center;grid-template-columns:1fr;gap:32px;min-height:0;padding-top:12px;padding-bottom:54px}.story small{color:var(--accent);margin-bottom:10px;display:block}.story h1{font-size:clamp(38px,10.3vw,49px)}.storyPhoto{aspect-ratio:1/1.08;justify-self:stretch;width:100%;height:auto;margin-bottom:26px}.orangeBand{grid-template-columns:1fr;gap:41px;min-height:253px;padding:60px 24px}.orangeBand>div:nth-child(2){justify-self:stretch;width:auto}.contact form{max-width:100%}.hobbyAccordion{min-height:0;display:grid}.hobbyAccordion:after{display:none}.hobbyAccordion article,.hobbyAccordion article.active,.hobbyAccordion article.collapsed{order:initial;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr;width:100%;min-height:0;display:grid}.hobbyAccordion article>button{grid-template-rows:1fr;grid-template-columns:auto 1fr;align-items:center;gap:17px;min-height:68px;padding:0 21px}.hobbyAccordion article>button span{writing-mode:horizontal-tb;text-align:right;place-self:center end;max-width:none;min-height:0;font-size:18px;line-height:1.05;transform:none}.hobbyContent{padding:30px 21px 28px}.hobbyContent .photoBox{height:207px}}@media (prefers-reduced-motion:reduce){.routePage,.navIndicator{opacity:1;transition:none;animation:none;transform:none}.navIndicator,.navLabel,.langLabel,.routeView.langExit,.routeView.langEnterStart,.routeView.langEnter{opacity:1;transition:none}.navIndicator{transform:translate3d(var(--indicator-x,0px),var(--indicator-y,0px),0)}.navLabel,.langLabel{transform:none}}