/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--leading-relaxed:1.625;--blur-md:12px;--blur-lg:16px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-40{top:calc(var(--spacing) * 40)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[200px\]{height:200px}.h-\[500px\]{height:500px}.h-\[550px\]{height:550px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-\[360px\]{width:360px}.w-\[500px\]{width:500px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-24{gap:calc(var(--spacing) * 24)}.overflow-hidden{overflow:hidden}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[48px\]{border-top-left-radius:48px;border-top-right-radius:48px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#0a0a1a\]{background-color:#0a0a1a}.bg-\[\#0a1010\]{background-color:#0a1010}.bg-\[\#0a1628\]{background-color:#0a1628}.bg-\[\#0d1a0d\]{background-color:#0d1a0d}.bg-\[\#0d1117\]{background-color:#0d1117}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-\[\#080810\]{background-color:#080810}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/30{--tw-gradient-via:#0000004d}@supports (color:color-mix(in lab, red, red)){.via-black\/30{--tw-gradient-via:color-mix(in oklab, var(--color-black) 30%, transparent)}}.via-black\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#080810\]\/60{--tw-gradient-to:oklab(13.9006% .00424669 -.0172189/.6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#080810\]\/90{--tw-gradient-to:oklab(13.9006% .00424669 -.0172189/.9);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-left{object-position:left}.object-right{object-position:right}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.p-24{padding:calc(var(--spacing) * 24)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-24{padding-inline:calc(var(--spacing) * 24)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-32{padding-block:calc(var(--spacing) * 32)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[5rem\]{font-size:5rem}.text-\[7rem\]{font-size:7rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[38px\]{font-size:38px}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.5px\]{--tw-tracking:-.5px;letter-spacing:-.5px}.tracking-\[-1px\]{--tw-tracking:-1px;letter-spacing:-1px}.tracking-\[-3px\]{--tw-tracking:-3px;letter-spacing:-3px}.tracking-\[-4px\]{--tw-tracking:-4px;letter-spacing:-4px}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-white{color:var(--color-white)}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.text-white\/35{color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:hidden:is(:where(.group):hover *){display:none}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:border-white\/35:hover{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/35:hover{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.hover\:bg-black\/50:hover{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/50:hover{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:#080810;margin:0;overflow-x:hidden}.hero-main{z-index:1;width:100%;min-height:100vh;position:relative}.about{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080810eb;border-top:1px solid #ffffff14;border-radius:40px 40px 0 0;width:100%;margin-top:-40vh;position:relative}.blob{filter:blur(90px);mix-blend-mode:screen;opacity:.7;z-index:-1;will-change:transform, border-radius, opacity;border-radius:40% 60% 70% 30%/40% 40% 60% 50%;width:550px;height:550px;position:fixed}.blob-1{opacity:.2;background:radial-gradient(circle at 30% 30%,#ff7ad9,#c13cff,#5b00ff);top:5%;right:-200px}.blob-2{opacity:.2;background:radial-gradient(circle at 70% 40%,#7df9ff,#00b4ff,#0038ff);bottom:0;left:-200px}.projects-wrap{flex-direction:column;width:100%;padding-top:90px;display:flex}.horizontal-section{align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.projects-heading{z-index:30;position:absolute;top:50px;left:10vw}.track{gap:40px;width:max-content;padding-inline:10vw;display:flex}.project-card,.experience-card{flex:1;min-width:0;transition:flex .9s cubic-bezier(.76,0,.24,1),opacity .6s,transform .8s,filter .8s;position:relative;overflow:hidden}.project-card img,.experience-card img{transition:transform 1.2s,filter 1s}.project-card:hover img,.experience-card:hover img{filter:brightness(.7);transform:scale(1.1)}.experience-show{gap:2rem;height:500px;display:flex}.experience-card{flex-direction:row;flex:1;min-width:0;transition:flex .9s cubic-bezier(.25,.46,.45,.94),opacity .4s;display:flex;overflow:hidden}.experience-show .experience-card:hover{flex:1}.experience-show:has(.experience-card:hover) .experience-card:not(:hover){opacity:0;flex:0;transition:flex .9s cubic-bezier(.25,.46,.45,.94),opacity .4s}.experience-card .image{opacity:0;flex-shrink:0;width:0;min-width:0;transition:width .9s cubic-bezier(.25,.46,.45,.94),opacity .5s .5s;overflow:hidden}.experience-card:hover .image{opacity:1;width:35%}.experience-card .image img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .9s}.experience-card:hover .image img{transform:scale(1.04)}.experience-card .body{flex-direction:column;flex:1;justify-content:center;gap:20px;min-width:0;padding:2rem;display:flex}.short{opacity:1;transition:opacity .2s,transform .2s;transform:translateY(0)}.experience-card:hover .short{opacity:0;pointer-events:none;position:absolute;transform:translateY(-8px)}.extra{opacity:0;flex-direction:column;gap:20px;max-height:0;transition:opacity .4s,transform .4s,max-height .6s;display:flex;overflow:hidden;transform:translateY(16px)}.experience-card:hover .extra{opacity:1;max-height:500px;transition:opacity .5s .6s,transform .5s .6s,max-height .6s .3s;transform:translateY(0)}.skills-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.skills-grid>:first-child{grid-column:1/-1}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mqr{0%{transform:translate(-50%)}to{transform:translate(0)}}.mq-wrap{margin-bottom:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.mq-inner{white-space:nowrap;gap:10px;animation:20s linear infinite mq;display:flex}.mq-inner.rev{animation:24s linear infinite mqr}.mq-inner.slow{animation:30s linear infinite mq}.marquee:hover .mq-inner{animation-play-state:paused}.mq-inner span{color:#ffffff8c;letter-spacing:.02em;background:#ffffff08;border:.5px solid #ffffff14;border-radius:100px;flex-shrink:0;padding:10px 20px;font-size:13px}.cert-item{align-items:flex-start;gap:16px;display:flex}.cert-icon{margin-top:4px;font-size:28px;line-height:1}.lead-item{align-items:flex-start;gap:16px;display:flex}.lead-dot{background:#ffffff4d;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:10px}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:#fff;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-menu{z-index:40;background:#080810f7;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-menu a{color:#ffffffb3;letter-spacing:-.5px;font-size:2rem;font-weight:800;text-decoration:none;transition:color .2s}.mobile-menu a:hover{color:#fff}.mobile-menu.open{display:flex}.mobile-close{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:2rem;right:1.5rem}.mobile-close:hover{color:#fff}@media (width<=1024px){nav{padding-block:1.5rem;padding-inline:2rem}.hero-main{gap:3rem;padding:6rem 3rem 4rem;grid-template-columns:1fr!important}.hero-main img{display:none}.hero-main h1{font-size:5rem!important}.about{margin-top:-30vh;padding:4rem 3rem}.about .grid{gap:3rem;grid-template-columns:1fr!important}.about .sticky{position:static}.about h2{font-size:3.5rem!important}.projects-wrap{padding-top:60px}.projects-heading{z-index:30;top:20px;left:10vw}.horizontal-section{-webkit-overflow-scrolling:touch;scrollbar-width:none;height:auto;padding-block:5rem 3rem;overflow:auto visible}.horizontal-section::-webkit-scrollbar{display:none}.track{gap:20px;width:max-content;padding-inline:5vw}.project-card{flex-shrink:0;width:300px!important}.experience{padding-inline:3rem}.experience-show{flex-direction:column;gap:1rem;height:auto}.experience-card{height:220px;opacity:1!important;flex:none!important;width:100%!important;transition:none!important}.experience-show:has(.experience-card:hover) .experience-card:not(:hover){opacity:1!important;flex:none!important;width:100%!important}.experience-card .image{opacity:1!important;width:200px!important;transition:none!important}.experience-card .body{gap:10px;padding:1.5rem}.experience-card .body h2{font-size:1.5rem!important}.short{opacity:1!important;font-size:13px!important;display:block!important;position:static!important;transform:none!important}.extra{display:none!important}.skills-section{width:100%;padding:4rem 3rem;overflow:hidden}.skills-grid{width:100%;grid-template-columns:1fr!important}.marquee{width:100%;overflow:hidden}.mq-wrap{width:100%;max-width:100%;overflow:hidden}.mq-inner{width:max-content}#contact{padding-inline:0;width:80%!important}#contact h2{font-size:3.5rem!important}}@media (width<=640px){nav{padding-inline:1.5rem}nav ul.nav-links{display:none}.hamburger{display:flex}.hero-main{padding:2rem 1.5rem}.hero-main h1{letter-spacing:-2px!important;font-size:3.5rem!important}.hero-main p{font-size:1rem!important}.about{border-radius:24px 24px 0 0;margin-top:-45vh;padding:3rem 1.5rem}.about h2{font-size:2.8rem!important}.projects-wrap{padding-top:80px}.projects-heading{top:10px;left:1.5rem}.horizontal-section{padding-block:4rem 2rem}.track{gap:16px;padding-inline:1.5rem}.project-card{width:280px!important}.experience{padding:30px}.experience-card{height:300px}.experience-card .image{display:none;width:140px!important}.experience-card .body h2{font-size:1.2rem!important}.experience-card .body p,.short{font-size:12px!important}.skills-section{width:100%;padding:3rem 1.5rem;overflow:hidden}.marquee{width:100%;overflow:hidden}#contact{padding-inline:1.5rem;width:100%!important}#contact h2{font-size:2.8rem!important}.mt-24{padding-inline:1.5rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}