.section-container{width:1300px}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width: 1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width: 1400px){.section-container{width:900px}}@media only screen and (max-width: 900px){.section-container{width:500px;max-width:var(--cWidth)}}.lang-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:30px;background-color:var(--color-surface);font-family:var(--font-mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lang-switch-btn{border:none;background:none;color:var(--color-text-muted);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.08em;line-height:1;padding:5px 9px;border-radius:30px;cursor:pointer;transition:color .25s,background-color .25s}.lang-switch-btn:hover{color:var(--color-text)}.lang-switch-btn[aria-pressed=true]{color:var(--color-bg);background-color:var(--color-text)}.lang-switch-btn:disabled{cursor:default}@media only screen and (min-width: 1200px){.lang-switch-btn{font-size:12px;padding:6px 11px}}.lang-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;display:flex;align-items:center;justify-content:center;background-color:var(--color-text);border-right:2px solid var(--color-highlight);pointer-events:none;transform:scaleX(0);transform-origin:left center}.lang-wipe-idle{visibility:hidden}.lang-wipe-cover{transform:scaleX(1);transition:transform .38s cubic-bezier(.76,0,.24,1)}.lang-wipe-reveal{transform:scaleX(0);transform-origin:right center;border-right:none;border-left:2px solid var(--color-highlight);transition:transform .42s cubic-bezier(.76,0,.24,1)}.lang-wipe-code{font-family:var(--font-display);font-size:clamp(60px,14vw,180px);font-weight:700;letter-spacing:-.02em;color:var(--color-bg);opacity:0;transform:scaleX(1)}.lang-wipe-cover .lang-wipe-code{opacity:1;transition:opacity .2s .15s}.lang-wipe-reveal .lang-wipe-code{opacity:0;transition:opacity .15s}.about-section{display:flex;align-items:center;justify-content:left;place-items:center;position:relative;opacity:1;height:auto;width:var(--cWidth);margin:auto}.about-me{padding:50px 0 0;width:500px;max-width:calc(100% - 15px)}.about-me h3{font-family:var(--font-hand);font-size:34px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--color-accent);margin-bottom:14px}.about-me p{font-family:var(--font-display);font-size:30px;font-weight:500;line-height:1.18;letter-spacing:-.02em;color:var(--color-text)}@media only screen and (min-width: 600px){.about-section{justify-content:center}}@media only screen and (min-width: 768px){.about-me{width:500px;max-width:calc(100% - 70px);transform:translateY(0)}.about-section{opacity:1}}@media only screen and (min-width: 1025px){.about-section{width:var(--cWidth);justify-content:right;max-width:1920px;height:var(--vh);padding:0;opacity:1}.about-me{padding:0;width:50%}.about-me p{font-size:1.75vw;line-height:1.2}}@media only screen and (min-width: 1950px){.about-me p{font-size:2.3rem;line-height:1.2}}.career-section{display:flex;flex-direction:column;align-items:center;place-items:center;justify-content:center;position:relative;opacity:1;height:auto;margin:auto auto 250px;padding:120px 0}.career-section h2{font-family:var(--font-display);font-size:68px;line-height:1.02;font-weight:700;letter-spacing:-.035em;text-align:center;color:var(--color-text);margin-top:50px;margin-bottom:90px}.career-section h2>span{font-family:var(--font-hand);font-weight:600;letter-spacing:0;color:var(--color-accent)}.career-info{position:relative;display:flex;flex-direction:column;margin:0 auto}.career-info-box{display:flex;justify-content:space-between;margin-bottom:50px;will-change:transform,opacity}.career-info-box>p{width:40%;font-size:17px;font-weight:400;line-height:1.55;color:var(--color-text-muted);margin:0}.career-info-in{display:flex;width:40%;justify-content:space-between;gap:50px}.career-info .career-period{font-family:var(--font-mono);font-size:48px;margin:0;font-weight:500;line-height:45px}.career-info .career-role-title{font-family:var(--font-display);font-size:30px;line-height:1.05;letter-spacing:-.02em;font-weight:700;margin:0}.career-info .career-company{font-family:var(--font-hand);font-weight:600;letter-spacing:0;font-size:25px;text-transform:capitalize;margin:8px 0;color:var(--color-accent)}.career-timeline{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:2px;height:100%;background-image:linear-gradient(to top,var(--color-accent) 20%,var(--color-border-accent) 50%,transparent 95%);max-height:0%}.career-dot{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background-color:var(--color-accent);width:9px;height:9px;border-radius:50px;box-shadow:0 0 0 4px var(--color-glow-soft),0 0 0 10px var(--color-glow-soft);animation:timeline .8s linear infinite forwards}@keyframes timeline{0%,to{box-shadow:0 0 0 4px var(--color-glow-soft),0 0 0 10px var(--color-glow-soft)}50%{box-shadow:0 0 0 3px var(--color-glow-mid),0 0 0 6px transparent}}@media only screen and (max-width: 1400px){.career-section h2{font-size:50px;line-height:50px}.career-info .career-role-title{font-size:22px;line-height:24px;width:180px}.career-info .career-company{font-size:17px}.career-info .career-period{font-size:40px}.career-info-box>p{font-size:14px}.career-info-in{width:45%;gap:20px}.career-info-box>p{width:45%}}@media only screen and (max-width: 1025px){.career-section{padding:220px 0 70px;margin-top:-200px;margin-bottom:0}}@media only screen and (max-width: 900px){.career-info-box{flex-direction:column;gap:10px;margin-bottom:70px}.career-info-in,.career-info-box>p{width:100%;padding-left:10%;box-sizing:border-box}.career-timeline{left:0%}.career-container{width:calc(100% - 25px)}}@media only screen and (max-width: 600px){.career-info{margin:0}.career-section h2{width:100%;font-size:45px;line-height:45px;margin-top:0}.career-info-in{gap:0px}.career-info .career-period{font-size:33px}.career-info-in,.career-info-box>p{padding-left:5%}.career-section{padding-top:90px;margin-top:-70px;align-items:start;place-items:inherit;justify-content:left}}.contact-section{margin:100px auto auto;padding-bottom:100px}.contact-section h3{font-family:var(--font-display);font-size:60px;font-weight:700;letter-spacing:-.035em;text-transform:uppercase;margin:0}.contact-flex{display:flex;justify-content:space-between}.contact-flex h4{font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.contact-box{display:flex;flex-direction:column}.contact-flex p{margin-top:10px;margin-bottom:20px}a.contact-social{font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:-.02em;width:fit-content;border-bottom:1px solid var(--color-border);transition:border-color .25s,color .25s}a.contact-social:hover{border-bottom-color:var(--color-accent)}.contact-credit{font-family:var(--font-hand);font-weight:600;letter-spacing:0;font-size:30px;line-height:1.1;margin:0;color:var(--color-text-muted)}.contact-credit>span{color:var(--color-accent)}.contact-year{font-family:var(--font-mono);font-size:16px;font-weight:400;line-height:20px;margin-top:14px;display:flex;align-items:center;gap:8px;color:var(--color-text-muted)}@media only screen and (max-width: 1600px){.contact-section h3{font-size:50px}.contact-credit{font-size:20px}a.contact-social{font-size:22px}}@media only screen and (max-width: 1300px){.contact-section h3{font-size:40px}.contact-credit{font-size:18px}a.contact-social{font-size:20px}.contact-flex p{margin-top:0}}@media only screen and (max-width: 900px){.contact-flex{flex-direction:column;gap:40px}.contact-flex p{margin-bottom:0}.contact-flex h4{margin-top:20px}.contact-section{margin-top:50px;padding-bottom:50px}.contact-container{width:calc(100% - 25px)}}.landing-section{width:100%;max-width:var(--cMaxWidth);margin:auto;position:relative;height:var(--vh)}.landing-container{width:var(--cWidth);margin:auto;height:100%;position:relative;z-index:1;max-width:var(--cMaxWidth)}.nav-fade{position:fixed;top:0;width:100%;height:130px;background-image:linear-gradient(0deg,transparent,var(--color-bg) 70%);pointer-events:none;z-index:12;opacity:0;left:0}.landing-video,.landing-image{position:absolute;bottom:0;height:95%;left:50%;transform:translate(-50%)}.landing-image img{height:100%;z-index:2;position:relative}.character-rim{position:absolute;width:460px;height:460px;z-index:1;background-color:var(--color-bg-deep);box-shadow:inset 40px 30px 90px 0 var(--color-glow-mid);filter:blur(60px);border-radius:50%;top:50%;left:50%;transform:translate(-50%,100%) scale(1.4);opacity:0}.character-model{height:80%;height:80vh;position:absolute;max-width:1920px;max-height:1080px;transform:translate(-50%);width:100%;left:50%;z-index:0;bottom:50px;pointer-events:inherit}.character-poster{position:absolute;z-index:0;bottom:50px;left:50%;width:100%;max-width:1920px;height:80vh;max-height:1080px;overflow:hidden;pointer-events:none;transform:translate(-50%);transition:opacity .25s ease,visibility .25s ease}.character-poster-theme,.character-poster-theme img{display:block;width:100%;height:100%}.character-poster-theme{position:absolute;top:0;right:0;bottom:0;left:0}.character-poster-theme img{object-fit:cover}.character-poster-dark{display:none}:root[data-theme=dark] .character-poster-light{display:none}:root[data-theme=dark] .character-poster-dark{display:block}.character-loaded .character-poster{visibility:hidden;opacity:0}.character-model:after{content:"";width:100vw;height:420px;background-image:linear-gradient(to bottom,transparent,var(--color-bg) 48%);bottom:-50px;left:50%;transform:translate(-50%);z-index:9;position:absolute}.character-model:before{content:"";width:100vw;height:700px;background-color:var(--color-bg);top:100%;left:50%;transform:translate(-50%);z-index:9;position:absolute}.character-loaded .character-rim{animation:backlight 3s forwards;animation-delay:.3s;opacity:0}.character-model canvas{position:relative;pointer-events:none;z-index:2;opacity:0;transition:opacity .25s ease}.character-loaded .character-model canvas{opacity:1}@media screen and (max-width: 767px){.character-model:after{height:280px;background-image:linear-gradient(to bottom,transparent,var(--color-bg) 58%)}}.character-hover{position:absolute;width:280px;height:280px;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);border-radius:50%}.landing-intro{position:absolute;z-index:9;top:12%;left:0}.landing-eyebrow{margin:0;color:var(--color-accent);font-family:"Caveat Hero",var(--font-hand);font-size:30px;font-weight:600;letter-spacing:0}.landing-intro h1{margin:0;letter-spacing:-.03em;font-size:30px;line-height:1.05;font-weight:700;font-family:"Bricolage Hero",var(--font-display);text-transform:uppercase}.landing-intro h1 span{font-weight:300}.landing-info{position:absolute;right:50%;transform:translate(50%);bottom:40px;top:inherit;z-index:9}.landing-lead{font-family:"Caveat Hero",var(--font-hand);font-size:30px;letter-spacing:0;font-weight:600;color:var(--color-accent);margin:0;width:max-content}.landing-info h2{margin:-6px 0 0;font-family:"Bricolage Hero",var(--font-display);font-weight:700;font-size:32px;line-height:1.16;position:relative;display:flex;flex-wrap:nowrap;text-transform:uppercase;letter-spacing:-.02em}.landing-h2-info-1{position:absolute;top:0}h2.landing-info-h2{color:var(--color-text);font-size:42px;line-height:1.12;width:max-content;margin:0;font-family:"Bricolage Hero",var(--font-display);font-weight:700;position:relative}.landing-h2-2{position:absolute;top:0}@media screen and (min-width: 500px){.character-model{z-index:0}.landing-lead,.landing-eyebrow{font-size:26px}.landing-intro h1{font-size:32px}.landing-info h2{font-size:35px}h2.landing-info-h2{font-size:38px}}@media screen and (min-width: 768px){.character-model{height:80vh}.landing-eyebrow{font-size:34px}.landing-intro h1{font-size:42px}.landing-lead{font-size:34px}.landing-info h2{font-size:45px}h2.landing-info-h2{font-size:55px}}@media screen and (min-width: 1025px){.character-poster{position:fixed;z-index:10;bottom:0;height:100vh}.character-model{height:100vh;bottom:0;z-index:11;position:fixed}.character-model:after,.character-model:before{display:none}.landing-intro{top:50%;left:auto;right:66%;transform:translateY(-50%)}.landing-info{bottom:auto;top:51%;z-index:inherit;text-align:left;transform:translateY(-50%);right:auto;left:66%}}@media screen and (min-width: 1200px){.landing-intro{top:50%;left:auto;right:70%;transform:translateY(-50%)}.landing-info{bottom:auto;top:51%;z-index:inherit;text-align:left;transform:translateY(-50%);right:auto;left:70%}}@media screen and (min-width: 1600px){.landing-eyebrow{font-size:46px}.landing-intro h1{font-size:62px}.landing-lead{font-size:46px}.landing-info h2{font-size:65px}h2.landing-info-h2{font-size:75px}}.hover-link{position:relative;display:flex;text-wrap:nowrap;overflow:hidden}.hover-in{position:relative;transition:.3s}.hover-in div{display:flex;position:absolute;top:100%;left:0}.hover-link:hover .hover-in{transform:translateY(-100%);color:var(--color-accent)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;overflow:hidden;transition:color .25s,border-color .25s,background-color .25s}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-border-accent)}.theme-toggle-icons{position:relative;display:block;width:15px;height:15px;font-size:15px;line-height:0}.theme-toggle-icons>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity .3s ease,transform .4s cubic-bezier(.65,0,.35,1)}.theme-toggle-icons>*:first-child{opacity:1;transform:none}.theme-toggle-icons>*:last-child{opacity:0;transform:rotate(80deg) scale(.4)}.theme-toggle-icons[data-theme-state=dark]>*:first-child{opacity:0;transform:rotate(-80deg) scale(.4)}.theme-toggle-icons[data-theme-state=dark]>*:last-child{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.theme-toggle-icons>*{transition:opacity .01s;transform:none!important}}@media only screen and (min-width: 1200px){.theme-toggle{width:34px;height:34px}.theme-toggle-icons{width:17px;height:17px;font-size:17px}}.header{display:flex;max-width:var(--cMaxWidth);width:var(--cWidth);justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:-100px;box-sizing:border-box;position:fixed;left:50%;transform:translate(-50%);top:0;z-index:9999}.header-right{display:flex;align-items:center;gap:14px;position:relative}.header-menu{display:flex;align-items:center;gap:14px}.nav-burger{display:none}.header ul{font-size:11px;display:flex;flex-direction:row;align-items:center;margin:0;padding:0;list-style:none;column-gap:18px;row-gap:8px}.header ul li{margin-left:0;letter-spacing:.08em;color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500;cursor:pointer}.navbar-connect{position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;font-weight:400;color:var(--color-text-muted)}.navbar-connect:hover{color:var(--color-accent)}.navbar-title{font-family:"Bricolage Hero",var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em}@media only screen and (min-width: 500px){.header{padding:20px 0}.header ul{column-gap:28px;font-size:12px}.header ul li{color:var(--color-text)}.navbar-title{font-size:18px}}@media only screen and (min-width: 1650px){.navbar-connect{display:block}}@media only screen and (min-width: 1200px){.header{padding:32px 0}.header-right{gap:36px}.header ul{column-gap:44px;font-size:13px}.navbar-connect{font-size:14px}.navbar-title{font-size:20px}}@media only screen and (max-width: 760px){.nav-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:30px;height:30px;padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-surface);cursor:pointer}.nav-burger span{display:block;width:13px;height:1.5px;border-radius:2px;background-color:var(--color-text);transition:transform .3s ease}.nav-burger-open span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav-burger-open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.header-menu{position:absolute;top:calc(100% + 10px);right:0;flex-direction:column;align-items:flex-end;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-surface);box-shadow:0 14px 30px -16px #10130f52;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility .25s}.header-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.header ul{flex-direction:column;align-items:flex-end;row-gap:10px;font-size:11px}.header-menu .lang-switch{align-self:stretch;justify-content:center}}.icons-section{position:fixed;max-width:var(--cMaxWidth);width:var(--cWidth);bottom:0;z-index:99;left:50%;transform:translate(-50%);pointer-events:none}.social-icons{position:absolute;left:-20px;bottom:20px;display:none;flex-direction:column;gap:8px;z-index:999;padding:10px;pointer-events:auto;opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}.icons-section--concealed .social-icons{opacity:0;visibility:hidden;transform:translate(-14px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.social-icons a{--siX: 0px;--siY: 0px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--siX),var(--siY));display:flex;font-size:23px;color:var(--color-text);will-change:left,top;transition:transform .3s ease-out,color .3s ease-out}.social-icons a:hover{color:var(--color-accent);transform:translate(-50%,-50%) translate(var(--siX),var(--siY)) scale(1.12)}.social-icons span{width:50px;height:50px;position:relative;display:flex}@media only screen and (min-width: 900px){.social-icons{display:flex;gap:20px}.social-icons a{font-size:26px}}@media (prefers-reduced-motion: reduce){.social-icons,.icons-section--concealed .social-icons{transition:none}}.whatIDO{display:flex;align-items:center;justify-content:center;place-items:center;position:relative;opacity:1;height:100vh;width:var(--cWidth);max-width:1920px;margin:auto;z-index:9}.what-box{width:50%;display:flex;justify-content:center;position:relative;z-index:9}.what-box:first-child{justify-content:flex-start}.what-box h2{font-family:var(--font-display);font-size:calc(4vw + 25px);line-height:calc(4vw + 24px);letter-spacing:-.03em;font-weight:700;margin-right:0;margin-bottom:100px;width:max-content;max-width:100%}.what-box h2 .split-line{padding-right:.12em;margin-right:-.12em}.hat-h2{font-family:var(--font-hand);font-weight:600;letter-spacing:0}.do-h2{color:var(--color-accent)}.what-box-in{flex-direction:column;height:clamp(540px,62vh,610px);margin-left:200px;position:relative;display:none}.what-content{width:450px;height:33%;min-height:50%;transition:.5s;position:relative;padding:50px;box-sizing:border-box}.what-content:focus-visible{z-index:1;outline:2px solid var(--color-accent);outline-offset:5px}.what-noTouch:hover,.what-content-active{min-height:70%;padding:30px 50px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{min-height:30%;padding:10px 50px}.what-content h3{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.02em;margin:0}.what-content p{font-size:14px;line-height:19px;font-weight:400;color:var(--color-text-muted);letter-spacing:0;margin:12px 0}.what-content h4{font-family:var(--font-mono);font-weight:400;letter-spacing:.06em;margin:0;font-size:13px;color:var(--color-text-muted);opacity:.75}.what-content-in{opacity:0;animation:whatFlicker .5s 1 forwards;animation-delay:1s}@keyframes whatFlicker{0%,25%,35%,60%{opacity:0}30%,50%,40%,to{opacity:1}}.what-content:before,.what-corner:before,.what-content:after,.what-corner:after{content:"";width:12px;height:12px;position:absolute;border:2px solid var(--color-accent);opacity:0;animation:whatCorners .2s 1 forwards;animation-delay:.5s}@keyframes whatCorners{to{opacity:1}}.what-content:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.what-corner:before{top:-2px;right:-2px;border-left:none;border-bottom:none}.what-content:after{bottom:-2px;left:-2px;border-top:none;border-right:none}.what-corner:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.what-arrow{position:absolute;bottom:20px;right:20px;width:25px;height:25px;border:1px solid var(--color-text)}.what-arrow:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);border-left:1px solid var(--color-text);border-bottom:1px solid var(--color-text);transition:.5s;width:10px;height:10px}.what-noTouch:hover .what-arrow:before,.what-content-active .what-arrow:before{transform:translate(-50%,-20%) rotate(-225deg)}.what-border1{position:absolute;top:0;width:100%;left:50%;transform:translate(-50%);height:100%;transition:.5s;max-width:0%;overflow:hidden;opacity:.8;animation:whatBorders 1.2s 1 forwards}.what-border1 svg,.what-border2 svg{color:var(--color-text)}.what-border1 svg{position:absolute;left:50%;transform:translate(-50%);width:450px}.what-border2{position:absolute;top:50%;width:100%;left:0;transform:translateY(-50%);height:100%;max-height:0%;overflow:hidden;transition:.5s;opacity:.8;animation:whatBorders 1.2s 1 forwards}.what-border2 svg{height:500px;top:50%;transform:translateY(-50%);position:absolute}.what-content-in{height:100%;overflow:hidden;padding-bottom:42px;box-sizing:border-box}.what-content-in h5{font-weight:400;color:var(--color-text-muted);font-size:12px;letter-spacing:.06em;font-family:var(--font-mono);margin-bottom:5px}@keyframes whatBorders{80%{opacity:.8}to{max-height:100%;max-width:100%;opacity:.2}}.what-content-flex{display:flex;gap:5px;flex-wrap:wrap}.what-tags{font-family:var(--font-mono);font-size:12px;font-weight:400;padding:3px 9px;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:30px}@media only screen and (max-width: 1400px){.what-box-in{height:clamp(530px,64vh,570px)}.what-content h3{font-size:27px;line-height:1.02}.what-content{padding:30px;width:400px}.what-content p{font-size:13px}.what-noTouch:hover,.what-content-active{padding:20px 30px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{padding:10px 30px}.what-tags{font-size:12px}}@media only screen and (max-width: 1400px){.what-box-in{margin-left:50px}.what-content{width:380px}}@media only screen and (max-width: 1024px){.whatIDO{height:auto;padding:50px 0}.what-box-in{height:540px;margin-left:-50px}.what-content{padding:50px;width:500px}.what-content p{font-size:14px}.what-noTouch:hover,.what-content-active{min-height:70%;padding:30px 50px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{min-height:30%;padding:10px 50px}}@media only screen and (max-width: 900px){.whatIDO{flex-direction:column}.what-box h2{margin:50px 0;font-size:55px;line-height:53px}.what-box:first-child{justify-content:left}.what-box:last-child{height:540px}.what-box{width:500px;max-width:calc(100% - 50px);margin:auto}.what-content{width:100%}.what-box-in{margin-left:0;height:520px}.what-content h5,.what-content-flex{opacity:0;transition:.3s}.what-noTouch:hover h5,.what-content-active h5,.what-noTouch:hover .what-content-flex,.what-content-active .what-content-flex{opacity:1}.what-content{padding:30px}.what-content p{font-size:11px}.what-noTouch:hover,.what-content-active{padding:10px 30px}.what-tags{font-size:11px}.what-noTouch:hover~.what-content,.what-box-in:hover .what-noTouch:not(:hover),.what-content.what-sibling{padding:5px 30px}.what-content h3{font-size:25px}}@media only screen and (max-width: 550px){.whatIDO{place-items:inherit;align-items:start;justify-content:left}.what-box{max-width:calc(100% - 25px);margin:0}}@media only screen and (min-width: 1950px){.what-box h2{font-size:7rem;line-height:6.8rem}}.work-section{box-sizing:border-box;height:100vh;height:100svh;transition:0s;will-change:transform}.work-container{box-sizing:border-box;position:relative;display:flex;flex-direction:column;height:100%;margin:auto;padding-bottom:clamp(24px,4vh,48px)}.work-progress{position:absolute;top:clamp(76px,10vh,112px);right:0;display:flex;align-items:center;gap:14px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em}.work-progress-count{min-width:54px;color:var(--color-text);font-variant-numeric:tabular-nums}.work-progress-track{width:clamp(96px,10vw,150px);height:2px;overflow:hidden;border-radius:999px;background:var(--color-border-strong)}.work-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;will-change:transform}.work-heading{align-items:baseline;align-self:flex-start;display:inline-flex;flex:0 0 auto;gap:.18em;margin:clamp(56px,9vh,100px) 0 clamp(18px,2.8vh,30px);width:max-content;color:var(--color-text);font-family:var(--font-display);font-size:clamp(46px,3.65vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1;white-space:nowrap}.work-heading-accent{position:relative;z-index:0;padding:0 .03em .08em;color:var(--color-highlight-ink);font-family:var(--font-hand);font-size:1.13em;font-weight:600;letter-spacing:0;line-height:.86}.work-heading-accent:after{position:absolute;z-index:-1;right:0;bottom:0;left:0;height:.09em;border-radius:999px;background:var(--color-highlight);content:"";transform:rotate(-1deg) scaleX(.97);transform-origin:left center}.work-flex{position:relative;display:flex;flex:1 1 auto;align-items:stretch;width:100%;min-height:0;column-gap:24px;margin-left:-80px;padding-right:120px}.work-box{box-sizing:border-box;display:grid;flex:0 0 auto;grid-template-rows:clamp(145px,22svh,220px) minmax(0,1fr);gap:clamp(18px,2.5vh,26px);width:clamp(440px,34vw,560px);height:100%;padding:clamp(20px,1.7vw,28px);overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);transition:border-color .25s ease,box-shadow .25s ease}.work-box:hover,.work-box:focus-within{border-color:var(--color-border-accent);box-shadow:0 20px 50px -38px #10130f80}.work-info{display:flex;flex-direction:column;min-width:0;min-height:0}.work-title{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:78px;margin:0 0 10px}.work-title>div{min-width:0;text-align:left}.work-title h3{margin:0 0 8px;color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.14em;line-height:1}.work-title h4{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:clamp(24px,1.7vw,29px);font-weight:700;letter-spacing:-.025em;line-height:1.08}.work-title p{margin:3px 0 0;color:var(--color-accent);font-family:var(--font-hand);font-size:20px;line-height:1.05}.work-metrics-slot{display:flex;flex:0 0 54px;align-items:flex-start;min-height:54px;margin-bottom:12px}.work-metrics-slot--empty{pointer-events:none}.work-metrics{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0;padding:0}.work-metrics>div{min-width:0;padding-left:12px;border-left:2px solid var(--color-accent)}.work-metrics dt{color:var(--color-text);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.05}.work-metrics dd{max-width:16ch;margin:3px 0 0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.work-info .work-desc{flex:0 0 auto;min-height:76px;margin:0;padding:0 0 16px;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:14px;font-weight:400;line-height:1.48}.work-stack{flex:0 0 147px;margin-top:auto;padding-top:16px}.work-stack>h4{margin:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.work-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;min-height:88px;gap:10px 8px;margin:10px 0 0;padding:0;list-style:none}.work-tool{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}.work-tool-icon{--work-tech-color: var(--color-text);display:grid;place-items:center;width:38px;height:34px;color:var(--work-tech-color);font-size:27px}.work-tool>span:last-child{color:var(--color-text);font-family:var(--font-sans);font-size:10px;font-weight:500;line-height:1.15;overflow-wrap:anywhere}.work-tools-pending{min-height:88px;margin:10px 0 0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.work-image{display:flex;justify-content:center;width:100%;height:100%;min-height:0}.work-image-in{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-deep);box-shadow:0 16px 36px -28px #10130f80;transition:border-color .3s ease,box-shadow .3s ease}.work-image-in:hover,.work-image-in:focus-visible{border-color:var(--color-border-accent);outline:none;box-shadow:0 20px 40px -28px #10130f94}:root[data-theme=dark] .work-image-in{box-shadow:none}.work-link{position:absolute;z-index:2;right:10px;bottom:10px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text);font-size:18px;opacity:.92;transition:transform .25s ease,background-color .25s ease}.work-image-in:hover .work-link,.work-image-in:focus-visible .work-link{transform:rotate(6deg) scale(1.05)}.work-image img,.work-image video{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:top center}.work-image video{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-deep)}.work-dots{display:none}@media only screen and (max-width: 1400px) and (min-width: 1025px){.work-box{width:460px;padding:22px}.work-flex{margin-left:-50px;padding-right:75px}}@media only screen and (max-width: 1100px) and (min-width: 1025px){.work-box{width:430px;padding:20px}.work-flex{margin-left:-30px;padding-right:45px}}@media only screen and (max-height: 900px) and (min-width: 1025px){.work-heading{margin-top:48px;margin-bottom:18px;font-size:50px}.work-box{grid-template-rows:clamp(145px,22svh,195px) minmax(0,1fr);gap:18px;padding-top:20px;padding-bottom:20px}.work-title{min-height:72px;margin-bottom:6px}.work-metrics-slot{flex-basis:48px;min-height:48px;margin-bottom:8px}.work-info .work-desc{min-height:66px;padding-bottom:12px;font-size:13px;line-height:1.42}.work-stack{flex-basis:132px;padding-top:12px}.work-tools,.work-tools-pending{min-height:76px;margin-top:7px}.work-tool-icon{height:30px;font-size:24px}}@media only screen and (max-height: 820px) and (min-width: 1025px){.work-container{padding-bottom:14px}.work-heading{margin-top:clamp(76px,13svh,92px);margin-bottom:12px;font-size:38px}.work-progress{top:clamp(86px,14svh,102px)}.work-flex{flex:none;height:clamp(430px,calc(100svh - 190px),480px)}.work-box{width:500px;grid-template-rows:clamp(120px,19svh,145px) minmax(0,1fr);gap:14px;padding:14px 18px}.work-title{min-height:58px;margin-bottom:4px}.work-title h4{font-size:22px}.work-title p{font-size:17px}.work-metrics-slot{display:none}.work-info .work-desc{min-height:0;padding-bottom:10px;font-size:12px;line-height:1.34}.work-stack{flex-basis:auto;margin-top:10px;padding-top:8px}.work-tools,.work-tools-pending{min-height:58px;gap:4px 6px;margin-top:4px}.work-tool{gap:2px}.work-tool-icon{height:24px;font-size:20px}.work-tool>span:last-child{font-size:8px}}@media only screen and (max-width: 1024px){.work-section{height:auto;padding-bottom:90px}.work-container{height:auto;padding-bottom:0}.work-heading{margin-top:80px;margin-bottom:28px;font-size:42px}.work-progress{display:none}.work-flex{flex:none;align-items:stretch;height:auto;gap:16px;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding:4px calc(50vw - 50%) 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:calc(50vw - 50%);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.work-flex::-webkit-scrollbar{display:none}.work-box{width:min(84vw,430px);min-height:650px;height:auto;grid-template-rows:190px minmax(0,1fr);gap:22px;padding:24px;scroll-snap-align:center}.work-title h4{font-size:26px}.work-info .work-desc{min-height:84px}.work-link{width:36px;height:36px;font-size:17px;opacity:1}.work-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px}.work-dot{position:relative;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer}.work-dot:after{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50px;background:var(--color-border-strong);content:"";transform:translate(-50%,-50%);transition:width .3s ease,background-color .3s ease}.work-dot[aria-current=true]:after{width:22px;background:var(--color-accent)}}@media only screen and (max-width: 600px){.work-section{padding-bottom:72px}.work-heading{margin-top:64px;margin-bottom:22px;font-size:36px}.work-box{width:min(86vw,370px);min-height:660px;grid-template-rows:165px minmax(0,1fr);padding:20px}.work-title h4{font-size:23px}.work-title p{font-size:18px}.work-info .work-desc{font-size:13px}.work-tool-icon{width:34px;font-size:24px}.work-tool>span:last-child{font-size:9px}}.techstack{width:var(--cWidth);max-width:1300px;margin:0 auto;padding:100px 0 115px;position:relative}.techstack-head{text-align:center;margin-bottom:48px}.techstack-head h2{font-family:var(--font-display);font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:700;text-transform:uppercase}.techstack-head p{font-family:var(--font-hand);font-size:22px;letter-spacing:0;color:var(--color-accent);margin:8px 0 0}.techstack-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:28px 14px}.tech-item{display:flex;flex-direction:column;align-items:center;gap:10px;width:100px}.tech-orb{--tech-color: var(--color-text);width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:28px;color:var(--color-text);box-sizing:border-box;border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:0 1px 2px #10130f0a;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.tech-item:hover .tech-orb{transform:translateY(-6px);color:var(--tech-color);border-color:var(--color-border-accent);box-shadow:0 12px 24px #10130f1a}:root[data-theme=dark] .tech-orb,:root[data-theme=dark] .tech-item:hover .tech-orb{box-shadow:none}.tech-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--color-text-muted);text-align:center;transition:color .3s ease}.tech-item:hover .tech-name{color:var(--color-text)}@media only screen and (max-width: 1200px){.techstack{padding:88px 0 100px}.techstack-head{margin-bottom:42px}.techstack-grid{gap:24px 8px}.tech-item{width:80px}.tech-orb{width:60px;height:60px;font-size:25px}.tech-name{font-size:11px}}@media only screen and (max-width: 900px){.techstack{padding:64px 0 76px}.techstack-head{margin-bottom:34px}.techstack-grid{gap:24px 12px}.tech-item{width:88px}.tech-orb{width:60px;height:60px;font-size:25px}.tech-name{font-size:11px}}@media only screen and (max-width: 560px){.techstack-grid{gap:24px 8px}.tech-item{width:76px;gap:10px}.tech-orb{width:58px;height:58px;font-size:24px}.tech-name{font-size:10px}}@media (prefers-reduced-motion: reduce){.tech-orb,.tech-name{transition:none}.tech-item:hover .tech-orb{transform:none}}@font-face{font-family:Bricolage Hero;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/bricolage-hero.woff2) format("woff2")}@font-face{font-family:Caveat Hero;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/caveat-hero-small.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-display:optional;src:url(/fonts/bricolage-site.woff2) format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:500 700;font-display:optional;src:url(/fonts/caveat-site.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-site.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-italic-site.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/jetbrains-mono-site.woff2) format("woff2")}:root{--font-display: ui-sans-serif, system-ui, sans-serif;--font-sans: ui-sans-serif, system-ui, sans-serif;--font-hand: "Segoe Print", "Segoe Script", cursive;--font-mono: ui-monospace, "Cascadia Mono", monospace;--color-bg: #f5f4ef;--color-bg-deep: #edebe3;--color-surface: #ffffff;--color-surface-soft: rgba(16, 19, 15, .045);--color-text: #10130f;--color-text-muted: #6c7169;--color-accent: #0f6b45;--color-accent-hover: #0a5537;--color-accent-deep: #06301f;--color-highlight: #f2b35f;--color-highlight-ink: #10130f;--color-selection-bg: var(--color-accent-deep);--color-selection-text: #ffffff;--color-border: rgba(16, 19, 15, .14);--color-border-strong: rgba(16, 19, 15, .28);--color-border-accent: rgba(15, 107, 69, .4);--color-glow: rgba(15, 107, 69, .25);--color-glow-mid: rgba(15, 107, 69, .14);--color-glow-soft: rgba(15, 107, 69, .07);--accentColor: var(--color-accent);--backgroundColor: var(--color-bg);font-family:var(--font-sans);font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vh: 100vh;--vh: 100svh}:root.enhanced-fonts{--font-display: "Bricolage Grotesque", "Instrument Sans", sans-serif;--font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-hand: "Caveat", "Segoe Script", cursive;--font-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=dark]{--color-bg: #0e100f;--color-bg-deep: #090b0a;--color-surface: #161917;--color-surface-soft: rgba(242, 243, 238, .05);--color-text: #f2f3ee;--color-text-muted: #949a91;--color-accent: #4ecb8c;--color-accent-hover: #6fdca4;--color-accent-deep: #0b3a26;--color-highlight: #9f571f;--color-highlight-ink: #f2f3ee;--color-border: rgba(242, 243, 238, .14);--color-border-strong: rgba(242, 243, 238, .3);--color-border-accent: rgba(78, 203, 140, .4);--color-glow: rgba(78, 203, 140, .3);--color-glow-mid: rgba(78, 203, 140, .18);--color-glow-soft: rgba(78, 203, 140, .09);color-scheme:dark}:root.theme-switching,:root.theme-switching *,:root.theme-switching *:before,:root.theme-switching *:after{transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease,fill .35s ease,stroke .35s ease!important}@media (prefers-reduced-motion: reduce){:root.theme-switching,:root.theme-switching *,:root.theme-switching *:before,:root.theme-switching *:after{transition:none!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}.hand{font-family:var(--font-hand);font-weight:600;letter-spacing:0;font-size:1.35em;line-height:.9}.marked{position:relative;white-space:nowrap;z-index:0;color:var(--color-highlight-ink)}.marked:before{content:"";position:absolute;left:-.12em;right:-.12em;bottom:.06em;height:.42em;background-color:var(--color-highlight);transform:skew(-12deg);z-index:-1}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}::-moz-selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}a{color:inherit;text-decoration:inherit}a:hover{color:var(--color-accent-hover)}body{margin:0;height:auto;background-color:var(--color-bg);flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden}.main-body>.container-main{z-index:12}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden;padding:.14em 0 .24em;margin:-.14em 0 -.24em}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}@media screen and (min-width: 768px){body{--cWidth: 94%}}
