@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.4rem;--radius-sm:.4rem;--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);--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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}.static{position:static}.sticky{position:sticky}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow: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}.border-line{border-color:var(--line)}.bg-surface{background-color:var(--surface)}.p-4{padding:calc(var(--spacing) * 4)}.text-primary{color:var(--primary)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}}:root{--background-light:#f4faf8;--on-background-light:#1c2220;--surface-light:#f4faf8;--on-surface-light:#1c2220;--on-surface-variant-light:#46534f;--surface-container-low-light:#eef6f4;--surface-container-light:#e9f2ef;--surface-bright-light:#f4faf8;--primary-light:#2eb885;--on-primary-light:#fff;--outline-light:#74817c;--outline-variant-light:#bcc8c4;--background-dark:#101816;--on-background-dark:#dae7e2;--surface-dark:#101816;--on-surface-dark:#dae7e2;--on-surface-variant-dark:#bcc8c4;--surface-container-low-dark:#1c2623;--surface-container-dark:#212c28;--surface-bright-dark:#344640;--primary-dark:#85e0bf;--on-primary-dark:#1f4738;--outline-dark:#8d9a96;--outline-variant-dark:#4d5c57;--font-primary:"Open Sans", sans-serif;--font-secondary:"Noto Sans", sans-serif;--base-font-size:62.5%;--display-large:5.7rem;--display-medium:4.5rem;--display-small:3.6rem;--headline-large:3.2rem;--headline-medium:2.8rem;--headline-small:2.4rem;--title-large:2rem;--title-medium:1.6rem;--title-small:1.4rem;--label-large:1.4rem;--label-medium:1.2rem;--label-small:1.1rem;--body-large:1.6rem;--body-medium:1.4rem;--body-small:1.2rem;--weight-regular:400;--weight-medium:500;--shape-corner-extra-small:4px;--shape-corner-small:8px;--shape-corner-medium:12px;--shape-corner-large:16px;--shape-corner-full:500px;--shape-corner-circle:50%;--elevation-1:0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004d;--section-padding:24px;--top-bar-height:64px;--motion-duration-short-1:.1s;--motion-easing-linear:cubic-bezier(0, 0, 1, 1)}[data-theme=light]{color-scheme:light;--background:var(--background-light);--on-background:var(--on-background-light);--surface:var(--surface-light);--on-surface:var(--on-surface-light);--on-surface-variant:var(--on-surface-variant-light);--surface-container-low:var(--surface-container-low-light);--surface-container:var(--surface-container-light);--surface-bright:var(--surface-bright-light);--primary:var(--primary-light);--on-primary:var(--on-primary-light);--outline:var(--outline-light);--outline-variant:var(--outline-variant-light)}[data-theme=dark]{color-scheme:dark;--background:var(--background-dark);--on-background:var(--on-background-dark);--surface:var(--surface-dark);--on-surface:var(--on-surface-dark);--on-surface-variant:var(--on-surface-variant-dark);--surface-container-low:var(--surface-container-low-dark);--surface-container:var(--surface-container-dark);--surface-bright:var(--surface-bright-dark);--primary:var(--primary-dark);--on-primary:var(--on-primary-dark);--outline:var(--outline-dark);--outline-variant:var(--outline-variant-dark)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card,.btn,.chip,.img-holder{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}li{list-style:none}a,img,span,input,button,textarea{display:block}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}input,button,textarea{font:inherit;background:0 0;border:none}input,textarea{width:100%}button{cursor:pointer}textarea{resize:none}html{font-family:var(--font-secondary);font-size:var(--base-font-size);scroll-behavior:smooth;max-width:100%;line-height:normal;overflow-x:clip}body{background:linear-gradient(135deg,var(--background) 0%,var(--surface-container-low) 100%);color:var(--on-background);font-size:var(--body-large);max-width:100%;margin:0;padding:0;position:relative;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20%,#00bfa61a,#0000 50%),radial-gradient(circle at 80% 80%,#00bfa614,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar-thumb{background:var(--primary)}::-webkit-scrollbar-thumb:hover{background:#836fb8}.loader-container{z-index:9999;background:linear-gradient(135deg,#0a1612,#1a2826);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .8s ease-in-out,opacity .6s ease-in-out;display:flex;position:fixed;top:0;left:0}.loader-container.loader-hidden{opacity:0;transform:translateY(-100%)}.loader-content{animation:1s ease-out slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;width:1em;height:1em;display:block}.section-title{margin-block-end:16px}.hidden{display:none}.btn{background:linear-gradient(135deg,var(--primary) 0%,#00d4aa 100%);height:48px;color:var(--on-primary);font-weight:var(--weight-medium);--state-layer-bg:var(--on-primary);border-radius:25px;place-items:center;padding-inline:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn:hover:not(:focus){transform:translateY(-3px);box-shadow:0 10px 30px #00bfa666}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;background-color:var(--primary);color:var(--surface-container);margin-top:50px;padding:12px 0;font-size:14px}.footer p{justify-content:center;gap:3px;display:flex}.scroll-to-top{background-color:var(--primary);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;transition:all .3s,opacity .3s,transform .3s;animation:1s infinite alternate scroll;display:flex;position:fixed;bottom:60px;right:30px;box-shadow:0 4px 12px #0003}.scroll-to-top.show{opacity:1;pointer-events:auto;transform:scale(1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:999;animation:.6s ease-in-out circle-expand}@keyframes circle-expand{0%{clip-path:circle(0 at var(--x,50%) var(--y,50%))}to{clip-path:circle(var(--r,150%) at var(--x,50%) var(--y,50%))}}*{box-sizing:border-box}.navbar{z-index:10000;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffff0d;border-bottom:1px solid #ffffff1a;width:100%;max-width:100vw;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0;overflow-x:hidden}.navbar.scrolled{background:#ffffff14;box-shadow:0 4px 30px #0000001a}.nav-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo .logo-text{font-size:2.4rem;font-weight:700;font-family:var(--font-secondary);background:linear-gradient(135deg,var(--primary) 0%,#00d4aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:1.5rem;display:flex}.theme-toggle{cursor:pointer;background:linear-gradient(135deg,#00bfa633,#667eea33);border:2px solid #ffffff4d;border-radius:25px;place-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.theme-toggle:before{content:"";background:linear-gradient(135deg,var(--primary),#667eea);opacity:0;transition:opacity .3s;position:absolute;inset:0}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 5px 20px #00bfa666}.theme-toggle:hover:before{opacity:.3}.theme-toggle .material-symbols-outlined{z-index:1;font-size:2.4rem;transition:all .3s;position:relative}[data-theme=dark] .theme-toggle .light,[data-theme=light] .theme-toggle .dark{display:none}.nav-toggle.active .hamburger{background:0 0}.nav-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{bottom:0;transform:rotate(-45deg)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#00d4aa 100%);color:#fff;border:none;border-radius:50px;align-items:center;gap:.8rem;padding:1.4rem 3rem;font-size:1.6rem;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00bfa666}@media(max-width:968px){.navbar{position:fixed;overflow:visible}.nav-container{padding:0 1.5rem;position:relative}.btn-primary{padding:1.2rem 2.5rem;font-size:1.5rem}}@media(max-width:640px){.nav-container{padding:0 1rem}.section-container{padding:6rem 1rem}.btn-primary{justify-content:center;width:100%}}.section-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:8rem 2rem}.section-header{text-align:center;margin-bottom:6rem}.section-tag{color:var(--primary);background:#00bfa61a;border-radius:50px;margin-bottom:1.5rem;padding:.8rem 2rem;font-size:1.4rem;font-weight:600;display:inline-block}.section-title{background:linear-gradient(135deg,var(--on-surface) 0%,var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:4.5rem;font-weight:700}.section-description{color:var(--on-surface-variant);max-width:600px;margin:0 auto;font-size:1.8rem;line-height:1.8}.stat-item{text-align:center}.stat-number{color:var(--primary);margin-bottom:.5rem;font-size:4rem;font-weight:700}.stat-label{color:var(--on-surface-variant);font-size:1.4rem}.info-card .material-symbols-outlined{color:var(--primary);font-size:3rem}.skills-categories{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:4rem;display:flex}.category-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-surface-variant);cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50px;align-items:center;gap:.8rem;padding:1.2rem 2.4rem;font-size:1.5rem;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.category-btn:before{content:"";background:#00bfa633;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-btn:hover:before{width:300px;height:300px}.category-btn .material-symbols-outlined{z-index:1;font-size:2rem;position:relative}.category-btn span:last-child{z-index:1;position:relative}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:6rem;display:grid}.skill-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-card:before{content:"";opacity:0;background:linear-gradient(135deg,#00bfa61a,#00d4aa0d);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 60px #00bfa64d}.skill-card-header{z-index:1;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.skill-icon-wrapper{background:#ffffff14;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:relative}.skill-card:hover .skill-icon-wrapper{background:#00bfa626;transform:rotate(5deg)scale(1.1)}.skill-icon{z-index:2;filter:drop-shadow(0 4px 12px #00bfa64d);width:45px;height:45px;position:relative}.skill-glow{opacity:0;background:radial-gradient(circle,#00bfa666,#0000 70%);width:60px;height:60px;transition:opacity .3s;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-card:hover .skill-glow{opacity:1}@keyframes pulse{50%{opacity:.5}}.skill-info{flex:1}.skill-name{color:var(--on-surface);background:linear-gradient(135deg,var(--on-surface) 0%,var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.skill-level{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#00bfa626;border:1px solid #00bfa64d;border-radius:20px;padding:.4rem 1.2rem;font-size:1.2rem;font-weight:600;display:inline-block}.skill-progress{z-index:1;background:#ffffff1a;border-radius:10px;width:100%;height:8px;margin-bottom:1.5rem;position:relative;overflow:hidden}.skill-progress-bar{height:100%;width:var(--progress);background:linear-gradient(90deg,var(--primary) 0%,#00d4aa 100%);border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #00bfa699}.skill-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-description{color:var(--on-surface-variant);z-index:1;font-size:1.4rem;line-height:1.6;position:relative}.skills-showcase{background:linear-gradient(135deg,#00bfa61a,#00d4aa0d);border-top:1px solid #00bfa633;border-bottom:1px solid #00bfa633;width:100vw;margin-bottom:6rem;margin-left:-50vw;margin-right:-50vw;padding:3rem 0;position:relative;left:50%;right:50%;overflow:hidden}.showcase-track{gap:3rem;width:fit-content;animation:25s linear infinite scroll;display:flex}.showcase-track:hover{animation-play-state:paused}.showcase-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:1rem;padding:1.5rem 2.5rem;transition:all .3s;display:flex}.showcase-item:hover{border-color:var(--primary);background:#00bfa626;transform:scale(1.05);box-shadow:0 8px 25px #00bfa64d}.showcase-item .material-symbols-outlined{color:var(--primary);font-size:2.4rem}.showcase-item span:last-child{color:var(--on-surface);font-size:1.6rem;font-weight:600}.skill-card.hidden{display:none}.skill-card{animation:.6s forwards fadeInUp}.resume-download{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:4rem;padding:4rem}.resume-download h3{background:linear-gradient(135deg,var(--on-surface) 0%,var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.8rem}.resume-download p{color:var(--on-surface-variant);margin-bottom:2rem;font-size:1.6rem}.resume-download .btn-primary{justify-content:center;align-items:center;gap:1rem;margin:0 auto;display:inline-flex}[data-theme=light] .section-tag{color:#00bfa6;background:#00bfa61a}[data-theme=light] .info-card,[data-theme=light] .skill-slide{background:#fff;border-color:#e0e0e0}[data-theme=light] .info-card:hover,[data-theme=light] .skill-slide:hover{background:#00bfa60d;border-color:#00bfa6}@media(max-width:968px){.section-container{padding:6rem 2rem}.section-title{font-size:3.5rem}}@media(max-width:640px){.section-container{padding:5rem 1.5rem}.section-header{margin-bottom:4rem}.section-tag{padding:.6rem 1.5rem;font-size:1.2rem}.section-title{font-size:3rem}.section-description{font-size:1.6rem}.stat-number{font-size:3.5rem}.skill-icon{width:50px;height:50px}.skill-name{font-size:1.4rem}.resume-download{padding:3rem 2rem}.resume-download h3{font-size:2.2rem}}@media(max-width:480px){.section-title{font-size:2.5rem}.stat-number{font-size:3rem}.resume-download{padding:2rem 1.5rem}.pagination-dot.active{width:25px}}.scroll-animate{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(50px)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(60px)}.fade-up.animate-in{opacity:1;transform:translateY(0)}.fade-down{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(-60px)}.fade-down.animate-in{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translate(-60px)}.fade-left.animate-in{opacity:1;transform:translate(0)}.fade-right{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translate(60px)}.fade-right.animate-in{opacity:1;transform:translate(0)}.scale-in{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:scale(.8)}.scale-in.animate-in{opacity:1;transform:scale(1)}.rotate-in{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:rotate(-10deg)scale(.9)}.rotate-in.animate-in{opacity:1;transform:rotate(0)scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.parallax{transition:transform .5s cubic-bezier(.4,0,.2,1)}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)translateY(100px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}.bounce-in{animation:1s cubic-bezier(.4,0,.2,1) bounce-in}@keyframes slide-fade-up{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.slide-fade-up{animation:.8s ease-out slide-fade-up}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00bfa64d}50%{box-shadow:0 0 40px #00bfa699}}.glow-on-scroll{animation:2s ease-in-out infinite glow-pulse}.reveal{position:relative;overflow:hidden}.reveal:before{content:"";background:var(--primary);z-index:1;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(-100%)}.reveal.animate-in:before{transform:translate(100%)}.blur-in{opacity:0;filter:blur(10px);transition:all .8s cubic-bezier(.4,0,.2,1);transform:scale(.95)}.blur-in.animate-in{opacity:1;filter:blur();transform:scale(1)}@keyframes flip-in{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}.flip-in{animation:.8s cubic-bezier(.4,0,.2,1) flip-in}@media(prefers-reduced-motion:reduce){.scroll-animate,.fade-up,.fade-down,.fade-left,.fade-right,.scale-in,.rotate-in,.blur-in{opacity:1;transition:none;animation:none;transform:none}}html,body{max-width:100vw;position:relative;overflow-x:clip}.nav-container,.section-container{box-sizing:border-box;max-width:100%}@media(max-width:480px){.section-container{padding-left:1.2rem;padding-right:1.2rem}.section-title{font-size:clamp(2.8rem,10vw,3.6rem)}}@media(max-width:360px){.section-container{padding-left:.8rem;padding-right:.8rem}}:root{--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--radius:24px;--radius-sm:16px;--acc-rgb:130, 130, 130}[data-theme=dark]{--background:#0f0f0f;--on-background:#f3f4f1;--surface:#111311;--on-surface:#f3f4f1;--on-surface-variant:#9aa09b;--surface-container-low:#121412;--surface-container:#161816;--outline:#ffffff29;--outline-variant:#ffffff1a;--primary:#25e2a8;--on-primary:#04130d;--card-bg:#ffffff08;--line:#ffffff1f;--tint-strength:.09}[data-theme=light]{--background:#fefefe;--on-background:#0d0e0c;--surface:#fff;--on-surface:#0d0e0c;--on-surface-variant:#5f635e;--surface-container-low:#f5f4f0;--surface-container:#fff;--outline:#00000029;--outline-variant:#00000014;--primary:#008f68;--on-primary:#fff;--card-bg:#fff;--line:#0000001a;--tint-strength:.1}body{color:var(--on-background);font-family:var(--font-primary);background:var(--background)!important}body:before{display:none!important}::selection{background:var(--primary);color:var(--on-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--background);border-radius:999px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.loader-container{z-index:9999;transition:clip-path 1s var(--ease);clip-path:inset(0);place-items:center;display:grid;position:fixed;inset:0;background:var(--background)!important}.loader-container.loader-hidden{opacity:1;clip-path:inset(0 0 100%);pointer-events:none;transform:none}.loader-content{flex-direction:column;align-items:center;gap:clamp(2rem,4vw,3rem);width:min(86vw,620px);animation:none;display:flex}.loader-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;text-align:center;color:var(--on-surface);font-size:clamp(3.6rem,10vw,8rem);font-weight:700;line-height:.88}.loader-name .loader-line{animation:l-reveal .95s var(--ease) both;display:block}.loader-name .loader-line:nth-child(2){color:#0000;-webkit-text-stroke:1.4px var(--on-surface);animation-delay:.14s}.loader-name sup{vertical-align:super;color:var(--primary);-webkit-text-fill-color:var(--primary);-webkit-text-stroke:0;font-size:.3em}@keyframes l-reveal{0%{clip-path:inset(0 0 115%);transform:translateY(28px)}to{clip-path:inset(0 0 -15%);transform:translateY(0)}}.loader-bar{background:var(--line);border-radius:999px;width:min(72vw,340px);height:3px;overflow:hidden}.loader-bar-fill{transform-origin:0;background:linear-gradient(90deg,var(--primary),#34e3c4);width:100%;height:100%;display:block;transform:scaleX(0)}.loader-meta{width:min(72vw,340px);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant);justify-content:space-between;align-items:center;font-size:1.15rem;display:flex}.loader-count{color:var(--on-surface);font-variant-numeric:tabular-nums}:root{--nav-h:8.6rem}.navbar{z-index:10000;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;box-shadow:none;mix-blend-mode:normal;transition:padding .3s var(--ease),transform .35s var(--ease);background:0 0;border-bottom:none;padding:clamp(1rem,2vh,1.6rem) clamp(1rem,3vw,2rem);position:fixed;inset:0 0 auto;overflow:visible}.navbar .nav-container{background:var(--surface);border-radius:999px;justify-content:space-between;align-items:center;gap:clamp(2rem,4vw,4.5rem);width:fit-content;max-width:min(112rem,100%);margin-inline:auto;padding:.7rem .8rem .7rem 1.4rem;display:flex}@supports (color:color-mix(in lab,red,red)){.navbar .nav-container{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.navbar .nav-container{-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border:1px solid var(--line);box-sizing:border-box;transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease),padding .3s var(--ease);box-shadow:0 1px 2px #0000000a}.navbar.scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-bottom:none;padding-block:clamp(.8rem,1.4vh,1.2rem)}.navbar.scrolled .nav-container{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.navbar.scrolled .nav-container{background:color-mix(in srgb,var(--surface) 97%,transparent)}}.navbar.scrolled .nav-container{border-color:var(--on-surface);box-shadow:0 12px 30px -14px #00000059}@supports (color:color-mix(in lab,red,red)){.navbar.scrolled .nav-container{border-color:color-mix(in srgb,var(--on-surface) 14%,transparent)}}.nav-container{max-width:none;padding:0}.nav-logo{flex:none;align-items:center;gap:.7rem;display:flex}.nav-logo .logo-mark{flex:none;width:auto;height:3.6rem;display:block}.nav-logo .logo-text{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--on-surface);-webkit-text-fill-color:currentColor;background:0 0;font-size:clamp(1.7rem,1vw + 1.2rem,2.2rem);font-weight:700;line-height:1;display:block}.nav-logo .logo-text sup{vertical-align:super;color:var(--on-surface-variant);-webkit-text-fill-color:currentColor;font-size:.5em}.nav-container{justify-content:space-between}.nav-actions{flex:none;align-items:center;gap:.8rem;display:flex}.theme-toggle{background:var(--card-bg);border:1px solid var(--line);width:4rem;height:4rem;transition:border-color .25s var(--ease),background .25s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--primary);box-shadow:none;transform:none}.theme-toggle:before{display:none}.theme-toggle .material-symbols-outlined{color:var(--on-surface);font-size:2rem}.theme-toggle:hover .material-symbols-outlined{transform:none}@media(max-width:968px){:root{--nav-h:7.8rem}.navbar .nav-container{border-radius:2.4rem;gap:1.2rem;width:100%;max-width:100%;padding:.6rem .7rem .6rem 1.1rem;position:relative}.nav-logo .logo-mark{height:3.2rem}}@media(max-width:400px){.nav-logo .logo-text{display:none}}.hero-xl{height:100svh;min-height:100svh;max-height:100dvh;padding:calc(var(--nav-h) + clamp(1.6rem,5vh,4.5rem)) clamp(1.2rem,4vw,3rem) 0;isolation:isolate;background:var(--background);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.hero-xl:before,.hero-xl:after{display:none}.hx-inner{text-align:center;z-index:1;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;width:100%;max-width:1320px;min-height:0;margin:0 auto;display:flex;position:relative}.hx-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--on-surface);text-transform:none;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(3.4rem,min(8.6vw,11vh),10.5rem);font-weight:800;line-height:1.04}.hx-line{display:block}.hx-subtitle{font-family:var(--font-display);color:var(--on-surface-variant);letter-spacing:.02em;text-wrap:balance;max-width:46ch;margin:clamp(1.2rem,2.4vh,2rem) auto 0;font-size:clamp(1.6rem,.8vw + 1.2rem,2.4rem);font-weight:400;line-height:1.5}.hx-hero-photo{grid-column:2;justify-content:center;align-items:flex-end;width:100%;height:clamp(16rem,42vh,44rem);max-height:44vh;display:flex;position:relative;overflow:hidden}.hx-hero-photo-img{object-fit:contain;object-position:center bottom;filter:grayscale();-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:200%;height:100%;max-height:100%;display:block}.hx-stage{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) minmax(0,1fr);align-items:end;column-gap:clamp(1rem,2.5vw,3rem);width:100%;margin-top:auto;display:grid}.hx-rail{font-family:var(--font-display);color:var(--on-surface-variant);flex-direction:column;gap:clamp(1.4rem,2.4vh,2.4rem);padding-bottom:clamp(1.6rem,4vh,3.6rem);font-size:1.4rem;display:flex}.hx-rail-start{grid-column:1;align-items:flex-start}.hx-rail-end{text-align:right;grid-column:3;align-items:flex-end}.hx-status{border:1px solid var(--line);background:var(--card-bg);color:var(--on-surface);white-space:nowrap;border-radius:999px;align-items:center;gap:.8rem;margin:0;padding:.6rem 1.2rem .6rem 1rem;font-size:1.3rem;line-height:1;display:inline-flex}.hx-dot{background:var(--primary);width:.8rem;height:.8rem;box-shadow:0 0 0 0 var(--primary);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.hx-dot{box-shadow:0 0 color-mix(in srgb,var(--primary) 60%,transparent)}}.hx-dot{animation:hx-pulse 2.4s var(--ease) infinite}@keyframes hx-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--primary) 55%,transparent)}70%{box-shadow:0 0 0 .9rem #0000}to{box-shadow:0 0 #0000}}.hx-facts{flex-direction:column;gap:clamp(1.2rem,2vh,2rem);margin:0;display:flex}.hx-fact{border-left:2px solid var(--line);flex-direction:column;gap:.2rem;padding-left:1.2rem;display:flex}.hx-fact dt{font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-surface);font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.4vw,2.8rem);font-weight:700}.hx-fact dd{color:var(--on-surface-variant);margin:0;font-size:1.3rem;line-height:1.35}.hx-place{letter-spacing:.16em;text-transform:uppercase;color:var(--on-surface-variant);margin:0;font-size:1.2rem}.hx-links{flex-direction:column;align-items:flex-end;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.hx-links a{color:var(--on-surface-variant);transition:color .25s var(--ease),gap .25s var(--ease);align-items:baseline;gap:.5rem;font-size:1.5rem;font-weight:500;display:inline-flex}.hx-links a span{opacity:.7;font-size:.85em}.hx-links a:hover{color:var(--on-surface);gap:.9rem}.hx-scroll{letter-spacing:.22em;text-transform:uppercase;color:var(--on-surface-variant);transition:color .25s var(--ease);flex-direction:column;align-items:flex-end;gap:.8rem;font-size:1.1rem;display:inline-flex}.hx-scroll:hover{color:var(--on-surface)}.hx-scroll-line{background:linear-gradient(to bottom,var(--on-surface-variant),transparent);width:1px;height:clamp(3rem,7vh,6rem);animation:hx-cue 2.2s var(--ease) infinite;transform-origin:top}@keyframes hx-cue{0%,to{opacity:.35;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}[data-theme=dark] .hx-hero-light{display:none}[data-theme=dark] .hx-hero-dark,[data-theme=light] .hx-hero-light{display:block}[data-theme=light] .hx-hero-dark{display:none}.section-container{max-width:1320px;padding-block:clamp(6rem,10vw,11rem)}.section-header{text-align:center;max-width:100%;margin-bottom:clamp(3.5rem,6vw,6rem)}.section-tag{border:1px solid var(--line);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.16em;background:0 0;border-radius:999px;margin-bottom:2rem;padding:.6rem 1.4rem;font-size:1.2rem;display:inline-block}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;background:linear-gradient(100deg,var(--on-surface) 0%,var(--on-surface) 38%,var(--primary) 50%,var(--on-surface) 62%,var(--on-surface) 100%);-webkit-text-fill-color:transparent;background-size:220%;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-weight:700;line-height:.95;animation:7s linear infinite title-sheen;font-size:clamp(3.6rem,9vw,9rem)!important}@keyframes title-sheen{to{background-position:-220%}}.section-description{max-width:620px;color:var(--on-surface-variant);margin:0 auto;font-size:clamp(1.5rem,2vw,1.8rem)}.accent-emerald{--acc-rgb:16, 185, 129}.accent-violet{--acc-rgb:124, 108, 255}.accent-coral{--acc-rgb:255, 99, 88}.accent-amber{--acc-rgb:240, 165, 36}.accent-sky{--acc-rgb:56, 160, 255}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:clamp(1rem,1.6vw,1.6rem);display:grid}.bento-card{border-radius:var(--radius);background:rgba(var(--acc-rgb),var(--tint-strength));border:1px solid rgba(var(--acc-rgb),.28);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);flex-direction:column;gap:.8rem;padding:clamp(1.8rem,2.4vw,2.6rem);display:flex;position:relative;overflow:hidden}[data-theme=light] .bento-card{background:rgba(var(--acc-rgb),1)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .bento-card{background:color-mix(in srgb,rgba(var(--acc-rgb),1) 9%,#fff)}}.bento-card:hover{border-color:rgba(var(--acc-rgb),.6);box-shadow:0 24px 50px -22px rgba(var(--acc-rgb),.55);transform:translateY(-6px)}.bento-card .material-symbols-outlined{color:rgb(var(--acc-rgb));font-size:3rem}.bento-about .b-intro{grid-area:span 2/span 2;justify-content:center}.bento-about .bento-card:last-child{grid-column:span 2}.bento-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:rgb(var(--acc-rgb));font-size:1.2rem}.bento-lead{color:var(--on-surface);font-size:clamp(1.8rem,2.4vw,2.6rem);font-weight:600;line-height:1.3}.bento-text{color:var(--on-surface-variant);font-size:1.5rem;line-height:1.7}.bento-card.stat{justify-content:center;align-items:flex-start}.bento-stat-num{font-family:var(--font-display);color:rgb(var(--acc-rgb));font-size:clamp(3.4rem,5vw,5rem);font-weight:700;line-height:1}.bento-stat-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:1.35rem}.bento-card.info{flex-direction:row;align-items:center;gap:1.4rem}.bento-card.info h4{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:.3rem;font-size:1.2rem;font-weight:500}.bento-card.info p{color:var(--on-surface);word-break:break-word;font-size:1.55rem;font-weight:600}.xp{--xp-dot:1.4rem;--xp-node-pad:.4rem;background:var(--background);position:relative}.xp-sticky{padding-block:clamp(6rem,10vw,11rem)}.xp-inner{max-width:1320px;margin-inline:auto;padding-inline:clamp(2rem,5vw,4rem)}.xp-head{margin-bottom:clamp(3rem,6vw,5rem)}.xp-head .section-tag{margin:0 0 1.6rem;display:inline-block}.xp-head .section-title{text-align:left;margin:0;font-size:clamp(3.2rem,5.6vw,6.4rem)!important}.xp-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--on-surface-variant);align-items:baseline;gap:.6rem;margin:clamp(1.8rem,3vw,2.8rem) 0 0;font-size:1.4rem;display:flex}.xp-count-now{letter-spacing:-.03em;color:var(--on-surface);font-size:clamp(2.6rem,3.4vw,4rem);font-weight:700;line-height:1}.xp-count-sep{opacity:.5}.xp-rail{position:relative}.xp-line{left:calc(var(--xp-node-pad) + var(--xp-dot) / 2);background:var(--line);border-radius:2px;width:2px;margin-left:-1px;position:absolute;overflow:hidden}.xp-line-fill{border-radius:inherit;background:linear-gradient(to bottom,var(--on-surface),var(--on-surface));height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.xp-line-fill{background:linear-gradient(to bottom,var(--on-surface),color-mix(in srgb,var(--on-surface) 55%,transparent))}}.xp-line-fill{transform-origin:top;will-change:transform;transform:scaleY(0)}.xp-list{flex-direction:column;gap:clamp(2.4rem,5vw,3.6rem);margin:0;padding:0;list-style:none;display:flex}.xp-item{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:clamp(1.6rem,3vw,2.4rem);display:grid}.xp-node{padding:var(--xp-node-pad);text-align:left;cursor:pointer;background:0 0;border:0;grid-column:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.4rem;display:grid}.xp-dot{z-index:1;width:var(--xp-dot);height:var(--xp-dot);border:2px solid var(--line);background:var(--background);transition:transform .5s var(--ease),background .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease);border-radius:50%;position:relative}.xp-dot.is-current{border-color:rgb(var(--acc-rgb))}@supports (color:color-mix(in lab,red,red)){.xp-dot.is-current{border-color:color-mix(in srgb,rgb(var(--acc-rgb)) 70%,transparent)}}.xp-item[data-state=past] .xp-dot{border-color:rgb(var(--acc-rgb))}@supports (color:color-mix(in lab,red,red)){.xp-item[data-state=past] .xp-dot{border-color:color-mix(in srgb,rgb(var(--acc-rgb)) 60%,transparent)}}.xp-item[data-state=past] .xp-dot{background:rgb(var(--acc-rgb))}@supports (color:color-mix(in lab,red,red)){.xp-item[data-state=past] .xp-dot{background:color-mix(in srgb,rgb(var(--acc-rgb)) 55%,transparent)}}.xp-item[data-state=active] .xp-dot{border-color:rgb(var(--acc-rgb));background:rgb(var(--acc-rgb));box-shadow:0 0 0 .5rem rgba(var(--acc-rgb),.14);transform:scale(1.28)}.xp-node-text{display:none}.xp-node-company{font-family:var(--font-display);letter-spacing:-.01em;color:var(--on-surface);font-size:1.5rem;font-weight:600;line-height:1.25;display:block}.xp-node-period{font-variant-numeric:tabular-nums;color:var(--on-surface-variant);margin-top:.3rem;font-size:1.2rem;display:block}.xp-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(var(--acc-rgb),var(--tint-strength)),transparent 58%),var(--surface-container);transition:opacity .55s var(--ease),border-color .55s var(--ease);flex-direction:column;grid-column:2;gap:1.3rem;padding:clamp(2rem,2.6vw,3rem);display:flex}.xp-item[data-state=past] .xp-card{opacity:.68}.xp-item[data-state=future] .xp-card{opacity:.5}.xp-item[data-state=active] .xp-card{opacity:1;border-color:rgba(var(--acc-rgb),.42)}.xp-meta{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:1rem;margin:0;font-size:1.2rem;display:flex}.xp-meta-period{font-variant-numeric:tabular-nums;color:rgb(var(--acc-rgb));font-weight:600}.xp-meta-dot{opacity:.5;background:currentColor;border-radius:50%;width:3px;height:3px}.xp-badge{border:1px solid rgba(var(--acc-rgb),.45);letter-spacing:.12em;color:rgb(var(--acc-rgb));border-radius:999px;padding:.35rem .9rem;font-size:1.05rem}.xp-role{font-family:var(--font-display);letter-spacing:-.03em;text-transform:none;color:var(--on-surface);margin:0;font-size:clamp(2.2rem,2.6vw,3.2rem);font-weight:700;line-height:1.12}.xp-company{color:var(--on-surface-variant);margin:0;font-size:1.6rem}.xp-points{flex-direction:column;gap:1.1rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.xp-points li{color:var(--on-surface-variant);padding-left:2.2rem;font-size:1.55rem;line-height:1.65;position:relative}.xp-points li:before{content:"";background:rgb(var(--acc-rgb));opacity:.85;width:1.1rem;height:1px;position:absolute;top:.8em;left:0}@media(min-width:901px)and (prefers-reduced-motion:no-preference){.xp:not(.xp--flow) .xp-sticky{box-sizing:border-box;height:100svh;padding-top:calc(var(--nav-h,8.6rem) + clamp(1rem,3vh,3rem));align-items:center;padding-bottom:clamp(2rem,4vh,4rem);display:flex;position:sticky;top:0;overflow:hidden}.xp:not(.xp--flow) .xp-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);align-items:center;gap:clamp(3rem,5vw,7rem);width:100%;display:grid}.xp:not(.xp--flow) .xp-head{margin-bottom:0}.xp:not(.xp--flow) .xp-list{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);grid-template-rows:repeat(var(--xp-rows,4),auto);gap:0;display:grid}.xp:not(.xp--flow) .xp-item{display:contents}.xp:not(.xp--flow) .xp-node{grid-column:1;align-self:center}.xp:not(.xp--flow) .xp-node-text{opacity:.38;transition:opacity .5s var(--ease),transform .5s var(--ease);display:block}.xp:not(.xp--flow) .xp-item[data-state=past] .xp-node-text{opacity:.6}.xp:not(.xp--flow) .xp-item[data-state=active] .xp-node-text{opacity:1;transform:translate(.4rem)}.xp:not(.xp--flow) .xp-card{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),transform .55s var(--ease),border-color .5s var(--ease),visibility 0s linear .55s;grid-area:1/2/-1;align-self:start;transform:translateY(1.4rem)}.xp:not(.xp--flow) .xp-item[data-state=active] .xp-card{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s,0s,0s;transform:none}.xp:not(.xp--flow) .xp-card>*,.xp:not(.xp--flow) .xp-points li{opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease);transform:translateY(.9rem)}.xp:not(.xp--flow) .xp-item[data-state=active] .xp-card>*{opacity:1;transition-delay:calc(var(--i,0) * 70ms + .11s);transform:none}.xp:not(.xp--flow) .xp-item[data-state=active] .xp-points li{opacity:1;transition-delay:calc(var(--i,0) * 55ms + .33s);transform:none}@media(max-height:780px){.xp:not(.xp--flow) .xp-card{gap:1rem;padding:clamp(1.6rem,2vw,2.2rem)}.xp:not(.xp--flow) .xp-role{font-size:clamp(2rem,2.2vw,2.6rem)}.xp:not(.xp--flow) .xp-points{gap:.8rem}.xp:not(.xp--flow) .xp-points li{font-size:1.45rem;line-height:1.55}}}@media(prefers-reduced-motion:reduce){.xp-dot,.xp-card,.xp-node-text,.xp-line-fill{transition:none!important}}.skills-categories{justify-content:center;gap:1rem;margin-bottom:clamp(2.5rem,4vw,3.5rem)}.category-btn{background:var(--card-bg);border:1px solid var(--line);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:1.3rem;font-family:var(--font-display);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px}.category-btn:before{display:none}.category-btn:hover{border-color:var(--primary);color:var(--on-surface);transform:translateY(-2px)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:none}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1rem,1.6vw,1.6rem);margin-bottom:clamp(4rem,7vw,6rem)}.skill-card{background:rgba(var(--acc-rgb),var(--tint-strength));border:1px solid rgba(var(--acc-rgb),.28);border-radius:var(--radius);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}[data-theme=light] .skill-card{background:rgba(var(--acc-rgb),1)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .skill-card{background:color-mix(in srgb,rgba(var(--acc-rgb),1) 9%,#fff)}}.skill-card:before{display:none}.skill-card:hover{border-color:rgba(var(--acc-rgb),.6);box-shadow:0 24px 50px -22px rgba(var(--acc-rgb),.5);transform:translateY(-6px)}.skills-grid .skill-card:nth-child(5n+1){--acc-rgb:16, 185, 129}.skills-grid .skill-card:nth-child(5n+2){--acc-rgb:124, 108, 255}.skills-grid .skill-card:nth-child(5n+3){--acc-rgb:255, 99, 88}.skills-grid .skill-card:nth-child(5n+4){--acc-rgb:240, 165, 36}.skills-grid .skill-card:nth-child(5n+5){--acc-rgb:56, 160, 255}.skill-icon-wrapper{background:rgba(var(--acc-rgb),.16);border-radius:14px}.skill-name{font-family:var(--font-display);-webkit-text-fill-color:currentColor;color:var(--on-surface);background:0 0}.skill-level{background:rgba(var(--acc-rgb),.16);border-color:rgba(var(--acc-rgb),.4);color:rgb(var(--acc-rgb))}.skill-progress-bar{background:rgb(var(--acc-rgb));box-shadow:none}.skills-showcase{background:var(--surface-container-low);border-block:1px solid var(--line)}.showcase-item{background:var(--card-bg);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.showcase-item .material-symbols-outlined,.showcase-item span:last-child{color:var(--on-surface)}.showcase-item .material-symbols-outlined{color:var(--primary)}.resume-download{background:var(--on-surface);color:var(--background);border-radius:var(--radius);-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.resume-download h3{font-family:var(--font-display);-webkit-text-fill-color:currentColor;color:var(--background);background:0 0;font-size:clamp(2.4rem,4vw,3.4rem)}.resume-download p{color:var(--background)}@supports (color:color-mix(in lab,red,red)){.resume-download p{color:color-mix(in srgb,var(--background) 70%,var(--on-surface))}}.resume-download .btn-primary{background:var(--primary);color:var(--on-primary);border-radius:999px}.ct{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(3rem,5vw,5rem);max-width:1120px;margin-inline:auto;display:grid}.ct-eyebrow{border-bottom:1px solid var(--line);width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--on-surface-variant);align-items:baseline;gap:1.2rem;margin:0 0 clamp(2.4rem,4vw,3.4rem);padding-bottom:1.2rem;font-size:1.2rem;font-weight:500;display:flex}.ct-eyebrow span{color:var(--primary);font-variant-numeric:tabular-nums}.ct-aside{flex-direction:column;align-items:flex-start;display:flex}.ct-status{border:1px solid var(--line);background:var(--card-bg);color:var(--on-surface);white-space:nowrap;border-radius:999px;align-items:center;gap:.8rem;margin:0 0 clamp(2rem,3vw,2.8rem);padding:.6rem 1.3rem .6rem 1.1rem;font-size:1.3rem;line-height:1;display:inline-flex}.ct-dot{background:var(--primary);width:.8rem;height:.8rem;animation:hx-pulse 2.4s var(--ease) infinite;border-radius:50%}.ct-email{max-width:100%;color:var(--on-surface);display:block}.ct-email-label{text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-variant);margin-bottom:.9rem;font-size:1.15rem;display:block}.ct-email-value{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;background-image:linear-gradient(var(--primary),var(--primary));transition:background-size .55s var(--ease),color .3s var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;font-size:clamp(1.9rem,3vw,3.2rem);font-weight:700;line-height:1.2;display:inline}.ct-email:hover .ct-email-value,.ct-email:focus-visible .ct-email-value{color:var(--primary);background-size:100% 2px}.ct-details{width:100%;margin:clamp(2.8rem,4vw,3.8rem) 0 0}.ct-detail{border-top:1px solid var(--line);grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);align-items:baseline;gap:1.6rem;padding-block:1.5rem;display:grid}.ct-detail:last-child{border-bottom:1px solid var(--line)}.ct-detail dt{text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-variant);font-size:1.1rem}.ct-detail dd{color:var(--on-surface);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:1.6rem}.ct-detail dd a{color:inherit;transition:color .25s var(--ease)}.ct-detail dd a:hover{color:var(--primary)}.ct-socials{flex-wrap:wrap;gap:.8rem;margin:clamp(2.4rem,4vw,3.2rem) 0 0;padding:0;list-style:none;display:flex}.ct-socials a{border:1px solid var(--line);color:var(--on-surface-variant);transition:color .25s var(--ease),border-color .25s var(--ease);border-radius:999px;align-items:center;gap:.8rem;padding:.9rem 1.5rem;font-size:1.35rem;display:inline-flex}.ct-socials a:hover{color:var(--on-surface);border-color:var(--on-surface)}@supports (color:color-mix(in lab,red,red)){.ct-socials a:hover{border-color:color-mix(in srgb,var(--on-surface) 45%,transparent)}}.ct-socials svg{width:1.7rem;height:1.7rem}.ct-arrow{opacity:.55;transition:transform .25s var(--ease);font-size:.9em}.ct-socials a:hover .ct-arrow{transform:translate(2px,-2px)}.ct-form{flex-direction:column;gap:.6rem;display:flex}.ct-field{padding-top:1.9rem;position:relative}.ct-input{border:0;border-bottom:1px solid var(--line);width:100%;box-shadow:none;font:inherit;color:var(--on-surface);transition:border-color .3s var(--ease);background:0 0;border-radius:0;outline:none;padding:0 0 1.2rem;font-size:1.7rem;line-height:1.5;display:block}.ct-input::placeholder{color:#0000}.ct-field label{color:var(--on-surface-variant);pointer-events:none;transform-origin:0 0;transition:transform .28s var(--ease),color .28s var(--ease);font-size:1.7rem;line-height:1.5;position:absolute;top:1.9rem;left:0}.ct-input:focus+label,.ct-input:not(:placeholder-shown)+label{letter-spacing:.16em;text-transform:uppercase;transform:translateY(-2rem)scale(.66)}.ct-input:focus+label{color:var(--primary)}.ct-field:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:transform .45s var(--ease);position:absolute;inset:auto 0 0;transform:scaleX(0)}.ct-field:focus-within:after{transform:scaleX(1)}.ct-textarea{resize:none;min-height:11rem;overflow:hidden}.ct-submit{background:var(--on-surface);height:5.6rem;color:var(--background);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:1.2rem;margin-top:clamp(2.4rem,4vw,3.2rem);padding-inline:3.2rem;font-size:1.3rem;font-weight:600;display:inline-flex}.ct-submit:hover{background:var(--primary);color:var(--on-primary)}.ct-submit-arrow{transition:transform .3s var(--ease);font-size:1.7rem;line-height:1}.ct-submit:hover .ct-submit-arrow{transform:translate(5px)}@media(min-width:969px){.ct-form{border-left:1px solid var(--line);padding-left:clamp(3rem,5vw,5rem)}}.ct-form .ct-eyebrow{margin-bottom:clamp(1.4rem,2vw,1.8rem)}@media(max-width:968px){.ct{grid-template-columns:1fr;gap:clamp(4rem,8vw,5.5rem)}}@media(max-width:480px){.ct-input,.ct-field label{font-size:1.55rem}.ct-submit{padding-inline:2.4rem}}.footer{background:var(--surface-container-low);color:var(--on-surface-variant);border-top:1px solid var(--line);margin-top:0;padding:2.4rem 0}.scroll-to-top{background:var(--primary);color:var(--on-primary);border-radius:14px;width:48px;height:48px}.btn-xl,.bento-card,.skill-card,.projects-grid .card,.category-btn{will-change:auto}.hx-title .hx-line,.hx-subtitle,.hx-hero-photo,.hx-rail{opacity:0;animation:hx-rise .9s var(--ease) forwards;transform:translateY(28px)}.hx-title .hx-line:first-child{animation-delay:.12s}.hx-title .hx-line:nth-child(2){animation-delay:.22s}.hx-title .hx-line:nth-child(3){animation-delay:.32s}.hx-subtitle{animation-delay:.42s}.hx-hero-photo{animation-delay:.52s}.hx-rail{animation-delay:.66s}@keyframes hx-rise{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.bento,.projects-grid{grid-template-columns:repeat(2,1fr)}.bento-about .b-intro{grid-area:span 1/span 2}.hx-stage{text-align:center;flex-direction:column;align-items:center;gap:clamp(1.2rem,2.5vh,2.4rem);display:flex}.hx-rail{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(1.2rem,3vw,2.4rem);padding-bottom:0}.hx-rail-start{order:1}.hx-rail-end{order:2}.hx-hero-photo{order:3;grid-column:auto}.hx-facts{flex-direction:row;gap:2rem}.hx-fact{text-align:left}.hx-links{flex-direction:row;align-items:center;gap:1.6rem}.hx-scroll{display:none}}@media(max-width:560px){.bento{grid-template-columns:repeat(2,1fr)}.bento-about .b-intro{grid-column:span 2}.bento-card.info{flex-direction:row}.section-header{text-align:center}.skills-categories{justify-content:center}.hx-title{letter-spacing:-.03em;font-size:clamp(3.2rem,min(11vw,9vh),5.2rem)}.hx-subtitle{max-width:30ch;font-size:1.6rem}.hx-hero-photo{height:clamp(16rem,43vh,34rem);max-height:45vh}.hx-hero-photo-img{max-width:215%}.hx-facts,.hx-place{display:none}.hx-links a{font-size:1.4rem}.navbar{padding:.8rem 1rem}.navbar .nav-container{border-radius:2.2rem;padding:.5rem .6rem .5rem 1.4rem}.nav-actions{gap:.6rem}.theme-toggle,.nav-toggle{width:3.6rem;height:3.6rem}.theme-toggle .material-symbols-outlined{font-size:1.8rem}.nav-logo .logo-text{font-size:1.4rem}}@media(max-width:380px){.nav-logo .logo-text{font-size:1.25rem}.navbar .nav-container{padding-left:1.2rem}.hx-title{font-size:2.7rem}}@media(min-width:1600px){.hx-inner{max-width:1560px}.hx-status{padding:.8rem 1.6rem .8rem 1.3rem;font-size:1.5rem}.hx-fact dd{font-size:1.5rem}.hx-fact dt{font-size:3.2rem}.hx-place{font-size:1.4rem}.hx-links a{font-size:1.8rem}.hx-scroll{font-size:1.3rem}.hx-hero-photo{max-height:46vh}}@media(max-height:640px){.hero-xl{padding-top:calc(var(--nav-h) + 1.2rem)}.hx-title{font-size:clamp(2.4rem,5.5vw,4rem)}.hx-subtitle{margin-top:.8rem}.hx-hero-photo{height:clamp(12rem,32vh,24rem);max-height:34vh}.hx-facts,.hx-scroll{display:none}}@media(max-height:460px)and (orientation:landscape){.hero-xl{height:auto;min-height:100svh;max-height:none;padding-bottom:3rem}.hx-hero-photo{height:20rem;max-height:none}}html,body{width:100%;max-width:100vw;overflow-x:clip!important}@media(prefers-reduced-motion:reduce){.showcase-track,.skill-progress-bar:after,.scroll-to-top,.section-title,.hx-title .hx-line,.hx-subtitle,.hx-hero-photo,.hx-rail,.hx-dot,.hx-scroll-line{opacity:1!important;animation:none!important;transform:none!important}.hero-xl:before,.hero-xl:after{animation:none!important}.section-title{-webkit-text-fill-color:var(--on-surface);color:var(--on-surface)}html{scroll-behavior:auto}}.sm-root{--sm-panel-w:clamp(38rem, 32vw, 50rem);--sm-dir:1;--sm-ease:cubic-bezier(.16, 1, .3, 1);--sm-layer-dur:.62s;--sm-layer-step:70ms;--sm-panel-dur:.72s;--sm-panel-delay:.21s;--sm-item-dur:.78s;--sm-item-delay:.43s;--sm-item-step:78ms;--sm-social-delay:.82s;--sm-panel-bg:#f3f4f1;--sm-panel-fg:#0d0e0c;--sm-panel-muted:#5f635e;--sm-accent:#008f68;--sm-line:#0000001f;--sm-layer-1:#0b6b52;--sm-layer-2:#25e2a8;--sm-layer-3:#b7c1b9;--sm-scrim:#0000008c}[data-theme=light] .sm-root{--sm-panel-bg:#101210;--sm-panel-fg:#f3f4f1;--sm-panel-muted:#9aa09b;--sm-accent:#25e2a8;--sm-line:#ffffff24;--sm-layer-1:#25e2a8;--sm-layer-2:#0b6b52;--sm-layer-3:#2b312d;--sm-scrim:#0a0e0c6b}.sm-root[data-position=left]{--sm-dir:-1}.sm-root{z-index:9990;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sm-root.is-open{pointer-events:auto}.sm-scrim{background:var(--sm-scrim);opacity:0;transition:opacity .42s var(--sm-ease) .22s;position:absolute;inset:0}.sm-root.is-open .sm-scrim{opacity:1;transition-delay:0s}.sm-layer,.sm-panel{width:var(--sm-panel-w);max-width:100%;transform:translate3d(calc(var(--sm-dir) * 101%),0,0);will-change:transform;position:absolute;top:0;bottom:0;right:0}.sm-root[data-position=left] .sm-layer,.sm-root[data-position=left] .sm-panel{left:0;right:auto}.sm-layer{background:var(--sm-layer-c);transition:transform var(--sm-layer-dur) var(--sm-ease);display:block}.sm-layer:first-child{--sm-layer-c:var(--sm-layer-1);transition-delay:calc(var(--sm-layer-step) * 2 + 30ms)}.sm-layer:nth-child(2){--sm-layer-c:var(--sm-layer-2);transition-delay:calc(var(--sm-layer-step) + 30ms)}.sm-layer:nth-child(3){--sm-layer-c:var(--sm-layer-3);transition-delay:30ms}.sm-root.is-open .sm-layer{transform:translate(0)}.sm-root.is-open .sm-layer:first-child{transition-delay:0s}.sm-root.is-open .sm-layer:nth-child(2){transition-delay:var(--sm-layer-step)}.sm-root.is-open .sm-layer:nth-child(3){transition-delay:calc(var(--sm-layer-step) * 2)}.sm-panel{background:var(--sm-panel-bg);color:var(--sm-panel-fg);transition:transform var(--sm-panel-dur) var(--sm-ease);transition-delay:0s;box-shadow:-30px 0 60px -30px #00000073}.sm-root[data-position=left] .sm-panel{box-shadow:30px 0 60px -30px #00000073}.sm-root.is-open .sm-panel{transition-delay:var(--sm-panel-delay);transform:translate(0)}.sm-panel-inner{height:100%;padding:calc(var(--nav-h,8.6rem) + clamp(1.5rem,3vh,3rem)) clamp(2.4rem,3.2vw,5rem) clamp(2.6rem,4vh,4.4rem);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow-y:auto}.sm-logo{color:var(--sm-panel-fg);align-self:flex-start;align-items:center;gap:1rem;text-decoration:none;display:inline-flex}.sm-logo-mark{background:var(--sm-accent);width:3.6rem;height:3.6rem;color:var(--sm-panel-bg);font-family:var(--font-display,sans-serif);letter-spacing:-.02em;border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.sm-logo-text{font-family:var(--font-display,sans-serif);letter-spacing:-.01em;text-transform:uppercase;font-size:1.6rem;font-weight:600}.sm-logo-text sup{color:var(--sm-panel-muted);font-size:.55em}.sm-nav{margin-block:auto;padding-top:clamp(2rem,5vh,4rem)}.sm-list{flex-direction:column;gap:clamp(.4rem,1vh,1rem);margin:0;padding:0;list-style:none;display:flex}.sm-link{color:inherit;padding-block:.4rem;text-decoration:none;display:block;overflow:hidden}.sm-item-inner{transform-origin:0 100%;opacity:0;transition:transform .42s var(--sm-ease),opacity .2s linear;transition-delay:calc(var(--i,0) * 26ms);align-items:flex-start;gap:.7rem;display:inline-flex;transform:translateY(118%)rotate(7deg)}.sm-root.is-open .sm-item-inner{opacity:1;transition-duration:var(--sm-item-dur),.32s;transition-delay:calc(var(--sm-item-delay) + var(--i,0) * var(--sm-item-step));transform:translate(0)rotate(0)}.sm-item-label{font-family:var(--font-display,sans-serif);letter-spacing:-.035em;color:var(--sm-panel-fg);transition:color .28s var(--sm-ease);font-size:clamp(3.6rem,4.6vw,5.6rem);font-weight:700;line-height:1.02}.sm-item-index{font-family:var(--font-display,sans-serif);letter-spacing:.1em;color:var(--sm-accent);transition:transform .32s var(--sm-ease),opacity .28s var(--sm-ease);font-size:1.3rem;font-weight:600;transform:translateY(.45em)}.sm-link:hover .sm-item-label,.sm-link:focus-visible .sm-item-label,.sm-link.active .sm-item-label{color:var(--sm-accent)}.sm-link:hover .sm-item-index,.sm-link:focus-visible .sm-item-index{transform:translate(.4rem,.25em)}.sm-link:focus-visible{outline:2px solid var(--sm-accent);outline-offset:4px;border-radius:6px}.sm-footer{border-top:1px solid var(--sm-line);padding-top:clamp(2.4rem,5vh,4rem)}.sm-social-title,.sm-social{opacity:0;transition:opacity .22s linear,transform .32s var(--sm-ease);transition-delay:0s;transform:translateY(1.8rem)}.sm-root.is-open .sm-social-title,.sm-root.is-open .sm-social{opacity:1;transition-duration:.42s,.62s;transition-delay:calc(var(--sm-social-delay) + var(--i,0) * 60ms);transform:translate(0)}.sm-social-title{font-family:var(--font-display,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--sm-accent);margin:0 0 1.4rem;font-size:1.2rem;font-weight:600}.sm-socials{flex-wrap:wrap;gap:.8rem clamp(1.8rem,2.4vw,3rem);margin:0;padding:0;list-style:none;display:flex}.sm-socials a{font-family:var(--font-display,sans-serif);color:var(--sm-panel-muted);transition:color .28s var(--sm-ease);font-size:1.6rem;font-weight:500;text-decoration:none;position:relative}.sm-socials a:after{content:"";width:0;height:1px;transition:width .32s var(--sm-ease);background:currentColor;position:absolute;bottom:-.4rem;left:0}.sm-socials a:hover,.sm-socials a:focus-visible{color:var(--sm-panel-fg)}.sm-socials a:hover:after,.sm-socials a:focus-visible:after{width:100%}.sm-toggle{border:1px solid var(--line,#0000001f);background:var(--card-bg,transparent);height:4rem;color:var(--on-surface,#111);font-family:var(--font-display,sans-serif);cursor:pointer;transition:border-color .25s var(--sm-ease),background .25s var(--sm-ease);border-radius:999px;flex:none;align-items:center;gap:.9rem;padding:0 1.6rem;font-size:1.5rem;font-weight:500;line-height:1;display:inline-flex}.sm-toggle:hover{border-color:var(--primary,#25e2a8)}.sm-toggle:focus-visible{outline:2px solid var(--primary,#25e2a8);outline-offset:3px}.sm-toggle-label{text-align:left;width:4.6ch;height:1.15em;display:block;position:relative;overflow:hidden}.sm-toggle-text{transition:transform .42s var(--sm-ease),opacity .26s linear;display:block}.sm-toggle-text[data-state=close]{opacity:0;position:absolute;inset:0;transform:translateY(105%)}.sm-toggle.is-active .sm-toggle-text[data-state=open]{opacity:0;transform:translateY(-105%)}.sm-toggle.is-active .sm-toggle-text[data-state=close]{opacity:1;transform:translateY(0)}.sm-toggle-icon{width:1.4rem;height:1.4rem;transition:transform .56s var(--sm-ease);flex:none;position:relative}.sm-toggle.is-active .sm-toggle-icon{transform:rotate(225deg)}.sm-icon-bar{background:currentColor;border-radius:2px;position:absolute;top:50%;left:50%}.sm-icon-bar:first-child{width:100%;height:2px;transform:translate(-50%,-50%)}.sm-icon-bar:nth-child(2){width:2px;height:100%;transform:translate(-50%,-50%)}html.sm-lock,html.sm-lock body{overflow-y:hidden}@media(max-width:968px){.sm-root{--sm-panel-w:clamp(34rem, 66vw, 46rem);--sm-item-step:68ms}}@media(max-width:640px){.sm-root{--sm-panel-w:100%}.sm-panel,.sm-root[data-position=left] .sm-panel{box-shadow:none}.sm-item-label{font-size:clamp(3.4rem,12vw,4.8rem)}.sm-toggle{gap:.7rem;height:3.6rem;padding:0 1.2rem;font-size:1.4rem}.sm-socials{gap:.6rem 1.8rem}}@media(max-height:700px){.sm-nav{margin-top:clamp(2rem,4vh,3.4rem)}.sm-item-label{font-size:clamp(3rem,5.5vh,4.4rem)}.sm-footer{padding-top:2rem}}@media(prefers-reduced-motion:reduce){.sm-scrim,.sm-layer,.sm-panel,.sm-item-inner,.sm-social-title,.sm-social,.sm-toggle-text,.sm-toggle-icon,.sm-root.is-open .sm-item-inner,.sm-root.is-open .sm-social-title,.sm-root.is-open .sm-social{transition-duration:1ms!important;transition-delay:0s!important}}.pj{background:var(--background);padding-block:clamp(6rem,10vw,11rem);position:relative}.pj-inner{max-width:1320px;margin-inline:auto;padding-inline:clamp(2rem,5vw,4rem)}.pj-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(3rem,6vw,5rem);display:flex}.pj-head .section-tag{margin:0 0 1.4rem;display:inline-block}.pj-head .section-title{text-align:left;margin:0;font-size:clamp(3.2rem,7vw,7.4rem)!important}.pj-count{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--on-surface-variant);align-items:baseline;gap:.8rem;margin:0 0 .8rem;font-size:1.2rem;display:flex}.pj-count-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--on-surface);font-size:2.2rem;font-weight:700}.pj-shot{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-container-low);opacity:.55;width:100%;height:auto;transition:opacity .55s var(--ease);grid-column:1/-1;margin-top:clamp(1.6rem,3vw,2.4rem);display:block}.pj-row[data-state=active] .pj-shot{opacity:1}.pj-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.pj-row{border-bottom:1px solid var(--line)}.pj-link{color:var(--on-surface);isolation:isolate;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.4rem,3vw,3rem);padding:clamp(1.8rem,3.4vh,3rem) clamp(1rem,2vw,2rem);display:grid;position:relative}.pj-link:before{content:"";z-index:-1;background:linear-gradient(90deg,rgba(var(--acc-rgb),.16),rgba(var(--acc-rgb),.04) 55%,transparent);transform-origin:0;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.pj-row[data-state=active] .pj-link:before{transform:scaleX(1)}.pj-index{font-family:var(--font-display);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--on-surface-variant);transition:color .45s var(--ease);font-size:1.2rem;font-weight:600}.pj-title{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;transition:transform .55s var(--ease),color .45s var(--ease);font-size:clamp(2.2rem,4.4vw,5rem);font-weight:700;line-height:1.05}.pj-meta{text-align:right;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);flex-direction:column;align-items:flex-end;gap:.4rem;font-size:1.2rem;display:none}.pj-kicker{color:rgb(var(--acc-rgb));font-weight:600}.pj-tags{letter-spacing:.04em;text-transform:none;font-size:1.25rem}.pj-arrow{color:var(--on-surface-variant);transition:transform .45s var(--ease),color .45s var(--ease);font-size:clamp(1.6rem,2vw,2.2rem);line-height:1}.pj-row[data-state=active] .pj-index,.pj-row[data-state=active] .pj-arrow,.pj-row[data-state=active] .pj-title{color:rgb(var(--acc-rgb))}.pj-row[data-state=active] .pj-arrow{transform:translate(.4rem,-.4rem)}.pj-link:focus-visible{outline:2px solid rgb(var(--acc-rgb));outline-offset:-2px}@media(min-width:700px){.pj-meta{display:flex}.pj-link{grid-template-columns:auto minmax(0,1fr) auto auto}}.pj--pointer .pj-shot{z-index:6;border-radius:var(--radius-sm);pointer-events:none;opacity:0;width:clamp(30rem,26vw,40rem);translate:var(--pj-x,50vw) var(--pj-y,50vh);transition:opacity .4s var(--ease),scale .4s var(--ease);will-change:translate;margin:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 40px 80px -40px #000000b3}.pj--pointer .pj-row[data-state=active] .pj-shot{opacity:1;scale:1}.pj--pointer .pj-title{color:var(--on-surface)}.pj--pointer .pj-row[data-state=muted] .pj-title,.pj--pointer .pj-row[data-state=muted] .pj-index,.pj--pointer .pj-row[data-state=muted] .pj-meta,.pj--pointer .pj-row[data-state=muted] .pj-arrow{opacity:.32}.pj--pointer .pj-row .pj-title,.pj--pointer .pj-row .pj-index,.pj--pointer .pj-row .pj-meta,.pj--pointer .pj-row .pj-arrow{transition:opacity .45s var(--ease),transform .55s var(--ease),color .45s var(--ease)}.pj--pointer .pj-row[data-state=active] .pj-title{transform:translate(clamp(1rem,2vw,2.4rem))}@media(prefers-reduced-motion:reduce){.pj-shot,.pj-title,.pj-arrow,.pj-index,.pj-link:before{transition:none!important}.pj-link:before{transform:scaleX(1)}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
