@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-Italic.woff2) format("woff2")}html{scroll-behavior:smooth}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-sans);font-size:var(--fs-s);text-decoration:none;transition:top .15s ease}.skip-link:focus{top:16px}.rss-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;color:var(--color-text-75);font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:-.01em;text-decoration:none;transition:background .2s ease;background-color:var(--nav-bg);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));border-radius:var(--radius-lg);padding-left:var(--space-md)!important;padding-right:var(--space-md)!important;position:relative;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.rss-link:hover{background-color:var(--color-text);color:var(--color-white)}.rss-link svg{width:14px;height:14px;fill:#f26522;flex-shrink:0}p,h1,h2,h3,h4,a,span{color:var(--color-text)}:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--fw-thin: 100;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 900;--color-text: #1d1f28;--color-primary: #6471E9;--color-secondary: #766C82;--color-white: #FFFFFF;--color-off-white: #FAFAFA;--color-border: #dddddd;--color-green: #1F6B3A;--color-green-bg: #E9F9EE;--opacity-05: 5%;--opacity-10: 10%;--opacity-20: 20%;--opacity-30: 30%;--opacity-40: 40%;--opacity-80: 80%;--opacity-90: 90%;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 20px;--radius-lg: 40px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 40px;--space-xl: 80px;--space-2xl: 140px;--space-3xl: 240px;--fs-xxs: clamp(11px, .7rem + .05vw, 12px);--fs-xs: clamp(12px, .75rem + .1vw, 13px);--fs-s: clamp(13px, .8rem + .15vw, 14px);--fs-base: clamp(16px, .95rem + .2vw, 18px);--fs-h4: clamp(19px, 1.15rem + .25vw, 21px);--fs-h3: clamp(21px, 1.25rem + .4vw, 26px);--fs-h2: clamp(25px, 1.4rem + .9vw, 33px);--fs-h1: clamp(30px, 1.7rem + 1.5vw, 42px);--shadow-elev: rgba(149, 157, 165, .2) 0px 8px 24px;--shadow-elev-hover: rgba(17, 12, 46, .15) 0px 24px 60px 0px;--gradient-primary: linear-gradient(to right, var(--color-primary), var(--color-secondary));--nav-bg: rgb(255 255 255 / 60%);--nav-border: rgb(255 255 255 / 40%);--nav-blur: 8px;--nav-highlight: rgb(0 0 0 / 8%);--nav-hover: rgb(0 0 0 / 12%);--card-bg: rgb(255 255 255 / 65%);--card-border: rgb(255 255 255 / 45%);--card-blur: 16px;--card-shadow: 0 8px 24px rgb(0 0 0 / 12%);--card-shadow-hover: 0 16px 40px rgb(0 0 0 / 16%);--color-primary-hover: #6871E9;--color-secondary-hover: #7A6C82;--color-dark: #333333;--color-tooltip-bg: #111111;--color-accent-blue: rgb(74, 133, 254);--black-a-05: rgb(0 0 0 / 5%);--black-a-10: rgb(0 0 0 / 10%);--black-a-20: rgb(0 0 0 / 20%);--black-a-30: rgb(0 0 0 / 30%);--black-a-40: rgb(0 0 0 / 40%);--black-a-80: rgb(0 0 0 / 80%);--black-a-90: rgb(0 0 0 / 90%);--white-a-40: rgb(255 255 255 / 40%);--white-a-70: rgb(255 255 255 / 70%);--color-text-50: rgb(49 51 67 / 50%);--color-text-75: rgb(49 51 67 / 75%);--color-panel: #f5f5f5}*{font-family:var(--font-sans);margin:0;padding:0;border:none;outline:none}strong{font-weight:var(--fw-bold)!important}a,p{text-decoration:none;font-size:var(--fs-base)}li{margin:10px 0}.black{font-weight:var(--fw-black)!important}.bold{font-weight:var(--fw-bold)!important}.italic{font-style:italic!important}.medium{font-weight:var(--fw-medium)!important}.medium-italic{font-weight:500!important;font-style:italic!important}.underline{text-decoration:underline}.h-10{font-size:252px!important}.h-6{font-size:128px!important}.h-5{font-size:64px!important}.h-1,h1{font-size:var(--fs-h1)!important}.h-2,h2{font-size:var(--fs-h2)!important}.h-3,h3{font-size:var(--fs-h3)!important}.h-4,h4{font-size:var(--fs-h4)!important}.base{font-size:var(--fs-base)!important}.note{background-color:var(--black-a-05);padding:20px;border-left:4px solid var(--color-secondary);font-style:italic;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);margin-bottom:var(--space-md)}.note-type{display:flex;align-items:first baseline;gap:var(--space-xs)}.note-type p{color:var(--color-secondary)}.note-type svg{scale:1.2;color:var(--color-secondary)}.quote{position:relative;padding:24px 28px;margin:var(--space-md) 0;background:var(--black-a-05);background-color:var(--nav-bg);-webkit-backdrop-filter:blur(var(--nav-blur));border-radius:var(--radius-md);box-shadow:#32325d1a 0 50px 100px -20px,#0000001a 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.quote:before{content:"\201c";position:absolute;top:-8px;left:16px;font-size:64px;line-height:1;font-family:Georgia,Times New Roman,serif;color:var(--color-primary);opacity:.25;pointer-events:none}.quote{font-style:italic;font-size:var(--fs-s);line-height:1.7;color:var(--color-text);margin:0}.quote cite{display:block;margin-top:12px;font-style:normal;font-size:var(--fs-s);color:var(--color-secondary)}.quote cite:before{content:"\2014\a0"}.s-1{font-size:var(--fs-s)!important}.w-90{width:90%!important}em{font-style:italic!important}.project-start{padding-top:var(--space-2xl);display:flex;flex-direction:column;max-width:84%}.color-primary{color:var(--color-primary)!important}.color-b{color:var(--color-text)!important}.color-b-75{color:var(--color-text-75)!important}.color-b-50{color:var(--color-text-50)!important}.color-w{color:var(--color-white)!important}.background-color-primary{background-color:var(--color-primary)!important}.margin-bott-20{margin-bottom:20px!important}.margin-bott-30{margin-bottom:30px!important}.margin-bott-40{margin-bottom:40px!important}.blue{color:var(--color-accent-blue)}.box{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;box-shadow:0 0 0 1px var(--color-border),var(--shadow-elev)!important}.box:hover{box-shadow:0 0 0 1px var(--color-border),var(--shadow-elev-hover)!important;transform:translateY(-10px);cursor:pointer}.introduction-index-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:90%;margin:0 auto;align-items:start}.introduction-index-container h1{max-width:600px}.introduction-boxes{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:auto auto;gap:1rem;justify-content:center;z-index:1001}.introduction-box:nth-child(1){grid-column:1 / span 2;min-height:250px;max-width:500px;width:100%}.introduction-box:nth-child(2),.introduction-box:nth-child(3){min-height:200px;max-width:242px;width:100%}.introduction-box{background-color:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border-radius:var(--radius-md);padding:var(--space-md) var(--space-md) 0 var(--space-md);display:flex;align-items:start;justify-content:start;flex-direction:column;gap:var(--space-xxs);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;box-shadow:var(--card-shadow);position:relative}.intro-label{font-size:var(--fs-s);color:var(--color-text-75);letter-spacing:.04em;text-transform:uppercase}.introduction-box p{margin:0}.introduction-box:hover:after{transform:translate(0);color:var(--color-text)}.introduction-box:hover{cursor:pointer;transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.intro-icon{position:absolute;top:var(--space-md);right:var(--space-md);color:var(--color-text-75);opacity:.9}.introduction-box:hover .intro-icon,.introduction-box:hover .intro-label{color:var(--color-text)}.introduction-box p{color:gray}.introduction-box img{position:relative;top:0;max-width:200px;overflow:hidden;transition:.25s;border-radius:var(--radius-sm);margin:0 auto}.introduction-box:nth-child(1) img{max-width:400px;z-index:-1}.introduction-box:hover img{transition:.25s;top:0;transform:scale(1.1)}code{border-radius:var(--radius-xs);background-color:var(--white-a-70);padding:5px;border:1px solid var(--color-border);color:var(--color-primary)}.example{border-radius:var(--radius-xs);background-color:var(--color-green-bg);padding:5px;border:1px solid var(--color-border);color:var(--color-green);font-weight:var(--fw-semibold)}div.code-container{padding-bottom:16px}.code-container code{background-color:var(--white-a-70)!important;color:var(--color-text)!important;padding:5px;border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);font-family:var(--font-sans)!important;border:1px solid var(--color-border);border-top:none;border-top-left-radius:0;border-top-right-radius:0}.code-box button{color:var(--color-text-75)}.code-box{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-elev)}.code-box pre{margin-bottom:0}.code-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);height:34px;padding:0 var(--space-sm);background:var(--black-a-05)}.code-traffic{display:inline-flex;gap:6px}.code-traffic .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-lang-label{text-align:center;font-size:var(--fs-s);color:var(--color-text-75);user-select:none}.copy-btn{top:48px;margin-right:var(--space-sm);background-color:var(--black-a-05)!important;transition:opacity .2s ease,transform .2s ease;opacity:0;pointer-events:none}.copy-btn:hover{transform:scale(1.05)}.code-box:hover .copy-btn,.code-box:focus-within .copy-btn{opacity:1;pointer-events:auto}.code-caption{display:flex;justify-content:center;align-items:center;margin-top:var(--space-md)}.note-ref{margin-left:2px;display:inline}.note-ref a{text-decoration:none;color:var(--color-primary);font-size:var(--fs-base)}.note-ref a:hover{text-decoration:underline}.endnotes{margin-top:3rem;border-top:1px solid var(--color-border);padding-top:1rem;font-size:var(--fs-s)}.endnotes a{font-size:var(--fs-s)}.endnotes h3{margin-bottom:.5rem}.endnotes ol{padding-left:1.2rem}.endnotes li{margin-bottom:.55rem}.note-back{margin-left:5px;text-decoration:none;color:var(--color-primary)}.note-back:hover{text-decoration:underline}video{border-radius:var(--radius-sm)}.project-source-container,figure{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:relative;border-radius:var(--radius-sm)}.project-source-container-2{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-sm);gap:20px;text-align:center}.project-source-container video{box-shadow:var(--shadow-elev)}figure{margin-top:var(--space-md);margin-bottom:var(--space-md)}figure img{width:70%}.project-source-container p,figure p,.project-source-container-2 p,figure figcaption{margin-top:20px}.reference,.reference-empty{color:var(--color-primary);transition:all .5s ease;position:relative;display:inline-block}.reference-empty{color:var(--color-text-75)}.reference:before,.reference-empty:before{content:"";position:absolute;left:0;bottom:4px;width:100%;height:2px;background-color:var(--color-primary);opacity:.2}.reference-empty:before{background-color:var(--color-text-75)}.reference:after,.reference-empty:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width .3s ease-in-out}.reference-empty:after{background-color:var(--color-text-75)}.reference-empty:hover{cursor:pointer}.reference:hover:after,.reference-empty:hover:after{width:100%}.title{font-weight:var(--fw-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:84px!important}.tooltip{position:relative;display:inline;cursor:help;color:var(--color-primary);visibility:visible;opacity:1;font-size:var(--fs-base)}.tooltip:after{content:attr(data-tip);position:absolute;bottom:110%;left:50%;transform:translate(-50%);min-width:200px;max-width:260px;background:var(--color-tooltip-bg);color:var(--color-white);padding:6px 8px;border-radius:var(--radius-xs);line-height:1.2;font-size:.875rem;z-index:1000;visibility:hidden;opacity:0;pointer-events:none;white-space:normal}.tooltip:before{content:"";position:absolute;bottom:calc(125% - 6px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-tooltip-bg);visibility:hidden;opacity:0;pointer-events:none}.tooltip:hover:after,.tooltip:hover:before,.tooltip:focus-visible:after,.tooltip:focus-visible:before{visibility:visible;opacity:1}.navbar{z-index:9999}.navbar-brand{color:var(--color-text)!important;display:inline-block;letter-spacing:.015em;font-weight:var(--fw-semibold);text-decoration:none;transition:color .2s ease,opacity .2s ease,transform .2s ease;z-index:1005}.navbar-brand:hover{color:var(--color-text)!important;opacity:.8;transform:translateY(-1px)}.navbar-brand:focus-visible{outline:2px solid color-mix(in srgb,var(--color-text) 25%,transparent 75%);outline-offset:2px}.brand-container{position:fixed;top:var(--space-sm);left:50%;transform:translate(-50%);opacity:1;transition:transform .8s ease,opacity .4s ease;padding-top:var(--space-md);z-index:0}.brand-hidden{opacity:0;transform:translate(-50%,-20px);pointer-events:none}.navbar{padding-top:40px!important}.navbar-collapse{display:flex;justify-content:center;transition:transform .8s ease;transform:translate(0)}.navbar-end{transform:translate(min(100vw - 50px,35%))}.navbar-center{transform:translate(0)}.navbar-nav{background-color:var(--nav-bg);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));border-radius:var(--radius-lg);padding-left:var(--space-md)!important;padding-right:var(--space-md)!important;height:48px;position:relative;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.nav-highlight{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:var(--radius-lg);background-color:var(--color-text);transition:transform .4s ease,width .4s ease,background-color .5s ease;pointer-events:none}.nav-item{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:10px 0}.nav-item a{font-size:var(--fs-base);color:var(--color-text);padding:6px 16px!important;transition:color .5s ease,transform .2s ease}.nav-item-selected{border-radius:var(--radius-lg)}.nav-item-selected a{font-weight:var(--fw-bold)}.nav-item a:hover{-webkit-transform:scale(1.05)}.nav-item.is-highlighted a{color:var(--color-white)!important}.introduction{height:auto;width:100%;position:relative;padding-top:200px;z-index:1}.introduction:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(black 1px,transparent 1px);background-size:3px 3px;opacity:.1;z-index:1}.introduction-container{position:relative;height:100%;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}h1,h2{transition:transform .4s ease-out}.portrait{display:flex;justify-content:center;align-items:flex-start;position:relative;max-height:1400px;overflow:hidden;margin-top:-220px}.portrait img{width:900px;height:auto;position:relative;object-fit:cover;animation:floaty 5s ease-in-out infinite}.bottom-wave-shape{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);z-index:1000}.bottom-wave-shape svg{position:relative;display:block;width:calc(112% + 1.3px);height:80px;animation:wave-motion 6s ease-in-out infinite}.bottom-wave-shape .shape-fill{fill:var(--color-white);animation:color-pulse 4s ease-in-out infinite}.introduction-background{background:#f4ecd9;background:-webkit-linear-gradient(to left,#f4ecd9,#928cbb);width:100%;height:1000px;z-index:-1;position:absolute;top:0}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#e092d94d;animation:introduction-circles 25s linear infinite;bottom:-150px;z-index:-1}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}.about-me-container{display:flex;height:auto;position:relative;flex-direction:column;width:90%;margin:0 auto;z-index:1}.about-me-container p{font-size:63.15px;font-weight:var(--fw-medium);font-style:italic;width:60%;-webkit-user-select:none}.about-me-left-container{display:flex;justify-content:start;align-items:start;animation:floaty 2.2s ease-in-out infinite}.about-me-right-container{display:flex;justify-content:end;align-items:end;margin-top:var(--space-2xl);margin-bottom:200px;animation:floaty 4s ease-in-out infinite}.fade-background{position:relative;width:100%;height:auto}.fade-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fed98233 2%,#92e6fe33);z-index:-1}.fade-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff 10%,#fff0 20%);z-index:0;pointer-events:none}.fade-background>*{position:relative;z-index:1}.fade-background-full{position:relative;width:100%;height:auto;overflow-x:hidden}.fade-background-full:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fed98233 2%,#92e6fe33);z-index:-1}.fade-background-full:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff,#fff0 0%);z-index:0;pointer-events:none}.work-notes-contact{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.notes-work-container{display:grid;grid-template-columns:2fr 3fr;width:100%;margin-top:var(--space-2xl);gap:var(--space-lg)}.notes-work-container p{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.notes-box{height:500px;width:100%;background-color:var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;position:relative}.box-about{margin:20px 0 0 25px;color:#fff}.box-about p{font-style:italic;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;margin-bottom:0}.box-about h2{font-weight:var(--fw-bold);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.box-about img{margin-left:100px;width:200%;height:auto;object-fit:cover;overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.work-box{height:500px;width:100%;background-color:var(--color-secondary);border-radius:var(--radius-lg);overflow:hidden;position:relative}.notes-box:hover{background-color:var(--color-primary-hover);cursor:pointer}.notes-box:hover img{margin-left:50px}.notes-box:hover p,.notes-box:hover h2{margin-left:5px}.work-box:hover{background-color:var(--color-secondary-hover);cursor:pointer}.work-box:hover img{margin-left:50px}.work-box:hover p,.work-box:hover h2{margin-left:5px}.contact-me-box{min-height:auto;width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-lg);background-color:var(--color-off-white);overflow:hidden;position:relative;margin:auto;flex-wrap:wrap-reverse;gap:var(--space-lg) 40px;padding-top:var(--space-md)}.contact-left-side{display:flex;justify-content:center;align-items:center;margin-left:100px}form{max-width:400px;margin-left:var(--space-md);margin-right:var(--space-md)}form .form-control{border-radius:var(--radius-md)!important;border-color:var(--black-a-30)!important;border-width:1px}form .form-control::placeholder{color:gray;opacity:1;font-style:italic}form .form-control:focus{box-shadow:#0000002e 0 2px 3px;border-color:#808080b3}form #website,form #email,form #name{display:none}form #message{min-height:150px;max-height:150px}.button{background-color:var(--black-a-90);border-radius:var(--radius-md)!important;color:#fff;padding:9px 20px;text-align:center;transition:.3s;box-shadow:#0000002e 0 2px 3px;outline:none;border:none;width:auto;max-width:160px;min-width:120px;-webkit-font-smoothing:antialiased;position:relative}.button i,.button .arrow{font-size:16px;vertical-align:middle;color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.button:active:hover{transform:scale(.95);background-color:var(--black-a-80)}.button:hover{transform:scale(1.05);cursor:pointer}.spinner-border{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-right-color:var(--color-white);border-radius:50%;animation:spinner-rotate .6s linear infinite;vertical-align:middle}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.button.is-loading{opacity:.85}.contact-right-side{display:flex;justify-content:start;align-items:end;flex-direction:column;height:auto;object-fit:cover;position:relative;min-height:500px;width:auto;max-width:800px;min-width:100px}.contact-right-side p{font-style:italic;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;margin-right:30px;margin-bottom:0}.contact-right-side h2{font-weight:var(--fw-bold);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;margin-right:30px}.contact-right-side img{position:absolute;top:0;left:-20vw;width:500%;height:auto;object-fit:cover;transition:all .5s ease;margin-top:120px}.contact-me-box:hover img{transform:translate(-50px)}.contact-me-box:hover p,.contact-me-box:hover h2{transform:translate(-10px)}.languages-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin-top:var(--space-2xl)}.languages-container h2{font-size:84px}.languages-inside-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:var(--space-lg) 40px;margin-top:100px;padding:0 20px}.language-container{display:flex;justify-content:start;align-items:start;flex-direction:column;max-width:600px;max-height:600px;text-align:left}.education-container{display:flex;justify-content:space-between;align-items:end;margin:0 auto;flex-direction:column;width:84%;margin-top:var(--space-3xl)}.education-left-side{display:flex;justify-content:start;align-items:start;width:50%;flex-direction:column}.education-right-side{display:flex;justify-content:start;align-items:start;width:50%;flex-direction:column;margin-top:var(--space-3xl)}.resume-container{display:flex;justify-content:center;align-items:center;overflow:hidden;margin-top:var(--space-3xl);height:600px;width:100%;background:linear-gradient(to left,var(--color-dark) 50%,var(--color-primary) 50%) right;background-size:200% 100%;color:#fff;transition:all .5s ease;cursor:pointer}.resume-container:hover{background-position:left}.questions-container{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;width:100%;gap:80px 80px;margin:var(--space-3xl) auto;width:95%}.question-box{display:grid;flex-direction:column;text-align:left;max-width:420px}.message-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;flex-direction:column;text-align:center;margin:0 auto}.work-container{display:flex;justify-content:start;align-items:center;min-height:100vh;width:95%;flex-direction:column;text-align:center;margin:0 auto;padding-top:200px}.message-container>*{margin-bottom:var(--space-lg)}.blocks{max-width:80%;position:relative}.email{display:inline-block;transition:all .5s ease}.email:hover{transform:scale(1.05)}.article-container{display:flex;justify-content:start;align-items:start}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;pointer-events:none;z-index:10000}.scroll-progress-bar{width:100%;height:100%;background:var(--color-text);transform:scaleX(0);transform-origin:left center;will-change:transform;transition:transform .12s ease-out;border-radius:0 999px 999px 0}.project-image-placeholder{max-width:800px;height:auto;background-color:var(--nav-highlight);margin:0 auto;overflow:hidden;position:relative;border-radius:var(--radius-sm);box-shadow:var(--shadow-elev)}.project-image-placeholder img{height:auto;width:100%}.project-image{max-width:100%;height:auto;background-color:var(--nav-highlight);margin:0 auto;overflow:hidden;position:relative;border-radius:var(--radius-sm);box-shadow:var(--shadow-elev)}.project-image img{height:auto;width:100%}.project-header{display:flex;justify-content:start;align-items:start;flex-direction:column}.project-title-date{display:flex;justify-content:start;align-items:start;flex-direction:column;margin-top:80px}.project-main-container{display:flex;justify-content:space-between;align-items:start;margin-top:40px;width:100%;flex-wrap:wrap}.project-main-box{display:flex;justify-content:start;align-items:start;flex-direction:column}.project-person{display:flex;justify-content:start;align-items:start;gap:var(--space-sm)}.project-person-image{width:32px;height:32px;border-radius:32px}.project-article{margin-top:40px}.heading-permalink-target{scroll-margin-top:110px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:2px 4px;margin-left:-4px;transition:background-color .2s ease;cursor:pointer}.heading-permalink-target:hover,.heading-permalink-target:focus-within{background-color:color-mix(in srgb,var(--color-text) 9%,transparent 91%)}.heading-permalink{display:inline-block;color:var(--color-text);text-decoration:none;opacity:0;transform:translate(-4px);transition:opacity .22s ease,transform .22s ease,color .2s ease;vertical-align:middle}.heading-permalink-icon{width:1.6em;height:1.6em;display:block;fill:currentColor}.heading-permalink-target:hover .heading-permalink,.heading-permalink-target:focus-within .heading-permalink,.heading-permalink:focus-visible{opacity:1;transform:translate(0)}.heading-permalink:hover,.heading-permalink:focus-visible{color:var(--color-text)}.heading-permalink.is-copied{opacity:1;transform:none;color:var(--color-white);background-color:var(--color-text);border-radius:999px;padding:3px 8px;font-size:.66em;line-height:1.2;font-size:var(--fs-xs)}@media(max-width:991.98px){.heading-permalink{opacity:1;transform:none}}.toc{display:flex;align-items:flex-start;flex-direction:column;margin-right:40px;margin-top:200px;position:sticky;top:40px;padding:14px 12px;z-index:10;width:auto;min-width:220px;border-radius:16px;border:1px solid color-mix(in srgb,var(--color-border) 65%,white 35%);background:color-mix(in srgb,white 74%,transparent 26%);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 28px #0f172a14,inset 0 1px #ffffff8c}.toc h2{margin:0 0 10px;padding:0 8px;font-size:.82rem!important;letter-spacing:.02em;color:var(--color-text-75)}.toc ul{list-style-type:none;padding-left:0;margin:0;width:100%}.toc ul ul{margin-top:2px;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--color-border) 72%,white 28%)}.toc>ul li{margin:0}.toc ul li a{color:var(--color-text-75)!important;display:block;width:100%;padding:6px 10px;border-radius:10px;line-height:1.35;text-decoration:none;transform:translate(0);transition:color .18s ease,background-color .18s ease,transform .2s ease,box-shadow .2s ease;font-size:var(--fs-xxs)!important;font-weight:var(--fw-regular)}.toc ul li a:hover{color:var(--color-text)!important;background-color:color-mix(in srgb,var(--nav-highlight) 70%,white 30%);transform:translate(2px)}.toc ul li a.active{color:var(--color-text)!important;font-weight:var(--fw-bold);background-color:color-mix(in srgb,var(--nav-highlight) 76%,white 24%);transform:translate(4px);box-shadow:inset 2px 0 0 var(--color-text),0 2px 10px #0f172a0f}.toc ul li a:focus-visible{outline:2px solid color-mix(in srgb,var(--color-text) 28%,transparent 72%);outline-offset:2px}.project-showcase-container{display:flex;justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap}.work-project{display:flex;justify-content:start;align-items:start;text-align:start;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--card-border);min-width:200px;min-height:400px;max-width:350px;max-height:480px;background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));padding:var(--space-md);gap:10px;box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease}.work-project img{width:100%;height:200px;border-radius:var(--radius-md);border:1px solid var(--card-border)}.work-project p{margin:0!important}.work-project:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.project-tag-container>*{padding:0;font-size:var(--fs-s)}.project-tag-container{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:4px}.project-tag{padding:2px 8px;border-radius:var(--radius-xs);background-color:var(--color-primary);color:#fff}.work-filters .project-tag{margin:0}#work-search,#blog-search{padding:4px 6px 4px 12px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}:root{--tag-java-bg: #fff7cc;--tag-java-fg: #614a00;--tag-python-bg: #e7f7e7;--tag-python-fg: #1f4d1f;--tag-app-bg: #eaf0ff;--tag-app-fg: #213a7a;--tag-webapp-bg: #e6f7ff;--tag-webapp-fg: #104a60}.project-tag[data-tag=Java]{background-color:var(--tag-java-bg);color:var(--tag-java-fg)}.project-tag[data-tag=Python]{background-color:var(--tag-python-bg);color:var(--tag-python-fg)}.project-tag[data-tag=App]{background-color:var(--tag-app-bg);color:var(--tag-app-fg)}:root{--type-team-bg: #efe9ff;--type-team-fg: #4f2ba5;--type-personal-bg: #fff0d6;--type-personal-fg: #8a4b00;--type-project-bg: #e8eef4;--type-project-fg: #2b4050}.project-type{font-weight:var(--fw-semibold)}.project-type[data-type=team]{background-color:var(--type-team-bg);color:var(--type-team-fg)}.project-type[data-type=personal]{background-color:var(--type-personal-bg);color:var(--type-personal-fg)}.project-type[data-type=project]{background-color:var(--type-project-bg);color:var(--type-project-fg)}#work-filters .project-tag.background-color-primary,#work-type-filters .project-tag.background-color-primary{background-color:var(--color-primary)!important;color:var(--color-white)!important}.legal-hero{position:relative;padding-top:190px;min-height:520px;overflow:hidden}.legal-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(black 1px,transparent 1px);background-size:3px 3px;opacity:.08;z-index:1}.legal-hero-background{background:linear-gradient(135deg,#f4ecd9,#dfe4fb 48%,#f7f4ff);width:100%;height:100%;z-index:-1;position:absolute;top:0}.legal-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-md);max-width:820px}.legal-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-s);color:var(--color-text-75)}.legal-lead{font-size:23px;line-height:1.6;max-width:760px}.legal-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-2xl)}.legal-chip{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid var(--card-border);background-color:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text-75);font-size:var(--fs-s);box-shadow:var(--card-shadow)}.legal-shell{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-2xl)}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.legal-card{border-radius:var(--radius-lg);border:1px solid var(--card-border);background-color:var(--card-bg);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));box-shadow:var(--card-shadow);padding:32px}.legal-card h2{margin-bottom:var(--space-sm)}.legal-card p{line-height:1.75}.legal-card p+p{margin-top:14px}.legal-card-feature{position:relative;overflow:hidden}.legal-card-feature:after{content:"";position:absolute;inset:auto -10% -35% auto;width:260px;height:260px;background:radial-gradient(circle,#6471e91f,#766c8200 70%);pointer-events:none}.legal-card-contact{margin-top:var(--space-xs)}.legal-eyebrow{margin-bottom:10px;color:var(--color-text-75);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-s)}.legal-list{padding-left:20px;margin-bottom:0}.legal-list li{margin:8px 0;line-height:1.65}.legal-card a{word-break:break-word}.footer{margin-top:var(--space-3xl)}.footer-container{display:flex;justify-content:space-around;align-items:start;width:100%;height:auto;flex-wrap:wrap;padding-bottom:var(--space-lg)}.footer-box{display:flex;justify-content:start;align-items:start;flex-direction:column;min-height:100px;width:auto}.footer-box a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.footer-box a:hover{transform:scale(1.05);color:var(--color-text)!important;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}.footer-box>*{margin-bottom:10px}.footer-notice{color:var(--color-text-75)!important;text-align:end;max-width:300px}.footer-notice p{font-size:var(--fs-s)}.footer-notice .build-meta,.footer-notice p{font-size:var(--fs-xxs)!important;color:var(--color-text-75);margin-top:4px;margin-bottom:8px;line-height:1.35}.footer-box img{height:40px;margin:0 0 auto auto}.hidden{opacity:0;filter:blur(5px);transform:translateY(100%);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translateY(0)}.hidden-left-fade{opacity:0;filter:blur(5px);transform:translate(-100%);transition:all 1s}.show-left-fade{opacity:1;filter:blur(0);transform:translate(0)}.hidden-right-fade{opacity:0;filter:blur(5px);transform:translate(100%);transition:all 1s}.show-right-fade{opacity:1;filter:blur(0);transform:translate(0)}.hidden-fade{opacity:0;filter:blur(5px);transition:all 1s}.show-fade{opacity:1;filter:blur(0)}.MathJax_Display,.MJXc-display,mjx-container[display=true]{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0;-webkit-overflow-scrolling:touch}@keyframes introduction-circles{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-2200px) rotate(720deg);opacity:0;border-radius:50%}}@keyframes wave-motion{0%{transform:translate(0)}50%{transform:translate(-40px,-5px)}to{transform:translate(0)}}@keyframes color-pulse{0%{fill:var(--color-white)}50%{fill:var(--color-white)}to{fill:var(--color-white)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floaty-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.portrait img,.bottom-wave-shape svg,.bottom-wave-shape .shape-fill,.circles li,.about-me-left-container,.about-me-right-container{animation:none!important}.hidden,.hidden-left-fade,.hidden-right-fade,.hidden-fade{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}@media(max-width:575.98px){.footer-notice{min-width:300px}.about-me-container p{font-size:26.66px!important}.introduction-container h1{font-size:74px!important}.introduction-container h2{font-size:98px!important}.portrait{margin-top:-80px}.portrait img{width:500px!important}.languages-container h1{text-align:left}.work-box,.notes-box{height:320px}}@media(max-width:767.98px){.legal-hero{padding-top:170px;min-height:480px}.legal-lead{font-size:var(--fs-base)}.legal-grid{grid-template-columns:1fr}.legal-card{padding:24px}.introduction-index-container{grid-template-columns:1fr;grid-template-areas:"intro-text" "intro-boxes"}.introduction-index-container h1{max-width:100%;text-align:start}.footer-notice{text-align:center;margin-top:40px}.resume-container{height:400px}.resume-container h3{font-size:84px!important}.question-box{text-align:center;margin-left:0}.education-right-side{margin-top:var(--space-2xl)}.education-right-side h3,.education-left-side h3,.education-right-side p,.education-left-side p{font-size:26.66px!important}.languages-container h1{font-size:47.37px!important}.languages-container h2{font-size:47.37px}.project-source-container-2{grid-template-columns:1fr}}@media(max-width:991.98px){.notes-work-container{grid-template-columns:1fr}.notes-box,.work-box{max-width:100%}.about-me-right-container,.about-me-left-container{justify-content:center;align-items:center}.about-me-container p{width:100%}.portrait img{width:600px}.introduction-container h1{font-size:88px}.introduction-container h2{font-size:148px}.portrait{margin-top:-80px}.contact-right-side{display:none}.contact-me-box{justify-content:center;align-items:center}.contact-left-side{margin:0}.toc{display:none}.project-start{max-width:100%;padding-left:0;padding-right:0;padding-bottom:0}}@media(max-width:1199.98px){.about-me-container p{font-size:47.37px}.resume-container h3{font-size:180px}figure img{width:100%}}@media(max-width:1399.98px){.education-left-side{width:100%;text-align:center;align-items:center}.education-right-side{width:100%!important;text-align:center;align-items:center}.contact-left-side{margin-bottom:var(--space-lg)}}#blog-format-filters .project-tag.background-color-primary,#blog-topic-filters .project-tag.background-color-primary{background-color:var(--color-primary)!important;color:var(--color-white)!important}.nav-item a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:10px}