.electric-border{--electric-light-color: var(--electric-border-color);position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.eb-canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-content{position:relative;border-radius:inherit;z-index:3;width:100%;height:100%}.eb-layers{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;width:100%;height:100%;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.eb-glow-1,.eb-glow-2,.eb-background-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-glow-1{border:2.5px solid rgba(223,177,60,.5);filter:blur(1.5px)}.eb-glow-2{border:2.5px solid var(--electric-border-color);filter:blur(5px)}.eb-background-glow{z-index:-1;transform:scale(1.15);filter:blur(28px);opacity:.35;background:linear-gradient(-30deg,var(--electric-border-color),transparent,var(--electric-border-color))}.electric-border.active-hover .eb-layers{opacity:1}.glitch{color:#fff;position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-color:#000;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:2px;text-shadow:var(--after-shadow, -2px 0 #dfb13c);animation:animate-glitch var(--after-duration, 2.5s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-2px;text-shadow:var(--before-shadow, 2px 0 #ffffff);animation:animate-glitch var(--before-duration, 1.5s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:2px;text-shadow:var(--after-shadow, -2px 0 #dfb13c);animation:animate-glitch var(--after-duration, 2.5s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;left:-2px;text-shadow:var(--before-shadow, 2px 0 #ffffff);animation:animate-glitch var(--before-duration, 1.5s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}.staggered-menu-wrapper{position:relative;width:100%;height:100%;z-index:40;pointer-events:none}.staggered-menu-wrapper.fixed-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}.staggered-menu-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:2em;background:transparent;pointer-events:none;z-index:20}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;color:#e9e9ef;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.08em;line-height:1;overflow:visible}.sm-toggle:focus-visible{outline:2px solid var(--sm-accent, #dfb13c);outline-offset:4px;border-radius:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:100%;background:#0a0a0ff5;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 40px #000c;display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10;pointer-events:auto;opacity:0}[data-position=left] .staggered-menu-panel{right:auto;left:0;border-left:none;border-right:1px solid rgba(255,255,255,.08)}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5;opacity:0}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0);opacity:0}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}.sm-socials-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sm-accent, #dfb13c)}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent, #dfb13c);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.1rem;font-weight:500;color:#fffc;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent, #dfb13c)}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-panel-item{position:relative;color:#fff;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:var(--sm-accent, #dfb13c)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #dfb13c);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media (max-width: 1024px){.staggered-menu-panel{width:100%;left:0;right:0}}@media (max-width: 640px){.staggered-menu-panel{width:100%;left:0;right:0}.sm-panel-item{font-size:2.6rem;letter-spacing:-1px}}.portfolio-menu.fixed-wrapper{z-index:200}.portfolio-menu .staggered-menu-header{height:70px;padding:0 6%;justify-content:flex-end}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--gold: #dfb13c;--gold-glow: rgba(223, 177, 60, .2);--gold-glow-hover: rgba(223, 177, 60, .4);--bg-dark: #000000;--card-bg: rgba(12, 12, 16, .78);--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(223, 177, 60, .3);--text-white: #ffffff;--text-muted: rgba(255, 255, 255, .65);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--mouse-x: 0;--mouse-y: 0;--scroll-val: 0}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:#dfb13c59;color:#fff;text-shadow:0 0 8px rgba(223,177,60,.8),0 0 2px rgba(223,177,60,1)}::-moz-selection{background-color:#dfb13c59;color:#fff;text-shadow:0 0 8px rgba(223,177,60,.8),0 0 2px rgba(223,177,60,1)}html{background-color:var(--bg-dark);overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-white);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}.fixed-header{position:fixed;top:0;left:0;width:100vw;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 8%;background:linear-gradient(to bottom,#000c,#0000);z-index:100;animation:header-fade-in 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes header-fade-in{0%{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:translateZ(0)}}.logo-container{display:inline-flex;position:relative;width:80px;height:80px;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.logo-wrapper{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center}.logo-electric-border{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);border-radius:50%;z-index:2;transition:transform .5s cubic-bezier(.16,1,.3,1)}.logo-image{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.logo-container:hover .logo-electric-border{transform:scale(1.08)}.logo-container:hover .logo-image{border-color:var(--gold)}@keyframes spin-logo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-links{display:flex;gap:40px;list-style:none;align-items:center}.nav-link{font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:var(--transition-smooth);position:relative;padding:8px 0}.nav-link strong{color:var(--text-white);margin-right:6px;transition:var(--transition-smooth)}.nav-link:hover,.nav-link.active,.nav-link:hover strong,.nav-link.active strong{color:var(--gold)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--gold);transition:var(--transition-smooth)}.nav-link.active:after,.nav-link:hover:after{width:100%}.scroll-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;z-index:10;pointer-events:none;perspective:1000px;perspective-origin:calc(50% + var(--mouse-x, 0) * 14px) calc(50% + var(--mouse-y, 0) * 14px);transform-style:preserve-3d;transition:perspective-origin .4s cubic-bezier(.16,1,.3,1)}.section{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:120px 8% 80px;gap:60px;transform-style:preserve-3d;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity,filter}.left-col,.right-col,.skills-intro,.skills-grid,.contact-layout,.contact-header{transform:none}.contact-header{width:100%}.viewport-lens{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;box-shadow:inset 0 0 220px 30px #0000008c,inset 0 0 0 1px #ffffff0d;background:radial-gradient(120% 80% at 50% -10%,rgba(223,177,60,.05),transparent 55%);opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1)}.intro-complete .viewport-lens{opacity:1}.lens-corner{position:absolute;width:26px;height:26px;border:2px solid rgba(255,255,255,.18)}.lens-corner.tl{top:30px;left:30px;border-right:none;border-bottom:none}.lens-corner.tr{top:30px;right:30px;border-left:none;border-bottom:none}.lens-corner.bl{bottom:30px;left:30px;border-right:none;border-top:none}.lens-corner.br{bottom:30px;right:30px;border-left:none;border-top:none}@media (max-width: 768px){.lens-corner{width:16px;height:16px}.lens-corner.tl,.lens-corner.tr{top:84px}.lens-corner.tl,.lens-corner.bl{left:16px}.lens-corner.tr,.lens-corner.br{right:16px}.lens-corner.bl,.lens-corner.br{bottom:16px}.viewport-lens{box-shadow:inset 0 0 120px 20px #00000080,inset 0 0 0 1px #ffffff0d}}.home-title{font-size:clamp(2.5rem,6.8vw,5.5rem)!important;font-weight:500!important;line-height:.96!important;letter-spacing:-.015em!important;color:#adb5c2!important;text-shadow:-.0688rem 0 rgba(184,143,151,.45),.0688rem 0 rgba(134,163,188,.45)!important;margin-bottom:24px!important;text-transform:none;font-family:var(--font-main);will-change:transform,opacity}.home-title span{color:#fff!important;text-shadow:none!important}.sec-subheader.font-tagline{font-family:JetBrains Mono,monospace!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#e2e7f2c2!important;font-size:clamp(.75rem,1.25vw,1.0625rem)!important;font-weight:400!important;margin-top:8px!important;margin-bottom:20px!important}.home-desc{font-size:clamp(.95rem,1.4vw,1.25rem)!important;line-height:1.5!important;color:#e2e7f29e!important;max-width:540px!important;font-weight:300!important;letter-spacing:-.01em!important;margin-bottom:32px!important}.scroll-explore{font-family:JetBrains Mono,monospace!important;font-weight:400!important;text-transform:uppercase!important;color:#ffffff62!important;letter-spacing:.6em!important;font-size:11px!important;margin-top:48px!important;display:block}.section.active .left-col,.section.active .right-col,.section.active .skills-sec-layout,.section.active .contact-layout{pointer-events:auto}.left-col{flex:1.1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.right-col{flex:.9;display:flex;justify-content:flex-end;align-items:center}.sec-subheader{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.15em;margin-bottom:12px}.sec-subheader span{color:var(--gold);margin-right:8px}.sec-title{font-size:54px;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:24px;color:var(--text-white)}.sec-title span{color:var(--gold)}.sec-desc{font-size:17px;line-height:1.6;color:var(--text-muted);max-width:520px;margin-bottom:36px;font-weight:300}.scroll-explore{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gold);letter-spacing:.25em;margin-bottom:24px;margin-top:60px}.social-links{display:flex;gap:20px}.social-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--card-border);background-color:#ffffff05;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.social-btn:hover{border-color:var(--gold);background-color:var(--gold-glow);transform:translateY(-3px);box-shadow:0 6px 15px #dfb13c26}.social-btn svg{fill:var(--text-muted);transition:var(--transition-smooth)}.social-btn:hover svg{fill:var(--gold)}.btn-outline{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:transparent;border:1px solid var(--text-white);border-radius:30px;color:var(--text-white);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:var(--transition-smooth)}.btn-outline:hover{border-color:var(--gold);color:var(--gold);background-color:#dfb13c0d;box-shadow:0 0 20px #dfb13c1a}.btn-outline svg{stroke:var(--text-white);transition:var(--transition-smooth)}.btn-outline:hover svg{stroke:var(--gold);transform:translate(4px)}.stats-row{display:flex;gap:50px;margin-bottom:36px;width:100%}.stat-item{display:flex;flex-direction:column;position:relative;padding-left:20px}.stat-item:before{content:"";position:absolute;left:0;top:15%;height:70%;width:2px;background-color:var(--gold)}.stat-num{font-size:42px;font-weight:800;color:var(--gold);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.glass-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:36px;width:100%;max-width:440px;box-shadow:0 15px 35px #0006;transition:border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--card-border-hover);box-shadow:0 20px 40px #dfb13c2e;transform:scale(1.02)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card-header-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.15em}.card-title{font-size:28px;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.card-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:32px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 10px #22c55e}.card-footer{display:flex;gap:20px;margin-top:36px;border-top:1px solid rgba(255,255,255,.06);padding-top:24px}.card-page-dot{font-size:14px;font-weight:700;color:#ffffff40;cursor:pointer;transition:var(--transition-smooth)}.card-page-dot.active{color:var(--gold);border-bottom:2px solid var(--gold)}.details-list{display:flex;flex-direction:column;gap:20px}.detail-row{display:flex;justify-content:space-between;font-size:14px;line-height:1.4}.detail-row span:first-child{color:var(--text-muted);font-weight:500}.detail-row span:last-child{color:var(--text-white);font-weight:700}.skills-sec-layout{display:flex;flex-direction:column;width:100%}.skills-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.skills-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:repeat(3,auto);gap:16px 45px;width:100%}.skills-grid>:nth-child(1){grid-column:1;grid-row:1}.skills-grid>:nth-child(4){grid-column:1;grid-row:2}.skills-grid>:nth-child(3){grid-column:1;grid-row:3}.skills-grid>:nth-child(2){grid-column:3;grid-row:1}.skills-grid>:nth-child(5){grid-column:3;grid-row:2}.skills-grid>:nth-child(6){grid-column:3;grid-row:3}.skill-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 10px #0000004d;transition:border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.skill-card:hover{border-color:var(--card-border-hover);box-shadow:0 0 15px #dfb13c2e;transform:scale(1.02)}.skill-icon{font-size:24px;color:var(--gold);display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}.skill-icon svg{stroke:var(--gold);transition:transform .4s cubic-bezier(.16,1,.3,1)}.skill-card:hover .skill-icon svg{transform:rotate(3deg)}.skill-title{font-size:18px;font-weight:700;color:var(--text-white)}.skill-list{font-size:13px;color:var(--text-muted);line-height:1.6;font-weight:400}.contact-layout{display:flex;justify-content:space-between;width:100%;gap:120px}.contact-card-box{flex:1;max-width:420px;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:30px;box-shadow:0 15px 35px #0006;height:fit-content}.contact-form-box{flex:1;max-width:450px;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:40px;box-shadow:0 15px 35px #0006}.contact-item{display:flex;align-items:center;gap:20px}.contact-icon{width:48px;height:48px;border-radius:12px;background-color:#ffffff08;border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.contact-item:hover .contact-icon{border-color:var(--gold);background-color:var(--gold-glow)}.contact-icon svg{stroke:var(--text-white);transition:var(--transition-smooth)}.contact-item:hover .contact-icon svg{stroke:var(--gold)}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.contact-value{font-size:15px;font-weight:600;color:var(--text-white)}.form-title{font-size:20px;font-weight:700;margin-bottom:24px;letter-spacing:-.01em}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.input-field,.textarea-field{width:100%;background-color:#ffffff05;border:1px solid var(--card-border);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--text-white);font-family:var(--font-main);outline:none;transition:var(--transition-smooth)}.textarea-field{min-height:120px;resize:vertical}.input-field:focus,.textarea-field:focus{border-color:var(--gold);background-color:#dfb13c05;box-shadow:0 0 10px #dfb13c1a}.intro-waiting .scroll-container{opacity:0;filter:blur(10px)}.intro-running .scroll-container{opacity:1;filter:blur(0px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1) .3s,filter 1.2s cubic-bezier(.16,1,.3,1) .3s}.intro-complete .scroll-container{opacity:1;filter:blur(0px)}.intro-waiting .fixed-header{opacity:0}.intro-running .fixed-header{opacity:1;transition:opacity 1s cubic-bezier(.16,1,.3,1) .15s}.intro-complete .fixed-header{opacity:1}.layout-subheader{margin-bottom:12px;width:auto;display:block}.layout-title{margin-bottom:24px;width:auto;display:block}.layout-desc{margin-bottom:36px;width:auto;max-width:520px;display:block}.layout-cta{margin-bottom:40px;display:inline-block}.layout-social-links{margin-top:auto;margin-bottom:0;display:block}.layout-card{display:flex;justify-content:flex-end;align-items:center;width:100%;max-width:440px}.layout-stats-row{margin-bottom:40px;width:100%;display:block}.layout-skill-card{width:100%;display:block}.layout-contact-card{width:50%;display:flex;justify-content:flex-start}.layout-contact-form{width:50%;display:flex;justify-content:flex-end}.layout-form-group{margin-bottom:20px;width:100%;display:block}.motion-subheader,.motion-title,.motion-desc,.motion-cta,.motion-social-links,.motion-scroll-explore,.motion-stats-row,.motion-card{opacity:1;transform:none}.stat-item:before{content:"";position:absolute;left:0;top:15%;height:70%;width:2px;background-color:var(--gold);box-shadow:0 0 0 var(--gold);transition:box-shadow 1.4s cubic-bezier(.16,1,.3,1),background-color 1.4s cubic-bezier(.16,1,.3,1)}.section.active .stat-item:before{box-shadow:0 0 8px var(--gold),0 0 16px var(--gold)}.motion-card{transition:border-color .4s ease,box-shadow .4s ease,opacity .8s ease}.motion-card:hover{transition:border-color .4s ease,box-shadow .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.motion-cta{transition:border-color .4s ease,color .4s ease,background-color .4s ease,box-shadow .4s ease,opacity .8s ease}.motion-cta:hover{transition:border-color .4s ease,color .4s ease,background-color .4s ease,box-shadow .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.hud-toggle-btn{position:fixed;bottom:24px;left:24px;background:#0f0f14b3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:12px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:1000;transition:var(--transition-smooth);pointer-events:auto}.hud-toggle-btn:hover{border-color:var(--gold);color:var(--gold);background:#dfb13c0d}.hud-toggle-btn svg{fill:var(--text-muted);transition:var(--transition-smooth)}.hud-toggle-btn:hover svg{fill:var(--gold)}.section:not(.active){pointer-events:none}@media (min-width: 769px){.skill-card:hover .skill-icon svg{transform:rotate(3deg)}}@media (max-width: 1024px){.section{padding:100px 5% 60px;gap:40px}.sec-title{font-size:44px}}@media (max-width: 768px){:root{--mouse-x: 0 !important;--mouse-y: 0 !important}.fixed-header{height:70px;padding:0 6%}.nav-links{display:none}.section{flex-direction:column;justify-content:center;padding:80px 6% 40px;gap:20px;min-height:auto}#home .right-col,#about .right-col{display:none}.left-col{align-items:center;text-align:center;flex:none;width:100%}.right-col{justify-content:center;flex:none;width:100%}.sec-title{font-size:36px;margin-bottom:16px}.sec-desc{max-width:100%;font-size:15px;margin-bottom:24px;line-height:1.5}.layout-cta{margin-bottom:24px}.stats-row{justify-content:center;gap:30px;margin-bottom:24px}.stat-num{font-size:36px}.glass-card{max-width:100%}.skills-intro{flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:20px}.skills-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;width:100%;padding:10px 0 20px;scrollbar-width:none;-ms-overflow-style:none}.skills-grid::-webkit-scrollbar{display:none}.layout-skill-card{flex:0 0 260px;scroll-snap-align:start;width:auto}.skill-card{padding:20px;gap:12px}.skill-title{font-size:16px}.skill-list{font-size:12px}.contact-header{width:100%;margin-bottom:8px!important;text-align:center}.contact-header .sec-title{font-size:26px!important;margin-bottom:0!important}.contact-header .sec-subheader{font-size:10px!important}.contact-layout{flex-direction:column;gap:10px;width:100%}.layout-contact-card,.layout-contact-form{width:100%!important;display:block!important}.contact-card-box{padding:12px 14px!important;gap:10px 16px!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;border-radius:10px!important;width:100%!important;max-width:100%!important}.contact-card-box .sec-desc{display:none!important}.contact-item{flex:0 1 auto!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;width:auto!important}.contact-icon{width:24px!important;height:24px!important;border-radius:6px!important;flex-shrink:0!important}.contact-icon svg{width:12px!important;height:12px!important}.contact-info{align-items:flex-start!important;min-width:0!important;gap:0px!important}.contact-label{display:none!important}.contact-value{font-size:12px!important;color:var(--text-white)!important;font-weight:600!important;display:block!important}.contact-form-box{padding:14px 18px!important;border-radius:10px!important;width:100%!important;max-width:100%!important}.form-title{display:none!important}.form-group{margin-bottom:10px!important}.form-label{display:none!important}.input-field{padding:10px 12px!important;font-size:13px!important;height:38px!important}.textarea-field{padding:10px 12px!important;font-size:13px!important;min-height:70px!important}.hud-toggle-btn{width:38px;height:38px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;bottom:16px;left:16px}.hud-toggle-btn span{display:none}.skill-card:hover{transform:scale(1)!important;border-color:var(--card-border-hover);box-shadow:0 0 12px #dfb13c33}.skill-card:active{border-color:var(--gold);box-shadow:0 0 15px #dfb13c4d}.skill-card:hover .skill-icon svg{transform:rotate(0)}.section.active .delay-f-4{animation:pulse-glow 2s infinite alternate;animation-delay:1.2s}@keyframes pulse-glow{0%{box-shadow:0 0 4px #dfb13c1a}to{box-shadow:0 0 12px #dfb13c59}}}.cinematic-intro{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9998;opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:opacity 1s cubic-bezier(.16,1,.3,1) .2s}.cinematic-intro.running{opacity:0}.intro-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity 2.2s cubic-bezier(.16,1,.3,1)}.intro-bg-video.visible{opacity:.65}.intro-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle,#00000026 20%,#000000e6)}.intro-dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;opacity:.7}.scroll-mouse-icon{width:20px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:10px;position:relative;display:flex;justify-content:center;margin-bottom:6px;transition:border-color .4s ease}.scroll-mouse-wheel{width:3px;height:7px;background-color:var(--gold);border-radius:1.5px;position:absolute;top:5px;animation:scroll-wheel-slide 2s cubic-bezier(.16,1,.3,1) infinite}@keyframes scroll-wheel-slide{0%{transform:translateY(0);opacity:0}20%{opacity:1}60%{transform:translateY(10px);opacity:0}to{transform:translateY(10px);opacity:0}}.flight-logo-container{position:fixed;width:80px;height:80px;z-index:9999;pointer-events:none}.flight-logo-container.running{transition:left 1.2s cubic-bezier(.25,1,.5,1),top 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.intro-motto{position:relative;z-index:2;margin-top:280px;font-family:var(--font-main);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-white);display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.intro-motto-letter{display:inline-block;opacity:0;filter:blur(8px);transform:scale(1.4) translateZ(0);animation:letter-reveal 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes letter-reveal{0%{opacity:0;filter:blur(8px);transform:scale(1.4) translateZ(0);text-shadow:0 0 0px rgba(223,177,60,0)}50%{text-shadow:0 0 15px rgba(223,177,60,.8)}to{opacity:.9;filter:blur(0px);transform:scale(1) translateZ(0);text-shadow:0 0 4px rgba(223,177,60,.25)}}.intro-scroll-indicator{position:absolute;bottom:60px;display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;z-index:2;animation:scroll-fade-in 2s cubic-bezier(.16,1,.3,1) 1.2s forwards;transition:opacity .5s cubic-bezier(.16,1,.3,1)}@keyframes scroll-fade-in{0%{opacity:0}to{opacity:.35}}.scroll-text{font-family:var(--font-main);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:var(--text-white)}.scroll-line-container{width:1px;height:32px;background:#ffffff1a;position:relative;overflow:hidden}.scroll-line{position:absolute;top:0;left:0;width:100%;height:12px;background:var(--gold);animation:scroll-line-move 2.5s cubic-bezier(.16,1,.3,1) infinite}@keyframes scroll-line-move{0%{transform:translateY(-100%)}50%,to{transform:translateY(270%)}}.cinematic-intro.running .intro-motto,.cinematic-intro.running .intro-scroll-indicator{opacity:0!important}body.intro-locked{overflow:hidden}.intro-sound-btn{position:absolute;bottom:40px;right:40px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:auto!important}.intro-sound-btn:hover{border-color:var(--gold);background:#dfb13c1a;transform:scale(1.06)}.intro-sound-btn svg{stroke:var(--text-white);transition:stroke .3s ease}.intro-sound-btn:hover svg{stroke:var(--gold)}.sound-wave{display:flex;align-items:flex-end;gap:2.5px;margin-right:6px;height:12px}.sound-bar{width:2px;height:100%;background-color:var(--gold);border-radius:1px;transform-origin:bottom}.sound-bar:nth-child(1){animation:sound-bounce .8s ease-in-out infinite}.sound-bar:nth-child(2){animation:sound-bounce .5s ease-in-out infinite alternate}.sound-bar:nth-child(3){animation:sound-bounce .7s ease-in-out infinite .1s}@keyframes sound-bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@media (max-width: 768px){.intro-sound-btn{bottom:24px;right:24px;width:38px;height:38px}}@media (min-width: 769px){html,body,a,button,input,textarea,select,[role=button],.hud-toggle-btn{cursor:none!important}}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:10000;transform:translate3d(-50%,-50%,0);margin:-3px 0 0 -3px;transition:opacity .3s cubic-bezier(.16,1,.3,1);mix-blend-mode:difference}.cursor-dot.hovered{opacity:0;transform:translate3d(-50%,-50%,0) scale(0)}.cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border:1px solid #ffffff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate3d(-50%,-50%,0);margin:-16px 0 0 -16px;mix-blend-mode:difference;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),margin .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1)}.cursor-ring.hovered{width:56px;height:56px;margin:-28px 0 0 -28px;background-color:#dfb13c38;border-color:var(--gold);mix-blend-mode:normal;animation:cursor-wobble 4s linear infinite}@keyframes cursor-wobble{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}34%{border-radius:70% 30% 52% 48%/60% 40%}67%{border-radius:50% 50% 30% 70%/40% 60%}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}}