@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Inter,Segoe UI,Helvetica,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-96{max-height:24rem}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-full{width:100%}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-4{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.bg-current{background-color:currentColor}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-12{padding:3rem}.p-6{padding:1.5rem}.pb-20{padding-bottom:5rem}.pb-52{padding-bottom:13rem}.pt-32{padding-top:8rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--color-white-1: #fbfbfd;--color-white-2: #f2f2f2;--color-white-3: #f5f5f7;--color-white-4: #c4c4c4;--color-black-1: #1d1d1f;--color-black-2: #424245;--color-black-3: #6e6e73;--color-black-4: #a1a1a6;--color-black-hover-overlay: #000000af;--color-blue-1: #47a7ff;--color-blue-2: #74bafc;--meta-blue-1: #0064e0;--meta-blue-2: #0484fc;--color-pink-1: rgb(221, 74, 255);--color-pink-2: rgb(230, 117, 255);--transitionTime: .3s;--underline-width: 1lh;--underline-block-width: 200vmax;--underline-color: hsl(0 0% 50% / .15);--underline-color-hover: hsl(180 100% 50% / 1);--underline-transition: 5s;--finish-fill: var(--color-white-1);--accent: var(--color-white-1);--fill: hsl(0 0% 50%);--soft-shadow-1: 0px 5px 15px rgba(0, 0, 0, .05);--blending: multiply;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Inter", "Segoe UI", Helvetica, Arial, sans-serif}*{margin:0;padding:0;font-family:var(--font-text);color:var(--color-black-2);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{overflow-x:hidden;background-color:var(--color-white-1);font-family:var(--font-text);letter-spacing:-.011em;line-height:1.47;font-weight:400;color:var(--color-black-2)}h1,h1 *,h2,h2 *,h3,h3 *,h4,h4 *{font-family:var(--font-display);color:var(--color-black-1)}h1,h1 *{letter-spacing:-.035em;line-height:1.05;font-weight:600}h2,h2 *{letter-spacing:-.028em;line-height:1.1;font-weight:600}h3,h3 *{letter-spacing:-.022em;line-height:1.15;font-weight:600}h4,h4 *{letter-spacing:-.018em;line-height:1.2;font-weight:600}p{font-family:var(--font-text);letter-spacing:-.011em;line-height:1.55}.show-border{border:2px solid pink}.content{max-width:80%;margin:0 auto}.seperator{background-color:var(--color-white-2);margin:4rem auto 1rem;max-width:100%;height:1px}.sectionheading{font-family:var(--font-display);color:var(--color-black-3);font-weight:600;letter-spacing:-.028em;line-height:1.1;padding:5px 0;background:linear-gradient(90deg,var(--color-black-2),var(--color-black-1));background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.cursor{position:fixed;background-color:var(--color-black-1);opacity:.4;border-radius:50%;width:20px;height:20px;top:-10px;left:-10px;z-index:9999;pointer-events:none;mix-blend-mode:var(--blending);transition:width var(--transitionTime) ease,height var(--transitionTime) ease,opacity var(--transitionTime) ease;transform:translate(-50%,-50%)}.cursor.normal{transform:scale(1) translate(-50%,-50%);opacity:.4}.cursor.hovered{width:12px;height:12px;transform:translate(-50%,-50%);opacity:.7}.Navbar{display:flex;justify-content:center}.navbar-content-holder{top:0;position:fixed;z-index:10;width:100vw;background-color:#fdfdfdcc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.links2 a{color:var(--color-black-2);font-size:13px;font-weight:400;letter-spacing:-.01em;text-decoration:none;transition:var(--transitionTime)}.links2 a:hover{color:var(--color-black-1)}.links-text a{margin-left:3rem}.links-icons a{margin-right:3rem;text-decoration:none}.navbar-link-icons i{margin-top:5px;font-size:22px;transition:var(--transitionTime)}.navbar-link-icons i:hover{color:var(--color-black-1)}.links2{display:none}.nav-links-hamburger{width:100vw;background-color:#fdfdfda6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:9;top:3rem;padding:1.5rem;position:fixed;display:flex;flex-direction:column;align-items:center}.hamburger-menu-icon{color:var(--color-black-2);font-size:1.5rem;text-decoration:none;transition:var(--transitionTime)}.hamburger-menu-icon:hover{color:var(--color-black-1)}.nav-links-hamburger a{color:var(--color-black-2);font-size:14px;font-weight:400;letter-spacing:-.01em;text-decoration:none;transition:var(--transitionTime)}.nav-links-hamburger a:hover{color:var(--color-black-1)}.navbar-links-gradient,.navbar-links-gradient *{background:radial-gradient(circle,var(--meta-blue-1),var(--meta-blue-2));animation:text-gradient 15s linear infinite;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:.25rem}.tooltip{position:relative;display:inline-block;border-bottom:none;outline:none}.tooltip .tooltiptext{visibility:hidden;width:80px;font-size:12px;font-weight:500;background-color:var(--color-black-1);color:var(--color-white-1);text-align:center;border-radius:6px;padding:4px 0;position:absolute;z-index:1;top:120%;left:50%;margin-left:-40px;opacity:0;transition:opacity 1s;text-decoration:none}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.intro{position:sticky;top:0;z-index:-1}.intro h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em;line-height:1.05}.into-background-text{font-family:var(--font-text);font-weight:400;letter-spacing:-.012em;line-height:1.4;color:var(--color-black-3)}.intro-namegradient{background:radial-gradient(circle,var(--color-blue-1),var(--color-pink-1));animation:text-gradient 15s linear infinite;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.045em}.intro-mcmaster{color:var(--color-black-4);letter-spacing:-.015em}.intro-companygradient{background:radial-gradient(circle,#0064e0,#0484fc);animation:text-gradient 15s linear infinite;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;letter-spacing:-.015em}@keyframes text-gradient{0%{background-position:0%,0%}50%{background-position:200%,200%}to{background-position:0%,0%}}.introScrollAnimation{background-color:var(--color-black-1);z-index:0}.animation-text-container p{overflow:hidden;margin:0}.animation-text-container>p>span{font-family:var(--font-display);font-size:clamp(3rem,4vw + 1rem,10rem);letter-spacing:-.04em;line-height:1.05;font-weight:600;color:var(--color-black-2);text-decoration:none;background-image:linear-gradient(90deg,transparent calc(100% - 8ch),var(--accent) calc(100% - 8ch)),linear-gradient(90deg,var(--fill),var(--fill)),linear-gradient(90deg,var(--underline-color),var(--underline-color));background-size:var(--underline-block-width) var(--underline-width),var(--underline-block-width) var(--underline-width),100% var(--underline-width);background-repeat:no-repeat;background-position-x:0;background-position-y:100%;-webkit-background-clip:text;background-clip:text;color:var(--finish-fill)}.animation-container{height:300vh}section{position:sticky;top:0;height:100vh;width:100vw;display:flex;align-items:center}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.animation-container{view-timeline-name:--section}.animation-text-container>p>span{background-position-x:calc(var(--underline-block-width) * -1),calc(var(--underline-block-width) * -1),0;color:transparent;animation-name:fill-up,color-in;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--section;animation-range:entry 100% cover 50%,cover 50% exit 0%}@keyframes fill-up{to{background-position-x:0,0,0}}@keyframes color-in{to{color:var(--finish-fill)}}}}.about-label{font-family:var(--font-display);color:var(--color-black-3);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.about-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.about-bento-portraits{grid-column:span 5;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about-bento-portrait-wrap{overflow:hidden;position:relative;border-radius:20px;aspect-ratio:3 / 5}.about-bento-portrait-wrap:first-child{z-index:1}.about-bento-portrait-wrap:last-child{background:linear-gradient(135deg,var(--color-blue-2),var(--color-blue-1))}.about-bento-portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.about-bento-portrait-wrap:hover .about-bento-portrait-img{transform:scale(1.04)}.about-bento-story{grid-column:span 7;border-radius:20px;background-color:var(--color-white-3);padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.about-bento-story p{margin-top:1.25rem;font-family:var(--font-text);letter-spacing:-.011em;line-height:1.6;color:var(--color-black-2);font-size:.9375rem}.about-bento-stat{grid-column:span 4;border-radius:20px;background-color:var(--color-white-3);padding:2rem;display:flex;flex-direction:column;justify-content:center}.about-stat-number{font-family:var(--font-display);font-size:2.75rem;font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--color-blue-1),var(--color-pink-1));background-clip:text;-webkit-background-clip:text;color:transparent}.about-stat-label{font-family:var(--font-text);font-size:.8125rem;color:var(--color-black-3);margin-top:.5rem}.about-bento-edu{grid-column:span 7;border-radius:20px;background-color:var(--color-white-3);padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.about-bento-edu p{font-family:var(--font-text);letter-spacing:-.011em;line-height:1.6;color:var(--color-black-2);font-size:.9375rem}.about-bento-edu-img{grid-column:span 5;border-radius:20px;overflow:hidden;aspect-ratio:4 / 3;position:relative}.about-bento-edu-img-inner{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.about-bento-edu-img:hover .about-bento-edu-img-inner{transform:scale(1.04)}.about-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.about-tech-panel{border-radius:20px;background-color:var(--color-white-3);padding:2rem}.about-tech-panel-title{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.018em;color:var(--color-black-1);margin-bottom:1.25rem}.about-tech-icons{display:flex;flex-wrap:wrap;gap:1rem}.about-tech-icon-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.about-tech-icon-box{width:48px;height:48px;border-radius:14px;background-color:var(--color-white-1);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.about-tech-icon-box:hover{transform:translateY(-3px);box-shadow:0 8px 24px -8px #00000026}.about-tech-icon-box i{color:var(--color-black-2)}.about-tech-icon-name{font-size:.6875rem;color:var(--color-black-3);text-align:center}.experience{background-color:var(--color-white-1)}.exp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:2rem;column-gap:2rem;row-gap:3.5rem;width:100%}.exp-tile{display:flex;flex-direction:column;background:transparent;text-align:left;outline:none}.exp-tile-media{position:relative;width:100%;aspect-ratio:4 / 3;background-color:var(--color-white-3);border-radius:0;overflow:hidden;isolation:isolate;box-shadow:0 1px 2px #0000000a;transition:box-shadow .5s cubic-bezier(.16,1,.3,1)}.exp-tile-image{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.exp-tile:hover .exp-tile-media{box-shadow:0 30px 60px -20px #0000002e,0 12px 24px -12px #00000014}.exp-tile:hover .exp-tile-image{transform:scale(1.04)}.exp-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;padding:2rem;background:linear-gradient(180deg,#14141600,#1414168c 45%,#141416eb);opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.exp-tile:hover .exp-tile-overlay,.exp-tile:focus-within .exp-tile-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.exp-tile-desc{color:#ffffffeb;font-family:var(--font-text);font-size:.875rem;line-height:1.5;letter-spacing:-.008em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.exp-tile-chips{display:flex;flex-wrap:wrap;gap:.4rem}.exp-tile-chip{background-color:#ffffff2e;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);color:var(--color-white-1);font-family:var(--font-text);font-size:.7rem;font-weight:500;letter-spacing:-.005em;padding:.3rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.18)}.exp-tile-caption{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem .15rem 0}.exp-tile-caption-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.exp-tile-role{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:-.018em;color:var(--color-black-1);line-height:1.25}.exp-tile-date{font-family:var(--font-text);font-size:.875rem;font-weight:400;letter-spacing:-.005em;color:var(--color-black-3);flex-shrink:0;font-variant-numeric:tabular-nums}.exp-tile-caption-bottom{display:flex;align-items:baseline;gap:.5rem}.exp-tile-company{font-family:var(--font-text);font-size:.875rem;font-weight:500;letter-spacing:-.006em;color:var(--meta-blue-1)}.exp-tile-location{font-family:var(--font-text);font-size:.8125rem;font-weight:400;letter-spacing:-.006em;color:var(--color-black-4)}.experience-pos-grid{display:grid;grid-gap:2rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.experience-pos-grid-item{border-radius:20px;box-shadow:var(--soft-shadow-1);padding:2.5rem;display:flex;flex-direction:column}.experience-pos-grid-details{background-color:var(--color-white-1);grid-column:1 / 5}.experience-pos-grid-image{grid-column:5/7;aspect-ratio:1/1;background-position:center;background-size:cover;border-radius:20px}.experience-pos-grid-description{grid-column:1/4;background-color:var(--color-black-1)}.experience-pos-grid-skills{background-color:var(--color-white-1);grid-column:4/7}.exp-pos-grid-info{flex-grow:1}.exp-pos-grid-info p{color:var(--color-black-3)}.exp-pos-grid-info .unimportant-text{color:var(--color-black-4)}.exp-pos-exp-desc{color:var(--color-black-2)}.back-home-text:hover{text-decoration:underline}.company-name-text{color:var(--meta-blue-1)}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10}.popup-content{background-color:var(--color-white-1);width:50%;max-height:90vh;overflow-y:auto;border-radius:24px;position:relative;box-shadow:0 40px 80px -20px #00000059}.close-btn{color:var(--color-black-2);cursor:pointer}.experience-popup-container{overflow-y:auto}.popup-content::-webkit-scrollbar{width:10px}.popup-content::-webkit-scrollbar-track{background:transparent}.popup-content::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:999px;border:3px solid var(--color-white-1)}.experience-information-container{background-color:var(--color-white-3);border-radius:16px}.experience-position-title{color:var(--color-black-1)}.experience-company-image{background-position:center;background-size:cover;aspect-ratio:16/9;border-radius:16px}.projects{background-color:var(--color-white-1)}.project-tech{background-color:var(--color-white-3);color:var(--color-black-2);font-family:var(--font-text);font-weight:500;font-size:.8125rem;letter-spacing:-.006em;border-radius:999px;padding:.45rem .85rem}.project-container{display:grid;grid-template-columns:1fr;row-gap:4rem;width:100%}.project-card{display:flex;flex-direction:column;background:transparent;border:0;padding:0;text-align:left;outline:none}.project-card-media{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-white-3);border-radius:0;overflow:hidden;isolation:isolate;box-shadow:0 1px 2px #0000000a;transition:box-shadow .5s cubic-bezier(.16,1,.3,1)}.project-card-media-image{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-card-media-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card-media-video{transform:scale(1.04)}.project-card:hover .project-card-media{box-shadow:0 30px 60px -20px #0000002e,0 12px 24px -12px #00000014}.project-card:hover .project-card-media-image{transform:scale(1.04)}.project-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:2rem;background:linear-gradient(180deg,#14141600,#1414168c 45%,#141416eb);opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.project-card:hover .project-card-overlay,.project-card:focus-within .project-card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.project-card-overlay-description{color:#ffffffeb;font-family:var(--font-text);font-size:.9rem;line-height:1.5;letter-spacing:-.008em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.project-card-overlay-tech{display:flex;flex-wrap:wrap;gap:.4rem}.project-card-overlay-chip{background-color:#ffffff2e;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);color:var(--color-white-1);font-family:var(--font-text);font-size:.7rem;font-weight:500;letter-spacing:-.005em;padding:.3rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.18)}.project-card-overlay-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.project-card-overlay-button{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-text);font-size:.8125rem;font-weight:500;letter-spacing:-.008em;padding:.5rem .95rem;border-radius:999px;background-color:#ffffff29;border:1px solid rgba(255,255,255,.25);color:var(--color-white-1);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease;text-decoration:none}.project-card-overlay-button i{color:inherit;font-size:.85em}.project-card-overlay-button:hover{transform:translateY(-1px);background-color:#ffffff47}.project-card-overlay-button--primary{background-color:var(--color-white-1);color:var(--color-black-1);border-color:transparent}.project-card-overlay-button--primary i{color:var(--color-black-1)}.project-card-overlay-button--primary:hover{background-color:var(--color-white-2)}.project-card-caption{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem .15rem 0}.project-card-caption-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.project-card-name{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:-.018em;color:var(--color-black-1);line-height:1.25}.project-card-year{font-family:var(--font-text);font-size:.875rem;font-weight:400;letter-spacing:-.005em;color:var(--color-black-3);flex-shrink:0;font-variant-numeric:tabular-nums}.project-card-category{font-family:var(--font-text);font-size:.875rem;font-weight:400;letter-spacing:-.006em;color:var(--color-black-3)}.footer{background-color:var(--color-black-1);padding:6rem 0 0}.footer-cta{text-align:center;padding:5rem 2rem}.footer-cta-heading{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em;line-height:1.1;color:var(--color-white-1)}.footer-cta-sub{font-family:var(--font-text);font-size:1.0625rem;color:var(--color-black-4);margin-top:1rem;letter-spacing:-.011em;line-height:1.5}.footer-cta-btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;padding:.85rem 1.8rem;border-radius:980px;font-family:var(--font-text);font-size:.9375rem;font-weight:500;letter-spacing:-.011em;color:var(--color-black-1);background-color:var(--color-white-1);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.footer-cta-btn i{color:var(--color-black-1);font-size:.8rem;transition:transform .3s ease}.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px #ffffff26}.footer-cta-btn:hover i{transform:translate(3px)}.footer-divider{width:100%;height:1px;background-color:#ffffff14}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 0}.footer-grid-col{display:flex;flex-direction:column;gap:.6rem}.footer-col-heading{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:var(--color-white-2);margin-bottom:.25rem}.footer-col-text{font-family:var(--font-text);font-size:.8125rem;color:var(--color-black-4);letter-spacing:-.006em;line-height:1.5}.footer-link{font-family:var(--font-text);font-size:.8125rem;color:var(--color-black-4);text-decoration:none;letter-spacing:-.006em;transition:color .2s ease}.footer-link:hover{color:var(--color-white-2)}.footer-socials{display:flex;gap:.75rem;margin-top:.15rem}.footer-social-icon{width:36px;height:36px;border-radius:50%;background-color:#ffffff0f;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;text-decoration:none}.footer-social-icon i{color:var(--color-black-4);font-size:1rem;transition:color .2s ease}.footer-social-icon:hover{background-color:#ffffff1f;transform:translateY(-2px)}.footer-social-icon:hover i{color:var(--color-white-2)}.footer-copyright{padding:1.5rem 0;text-align:center}.footer-copyright p{font-family:var(--font-text);font-size:.75rem;color:#fff3;letter-spacing:-.006em}@media (min-width: 800px){.links2{display:flex}.hamburger-menu,.show{display:none}}@media (max-width: 1500px){.content{max-width:90%}.popup-content{width:70%}}@media (max-width: 1400px){h1>*{font-size:5rem;line-height:1}.into-background-text{font-size:1.3rem;line-height:1.75rem}.experience-popup-container{padding:2rem}}@media (max-width: 1100px){.experience-pos-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.experience-pos-grid-details{grid-column:1 / 4}.experience-pos-grid-image{grid-column:4/7;aspect-ratio:1/1}.experience-pos-grid-description{grid-column:1/4}.experience-pos-grid-skills{grid-column:4/7}}@media (max-width: 900px){.content{max-width:95%}.about-bento-portraits,.about-bento-story{grid-column:span 12}.about-bento-stat{grid-column:span 4}.about-bento-edu{grid-column:span 12}.about-bento-edu-img{grid-column:span 12;aspect-ratio:16 / 9}.about-tech-grid{grid-template-columns:1fr}}@media (max-width: 800px){.exp-grid{grid-template-columns:1fr;row-gap:2.5rem}.links{justify-content:end}.experience-pos-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr)}.experience-pos-grid-details{grid-row:2/3;grid-column:1/1}.experience-pos-grid-image{aspect-ratio:1/1;grid-row:1/2;grid-column:1/1}.experience-pos-grid-description{grid-row:3/4;grid-column:1/1}.experience-pos-grid-skills{grid-row:4/5;grid-column:1/1}.project-container{grid-template-columns:1fr;row-gap:2.5rem}.popup-content{width:95%}}@media (max-width: 750px){.footer-grid{grid-template-columns:1fr 1fr;row-gap:2.5rem}.footer-cta{padding:3rem 1rem}}@media (max-width: 700px){h1>*{font-size:3.5rem;line-height:1}.into-background-text{font-size:1.25rem;line-height:1.75rem}.sectionheading{font-size:2.25rem;line-height:2.5rem}}@media (max-width: 500px){.about-bento-stat{grid-column:span 12}.experience-popup-container{padding:.7rem}.footer-grid{grid-template-columns:1fr}}@media (max-width: 400px){.experience-pos-grid-image{aspect-ratio:auto}}@keyframes appear-fade-in-standard{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scroll-anim-fade-in-standard{animation:appear-fade-in-standard linear;animation-timeline:view();animation-range:entry 0% cover 25%}@keyframes text-fade-in{0%{opacity:0}to{opacity:1}}.fade-in-object{animation:text-fade-in linear both;animation-timeline:view();animation-range:entry 20% cover 35%}.hidden-anim{opacity:0;transition:all 1s}.hidden-header{transform:translateY(25px);filter:blur(2px)}.hidden-come-from-left{transform:translate(-50px)}.hidden-come-from-right{transform:translate(50px)}.show-element{opacity:1;transform:translate(0);filter:blur(0)}@media (prefers-reduced-motion){.hidden-anim{transition:none}}.about-tech-panel:nth-child(2){transition-delay:.1s}.about-tech-panel:nth-child(3){transition-delay:.2s}.about-tech-panel:nth-child(4){transition-delay:.3s}.hover\:translate-x-2:hover{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}