*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg: #eef0f3;--bg2: #f6f8fb;--bg3: #ffffff;--surface: rgba(255,255,255,.85);--glass: rgba(0,0,0,.04);--gold: #1d1f27;--gold-lt: #404352;--gold-dk: #0a0b0e;--gold-glow:rgba(29,31,39,.12);--champ: #8b8e9b;--ivory: #2a2c38;--cream: rgba(42,44,56,.72);--smoke: rgba(29,31,39,.15);--muted: rgba(29,31,39,.32);--border: rgba(29,31,39,.08);--border2: rgba(29,31,39,.04);--rose: #c4657a;--sage: #466b88;--slate: #6a7fa8;--warm-wh: #111216;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Syne", sans-serif;--body: "DM Sans", sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--warm-wh);font-family:var(--body);cursor:none;overflow-x:hidden;-webkit-font-smoothing:antialiased}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.collapse{visibility:collapse}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.h-1\/2{height:50%}.h-2{height:.5rem}.h-4{height:1rem}.h-\[380px\]{height:380px}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-\[180px\]{width:180px}.w-\[600px\]{width:600px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.max-w-xs{max-width:20rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-none{cursor:none}.resize-none{resize:none}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.border-cyan-500\/30{border-color:#06b6d44d}.border-primary\/50{border-color:#3b82f680}.border-white\/20{border-color:#fff3}.bg-\[\#eef0f3\]{--tw-bg-opacity: 1;background-color:rgb(238 240 243 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-900\/10{background-color:#164e631a}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary\/20{--tw-gradient-from: rgb(59 130 246 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.p-0{padding:0}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-sans{font-family:DM Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#111216\]{--tw-text-opacity: 1;color:rgb(17 18 22 / var(--tw-text-opacity, 1))}.text-cyan-100\/50{color:#cffafe80}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-50{--tw-text-opacity: 1;color:rgb(236 254 255 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-cyan-500\/50::-moz-placeholder{color:#06b6d480}.placeholder-cyan-500\/50::placeholder{color:#06b6d480}.opacity-80{opacity:.8}.shadow-glow-cyan{--tw-shadow: 0 0 15px rgba(0, 255, 255, .4), inset 0 0 10px rgba(0, 255, 255, .2);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color), inset 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black{--tw-shadow-color: #000;--tw-shadow: var(--tw-shadow-colored)}.drop-shadow-glow-cyan{--tw-drop-shadow: drop-shadow(0 0 8px rgba(0, 255, 255, .6));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)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));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)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-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(12px);-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-xl{--tw-backdrop-blur: blur(24px);-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.hero-mask{background:linear-gradient(100deg,rgba(238,240,243,.6) 0%,rgba(238,240,243,.45) 32%,rgba(238,240,243,.22) 55%,rgba(238,240,243,.08) 72%,transparent 85%)}.about-spline-mask{background:linear-gradient(90deg,rgba(238,240,243,.7) 0%,transparent 30%,transparent 70%,rgba(238,240,243,.3) 100%)}.exp-visual-overlay{background:linear-gradient(180deg,rgba(238,240,243,.3) 0%,transparent 30%,transparent 70%,rgba(238,240,243,.5) 100%)}.pt-mask{background:linear-gradient(180deg,transparent 50%,rgba(246,248,251,.9) 100%)}.skills-spline-overlay{background:linear-gradient(180deg,rgba(238,240,243,.2) 0%,transparent 20%,transparent 75%,rgba(238,240,243,.5) 100%)}@keyframes ldIn{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:none}}@keyframes ldBar{0%{width:0}50%{width:62%}80%{width:87%}to{width:100%}}@keyframes sDot{0%,to{opacity:1}50%{opacity:.3;box-shadow:0 0 16px var(--sage)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ripG{to{width:120px;height:120px;opacity:0}}body.hov #cur-ring{width:58px;height:58px;border-color:var(--gold);border-width:1.5px}body.hov #cur{width:4px;height:4px}body.hov #cur-dot{opacity:1}.f-card{animation:float var(--d,4.5s) ease-in-out infinite var(--dl,0s)}.reva{opacity:0;transform:translateY(42px);transition:opacity .95s ease,transform .95s ease}.revl{opacity:0;transform:translate(-42px);transition:opacity .95s ease,transform .95s ease}.revr{opacity:0;transform:translate(42px);transition:opacity .95s ease,transform .95s ease}.reva.on,.revl.on,.revr.on{opacity:1;transform:none}.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}.d3{transition-delay:.3s!important}.d4{transition-delay:.4s!important}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9100;opacity:.45}spline-viewer::part(logo),spline-viewer::part(logo-wrapper),spline-viewer::part(logo-button),spline-viewer::part(logo-icon),spline-viewer .logo,spline-viewer #logo{display:none!important;visibility:hidden!important;opacity:0!important}@media (max-width: 1080px){.hero-content{padding:7rem 1.5rem 3rem!important}}.hover\:bg-cyan-400:hover{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:shadow-glow-cyan:hover{--tw-shadow: 0 0 15px rgba(0, 255, 255, .4), inset 0 0 10px rgba(0, 255, 255, .2);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color), inset 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-cyan-400:focus{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.focus\:shadow-glow-cyan:focus{--tw-shadow: 0 0 15px rgba(0, 255, 255, .4), inset 0 0 10px rgba(0, 255, 255, .2);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color), inset 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 768px){.md\:w-\[500px\]{width:500px}.md\:w-\[600px\]{width:600px}.md\:cursor-none{cursor:none}.md\:p-10{padding:2.5rem}.md\:pl-8{padding-left:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-7xl{font-size:4.5rem;line-height:1}}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s}#loader.hide{opacity:0;pointer-events:none;transform:scale(1.03)}.ld-monogram{font-family:var(--serif);font-size:clamp(5rem,15vw,12rem);font-weight:300;letter-spacing:.15em;background:linear-gradient(145deg,var(--gold-dk) 0%,var(--gold) 40%,var(--gold-lt) 65%,var(--champ) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ldIn 1.1s cubic-bezier(.23,1,.32,1) both;position:relative}.ld-monogram:after{content:"UI / UX DESIGNER";position:absolute;bottom:-1.6rem;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.65rem;font-weight:400;letter-spacing:.42em;white-space:nowrap;-webkit-text-fill-color:var(--smoke);background:none}.ld-line{width:200px;height:1px;background:#18243626;border-radius:100px;margin-top:6rem;overflow:hidden}.ld-prog{height:100%;width:0;background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));animation:ldBar 2.4s ease forwards;box-shadow:0 0 10px var(--gold)}.ld-pct{font-family:var(--mono);font-size:.62rem;color:var(--smoke);margin-top:.85rem;letter-spacing:.22em}#cur{position:fixed;width:7px;height:7px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9990;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:background .25s,width .2s,height .2s}#cur-ring{position:fixed;width:38px;height:38px;border:1px solid rgba(24,36,54,.38);border-radius:50%;pointer-events:none;z-index:9989;transform:translate(-50%,-50%);transition:width .35s,height .35s,border-color .3s}#cur-dot{position:fixed;font-family:var(--mono);font-size:.48rem;color:var(--gold);letter-spacing:.12em;pointer-events:none;z-index:9990;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;white-space:nowrap;text-transform:uppercase}nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:1.5rem 4rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(40px) saturate(1.4);backdrop-filter:blur(40px) saturate(1.4);background:linear-gradient(180deg,rgba(238,240,243,.9) 0%,transparent 100%);border-bottom:1px solid var(--border);transition:padding .4s}nav.scrolled{padding:1rem 4rem;background:#eef0f3f2}.n-logo{font-family:var(--serif);font-size:1.6rem;font-weight:300;letter-spacing:.18em;background:linear-gradient(135deg,var(--gold-dk),var(--gold-lt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-brand{display:flex;align-items:center;gap:1rem}.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgba(29,31,39,.16);background:#ffffffeb;border-radius:12px;padding:.5rem;cursor:pointer;align-items:center;justify-content:center}.nav-toggle span{display:block;width:18px;height:2px;background:var(--gold-dk);border-radius:999px;transition:transform .3s ease,opacity .3s ease}.nav-toggle span+span{margin-top:.35rem}.nav-toggle.open span:nth-child(1){transform:translateY(.65rem) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-.65rem) rotate(-45deg)}.n-links{display:flex;gap:2.8rem;list-style:none}.n-links a{font-family:var(--mono);font-size:.6rem;color:var(--smoke);text-decoration:none;letter-spacing:.2em;text-transform:uppercase;transition:color .3s;position:relative}.n-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));transition:width .35s}.n-links a:hover,.n-links a.active{color:var(--gold)}.n-links a:hover:after,.n-links a.active:after{width:100%}.n-cta{padding:.48rem 1.6rem;border:1px solid var(--gold-dk);border-radius:0;font-family:var(--mono);font-size:.6rem;color:var(--gold);text-decoration:none;letter-spacing:.18em;text-transform:uppercase;cursor:none;transition:all .35s;background:transparent;position:relative;overflow:hidden}.n-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gold-dk),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:-1}.n-cta:hover{color:var(--bg);border-color:transparent;box-shadow:0 0 22px var(--gold-glow)}.n-cta:hover:before{transform:scaleX(1)}#hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;overflow:hidden}.spline-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.spline-hero spline-viewer{width:100%;height:100%;display:block}.hero-top{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,rgba(238,240,243,.85),transparent);z-index:3;pointer-events:none}.hero-btm{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to top,var(--bg),transparent);z-index:3;pointer-events:none}.hero-accent-line{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);opacity:.35;z-index:4;pointer-events:none}.hero-content{position:relative;z-index:10;padding:4rem 4rem 3rem;max-width:680px;background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hero-status{display:inline-flex;align-items:center;gap:.9rem;font-family:var(--mono);font-size:.72rem;color:var(--sage);letter-spacing:.16em;text-transform:none;padding:.45rem 1.2rem;border:1px solid rgba(122,158,138,.22);border-radius:999px;background:#7a9e8a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:1.6rem;animation:fadeUp .9s ease both}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);animation:sDot 2.4s infinite;box-shadow:0 0 8px var(--sage)}.hero-h{font-family:var(--serif);line-height:.92;animation:fadeUp .9s .08s ease both}.hero-h .sub-label{display:block;font-family:var(--mono);font-size:.68rem;font-weight:400;letter-spacing:.35em;color:var(--smoke);margin-bottom:.9rem;text-transform:uppercase;-webkit-text-fill-color:var(--smoke)}.hero-h .name{display:block;font-weight:300;font-size:clamp(2.5rem,8vw,8rem);letter-spacing:-.01em;color:var(--gold-dk);text-transform:uppercase;-webkit-text-fill-color:var(--gold-dk)}.hero-h .role{display:block;font-weight:300;font-style:normal;font-size:clamp(2.5rem,2vw,2.2rem);letter-spacing:.12em;color:var(--gold-lt);text-transform:uppercase;-webkit-text-fill-color:var(--gold-lt);filter:drop-shadow(0 0 24px rgba(24,36,54,.14));margin-top:.25rem}.hero-divider{width:70px;height:1px;background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt),transparent);margin:1rem 0;animation:fadeUp .9s .2s ease both}.hero-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.9rem;animation:fadeUp .9s .25s ease both}.htag{padding:.28rem .9rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;border:1px solid rgba(29,31,39,.18);color:var(--gold-dk);background:#1d1f2712;transition:all .3s}.htag:hover{border-color:var(--gold-dk);color:var(--gold);background:var(--gold-glow)}.hero-sub{font-size:.98rem;line-height:1.85;color:var(--gold-dk);max-width:440px;animation:fadeUp .9s .3s ease both}.hero-sub strong{color:var(--champ);font-weight:500}.hero-sub em{color:var(--gold);font-style:normal}.hero-ctas{display:flex;gap:.95rem;margin-top:1.4rem;flex-wrap:wrap;animation:fadeUp .9s .38s ease both}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.4rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;cursor:none;text-decoration:none;transition:all .3s;background:linear-gradient(135deg,var(--gold-dk),var(--gold));color:var(--bg);font-weight:600;box-shadow:0 20px 48px #0f172a29,0 0 28px #1d1f2714;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .35s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 58px #0f172a2e,0 0 32px #1d1f271a}.btn-outline{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;cursor:none;text-decoration:none;transition:all .3s;border:1px solid rgba(24,36,54,.2);color:var(--gold);background:#ffffffeb;box-shadow:inset 0 0 0 1px #fffc}.btn-outline:hover{border-color:#1d1f2759;background:#fffffffa;transform:translateY(-2px)}.hero-stats{display:flex;gap:0;margin-top:1.2rem;border:1px solid rgba(29,31,39,.08);border-radius:28px;background:#ffffffeb;overflow:hidden;width:-moz-fit-content;width:fit-content;animation:fadeUp .9s .48s ease both}.hs{padding:1.25rem 2rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid rgba(29,31,39,.08);transition:background .3s}.hs:last-child{border-right:none}.hs:hover{background:var(--gold-glow)}.hs-n{font-family:var(--serif);font-size:2.6rem;font-weight:300;line-height:1;background:linear-gradient(135deg,var(--gold-dk),var(--gold-lt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hs-l{font-family:var(--mono);font-size:.58rem;color:var(--smoke);letter-spacing:.12em;text-transform:uppercase}.f-card{position:absolute;opacity:0;transform:translateY(26px);animation:fadeUp .9s ease both;background:#ffffff2e;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.45);border-radius:18px;padding:1rem 1.5rem;box-shadow:0 24px 64px #0f172a24,0 0 0 1px #ffffff17;z-index:10;pointer-events:none}.f-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dk),transparent)}.fc-top{display:flex;align-items:center;gap:.85rem;margin-bottom:.7rem}.fc-icon{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:9999px;background:#0f172a0f;color:var(--gold-dk)}.fc-icon svg{width:1.2rem;height:1.2rem}.fc-l{font-family:var(--mono);font-size:.55rem;color:var(--smoke);letter-spacing:.16em;text-transform:uppercase}.fc-v{font-family:var(--serif);font-size:1.05rem;font-weight:400;color:var(--gold-dk);letter-spacing:.04em;margin-top:.35rem}.fc-s{font-family:var(--mono);font-size:.62rem;color:#1d1f27b3;margin-top:.08rem}.f-card[data-category=design] .fc-v{color:#2563eb}.f-card[data-category=score] .fc-v{color:#0f766e}.f-card[data-category=location] .fc-v{color:#b45309}.fc1{bottom:22%;right:3%;--d:4.5s;--dl:0s}.fc2{top:22%;right:13%;--d:3.8s;--dl:1.1s}.fc3{bottom:40%;right:20%;--d:5.2s;--dl:.6s}.scroll-cue{position:absolute;bottom:2rem;left:5.5rem;display:flex;align-items:center;gap:1rem;z-index:15;animation:fadeUp .9s .7s ease both}.sc-line{width:40px;height:1px;background:linear-gradient(90deg,var(--gold-dk),transparent)}.sc-txt{font-family:var(--mono);font-size:.54rem;color:var(--muted);letter-spacing:.22em;text-transform:uppercase}section{position:relative;z-index:10}.sec-inner{max-width:1340px;margin:0 auto;padding:0 4rem}.eyebrow{font-family:var(--mono);font-size:.6rem;color:var(--gold-dk);letter-spacing:.28em;text-transform:uppercase;display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}.eyebrow span{flex:1;height:1px;background:linear-gradient(to right,rgba(24,36,54,.3),transparent)}.sec-title{font-family:var(--serif);font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:300;letter-spacing:-.01em;line-height:1;margin-bottom:1rem;color:var(--ivory)}.sec-title em{font-style:normal;background:linear-gradient(135deg,var(--gold-dk),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;margin:3rem 4rem;background:linear-gradient(90deg,transparent,var(--gold-dk),var(--gold-lt),var(--gold-dk),transparent);opacity:.2}.marquee{padding:1.1rem 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#18243605}.mq-track{display:flex;animation:mq 40s linear infinite;width:-moz-max-content;width:max-content}.mq-item{display:flex;align-items:center;gap:1.2rem;padding:0 1.6rem;font-family:var(--mono);font-size:.7rem;font-weight:400;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.mq-sep{color:var(--gold-dk);font-size:.8rem}#about{padding:4.5rem 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}.about-left{padding:0 3rem}.about-text p{font-size:1.02rem;line-height:1.9;color:#1d1f2799;margin-bottom:1.4rem}.about-text p strong{color:var(--champ);font-weight:500}.about-text p em{color:var(--gold);font-style:normal}.about-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.badge{padding:.38rem 1rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;border:1px solid var(--border2);color:var(--smoke);background:#0a0c1205;cursor:none;transition:all .3s}.badge:hover{border-color:var(--gold-dk);color:var(--gold);background:var(--gold-glow)}.about-right{position:relative;height:520px;border-left:1px solid rgba(29,31,39,.08);border-radius:32px;overflow:hidden;box-shadow:0 24px 56px #0f172a14}.about-spline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.about-spline spline-viewer{width:100%;height:100%;display:block}.about-cards{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem;gap:1rem;pointer-events:none;z-index:5}.ac{background:#ffffffeb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);padding:1.5rem;width:100%;box-shadow:0 18px 48px #0f172a1a;position:relative;overflow:hidden;transition:transform .4s,border-color .3s}.ac:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dk),transparent)}.ac-icon-wrap{width:42px;height:42px;margin-bottom:.9rem;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.ac-icon-wrap canvas{width:30px!important;height:30px!important}.ac-t{font-family:var(--sans);font-weight:700;font-size:.9rem;color:var(--champ);margin-bottom:.35rem}.ac-d{font-size:.78rem;color:var(--smoke);line-height:1.65}#experience{padding:4.5rem 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6),transparent)}.exp-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}.exp-item{border-bottom:1px solid var(--border2);position:relative;padding:2.8rem 0 2.8rem 1.5rem}.exp-item:last-child{border-bottom:none}.exp-item:before{content:"";position:absolute;left:0;top:2.8rem;bottom:2.8rem;width:1px;background:linear-gradient(to bottom,var(--gold-dk),transparent);opacity:0;transition:opacity .3s}.exp-item:hover:before{opacity:1}.exp-date{font-family:var(--mono);font-size:.6rem;color:var(--gold-dk);letter-spacing:.16em;margin-bottom:.5rem;display:inline-flex;align-items:center;gap:.6rem}.exp-date:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-dk);box-shadow:0 0 10px var(--gold-dk);display:inline-block}.exp-role{font-family:var(--serif);font-size:1.6rem;font-weight:300;color:var(--ivory);margin-bottom:.25rem}.exp-co{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;margin-bottom:1.2rem;background:linear-gradient(120deg,var(--gold-dk),var(--gold-lt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.exp-pts{list-style:none;display:flex;flex-direction:column;gap:.7rem}.exp-pts li{font-size:.87rem;color:#1d1f278c;line-height:1.72;padding-left:1.4rem;position:relative}.exp-pts li:before{content:"—";position:absolute;left:0;color:var(--gold-dk);font-size:.7rem}.exp-visual{position:relative;height:420px;border:1px solid rgba(29,31,39,.08);border-radius:32px;overflow:hidden;box-shadow:0 24px 60px #0f172a1a}.exp-visual spline-viewer{width:100%;height:100%;display:block}.exp-badge{position:absolute;bottom:2rem;left:2rem;right:2rem;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);padding:1.5rem;z-index:5;border-radius:24px}.exp-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt),transparent)}.eb-label{font-family:var(--mono);font-size:.56rem;color:var(--smoke);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem}.eb-val{font-family:var(--serif);font-size:1.8rem;font-weight:300;color:var(--gold-lt)}.eb-sub{font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-top:.1rem}#projects{padding:4.5rem 0}.proj-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.proj-count{font-family:var(--serif);font-size:4rem;font-weight:300;color:#1824361f;letter-spacing:-.02em}.proj-grid{display:flex;flex-direction:column;gap:2.5rem}.pw{width:100%}.pc{border:1px solid rgba(29,31,39,.08);background:#ffffffe6;transition:transform .5s cubic-bezier(.23,1,.32,1),border-color .3s,box-shadow .3s;cursor:none;overflow:hidden;position:relative;border-radius:30px}.pc:hover{border-color:#1d1f271f;box-shadow:0 28px 72px #0f172a1f,0 0 24px #18243614;transform:translateY(-4px)}.pt{height:400px;position:relative;overflow:hidden;background:var(--bg2)}.pt-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pt-num{position:absolute;top:1rem;left:1rem;font-family:var(--serif);font-size:.8rem;font-weight:300;color:var(--gold-dk);letter-spacing:.2em;font-style:normal}.pc:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .4s;z-index:10}.pc:hover:before{opacity:1}.pb{padding:1.7rem}.p-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}.ptag{padding:.18rem .7rem;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;border:1px solid}.tg{border-color:#18243633;color:var(--gold-dk);background:#1824360f}.tr{border-color:#c4657a33;color:var(--rose);background:#c4657a0d}.ts{border-color:#7a9e8a33;color:var(--sage);background:#7a9e8a0d}.tb{border-color:#6a7fa833;color:var(--slate);background:#6a7fa80d}.p-name{font-family:var(--serif);font-size:1.22rem;font-weight:300;color:var(--ivory);margin-bottom:.55rem;line-height:1.3}.p-desc{font-size:.79rem;color:#1d1f2780;line-height:1.72;margin-bottom:1.2rem}.p-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.62rem;color:var(--gold-dk);letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:gap .3s,color .3s;border-bottom:1px solid rgba(24,36,54,.2);padding-bottom:.15rem}.p-link:hover{gap:.85rem;color:var(--gold-lt);border-color:var(--gold)}.pw.wide{width:100%}#skills{padding:4.5rem 0;background:linear-gradient(180deg,transparent,rgba(246,248,251,.5),transparent)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start}.sk-group{margin-bottom:2.6rem}.sk-title{font-family:var(--mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.sk-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(24,36,54,.2),transparent)}.sk-pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:.4rem 1rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;border:1px solid var(--border2);color:#1d1f2780;background:#0a0c1205;transition:all .3s;cursor:none;position:relative;overflow:hidden}.pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold-glow);opacity:0;transition:opacity .3s;z-index:-1}.pill:hover{border-color:var(--gold-dk);color:var(--gold);transform:translateY(-2px)}.pill:hover:before{opacity:1}.sbar-wrap{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.sbar .top{display:flex;justify-content:space-between;margin-bottom:.5rem}.sbar .n{font-family:var(--serif);font-size:1rem;font-weight:300;color:var(--champ)}.sbar .p{font-family:var(--mono);font-size:.62rem;color:var(--gold-dk)}.sbar .track{height:1px;background:#1824361a;overflow:hidden}.sbar .fill{height:100%;width:0;transition:width 1.8s cubic-bezier(.23,1,.32,1)}.f1{background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));box-shadow:0 0 8px var(--gold)}.f2{background:linear-gradient(90deg,var(--rose),#e8a0ae);box-shadow:0 0 8px var(--rose)}.f3{background:linear-gradient(90deg,var(--sage),#a8ccb8);box-shadow:0 0 8px var(--sage)}.f4{background:linear-gradient(90deg,var(--slate),#9ab0d8);box-shadow:0 0 8px var(--slate)}.f5{background:linear-gradient(90deg,var(--gold-dk),var(--champ))}.f6{background:linear-gradient(90deg,var(--rose),var(--gold))}.skills-spline{position:relative;height:420px;border:1px solid var(--border);overflow:hidden}#contact{padding:4.5rem 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start}.c-heading{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4.8rem);font-weight:300;line-height:1.05;letter-spacing:-.01em;margin-bottom:1.5rem;color:var(--ivory)}.c-heading em{font-style:normal;background:linear-gradient(135deg,var(--gold-dk),var(--gold-lt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.c-sub{font-size:.96rem;color:#1d1f2780;line-height:1.8;margin-bottom:2.5rem}.c-links{display:flex;flex-direction:column;gap:.8rem}.clink{display:flex;align-items:center;gap:1.2rem;text-decoration:none;padding:1rem 1.5rem;border:1px solid rgba(29,31,39,.08);transition:all .35s;background:#fffffff0;border-radius:24px;cursor:none}.clink:hover{border-color:#1d1f2726;background:#fffffffa;transform:translate(4px)}.cl-icon{width:38px;height:38px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-icon canvas{width:24px!important;height:24px!important}.cl-info{display:flex;flex-direction:column;gap:.04rem}.cl-lbl{font-family:var(--mono);font-size:.56rem;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.cl-v{font-size:.84rem;color:var(--champ)}.cf{display:flex;flex-direction:column;gap:1.1rem}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.cf-g{display:flex;flex-direction:column;gap:.45rem}.cf-lbl{font-family:var(--mono);font-size:.56rem;color:var(--smoke);letter-spacing:.18em;text-transform:uppercase}.cf-inp{padding:.9rem 1rem;background:#0a0c1208;border:1px solid var(--border2);color:var(--warm-wh);font-size:.87rem;font-family:var(--body);outline:none;resize:none;transition:border-color .3s,background .3s}.cf-inp:focus{border-color:var(--gold-dk);background:var(--gold-glow)}.cf-inp::-moz-placeholder{color:#1d1f272e}.cf-inp::placeholder{color:#1d1f272e}.cf-btn{padding:1rem;border:none;background:linear-gradient(135deg,var(--gold-dk),var(--gold));color:var(--bg);font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:none;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 24px #18243640}.cf-btn:hover{transform:translateY(-2px);box-shadow:0 8px 36px #18243666}footer{padding:2.5rem 4rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.f-logo{font-family:var(--serif);font-size:1.4rem;font-weight:300;letter-spacing:.18em;background:linear-gradient(135deg,var(--gold-dk),var(--gold-lt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.f-copy{font-family:var(--mono);font-size:.6rem;color:var(--muted);letter-spacing:.1em}.f-links{display:flex;gap:2rem}.f-links a{font-family:var(--mono);font-size:.6rem;color:var(--muted);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;transition:color .3s}.f-links a:hover{color:var(--gold)}@media (max-width:1080px){nav{padding:1.2rem 1.5rem}.nav-toggle{display:inline-flex}.n-links{display:none}.n-links.open{display:flex;position:absolute;top:100%;left:0;right:0;width:100%;flex-direction:column;gap:1rem;padding:1.4rem 1.5rem 1.5rem;background:#eef0f3fa;border-bottom:1px solid rgba(29,31,39,.08);box-shadow:0 18px 40px #0f172a1f;z-index:400}.n-links.open li a{padding:.9rem 1rem;border-radius:14px;display:block}.f-card{display:none}#about,#experience,#projects,#skills,#contact{padding:5rem 0}.sec-inner{padding:0 1.5rem}.about-grid,.exp-layout,.skills-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.about-right,.exp-visual,.skills-spline{height:300px}.proj-grid{grid-template-columns:1fr}.pw.wide{grid-column:span 1}.hero-stats{flex-wrap:wrap}.hero-content{padding:3rem 1.5rem 2rem!important;max-width:100%}.hero-ctas{gap:.9rem}.hero-ctas a{width:100%;justify-content:center}.proj-header{flex-direction:column;align-items:flex-start;gap:1rem}.proj-count{font-size:3rem}.contact-grid{gap:2.5rem}.cf-row{grid-template-columns:1fr}.clink{flex-direction:column;align-items:flex-start}.cf-btn{width:100%}footer{flex-direction:column;gap:1rem;text-align:center;padding:2rem}.divider{margin:0 1.5rem}}@media (max-width:720px){.sec-inner{padding:0 1rem}nav{padding:1rem}.nav-toggle{width:40px;height:40px}.hero-content{padding:2.5rem 1rem 1.75rem!important;max-width:100%;background:#fffffff5;border:1px solid rgba(15,23,42,.08);border-radius:28px;box-shadow:0 24px 64px #0f172a29}.hero-status{padding:.5rem .95rem}.hero-h .sub-label{font-size:.64rem;letter-spacing:.28em}.hero-h .name{font-size:3rem;line-height:1.05}.hero-h .role{font-size:1.35rem;margin-top:.25rem}.hero-sub{font-size:.95rem;line-height:1.8;max-width:100%;margin-bottom:1rem;color:#1d1f27cc}.hero-ctas{flex-direction:column;gap:.75rem}.hero-ctas a{padding:1rem 1.4rem;font-size:.8rem}.hero-stats{gap:.75rem}.hero-stats .hs{padding:1rem 1.25rem}.hero-stats .hs-n{font-size:1.9rem}.hero-stats .hs-l{font-size:.56rem}.proj-header{margin-bottom:2.5rem}.proj-count{font-size:2.6rem}.pt{height:320px}.p-desc{font-size:.82rem}.skills-grid{gap:4rem}.skills-spline{height:280px}.about-right,.exp-visual{height:auto;min-height:280px}.about-right{border-left:none}.clink{gap:.85rem}.cf-inp{padding:.8rem .95rem}footer{padding:1.5rem 1rem}}
