@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #1a1d23;--color-bg-light: #25282f;--color-text: #f5f5f5;--color-mustard: #d4a800;--color-mustard-light: #ffd873;--color-muted: #9aa0a6;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-fast: .2s ease;--transition-medium: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.cursor{width:8px;height:8px;border-radius:50%;background:var(--color-mustard);position:fixed;pointer-events:none;z-index:10000;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%);box-shadow:0 0 10px #d4a80080}.cursor-follower{width:32px;height:32px;border:2px solid var(--color-mustard);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;opacity:.4;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cursor.hover{opacity:0;transform:translate(-50%,-50%) scale(0)}.cursor-follower.hover{width:50px;height:50px;opacity:.8}.cursor-follower:before,.cursor-follower:after{content:"";position:absolute;background:var(--color-mustard);opacity:0;transition:opacity .3s ease}.cursor-follower:before{width:2px;height:100%;left:50%;top:0;transform:translate(-50%)}.cursor-follower:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.cursor-follower.hover:before,.cursor-follower.hover:after{opacity:.7}#webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:contrast(1.05) brightness(1.02)}.header{position:fixed;top:0;left:0;width:100%;padding:1.8rem var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1d23d9;border-bottom:1px solid rgba(212,168,0,.1)}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.03em}.logo-main{color:var(--color-mustard)}.logo-sub{color:var(--color-text);font-weight:400;margin-left:.3rem}.nav{display:flex;gap:2.8rem;align-items:center}.nav a{position:relative;color:var(--color-text);text-decoration:none;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;transition:color .3s ease}.nav a:before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--color-mustard);overflow:hidden;width:0;transition:width .3s ease}.nav a:hover:before{width:100%}.back-link{color:var(--color-mustard);text-decoration:none;font-size:.95rem;font-weight:600;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.back-link:hover{transform:translate(-5px);color:var(--color-mustard-light)}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.menu-toggle span{width:28px;height:2px;background:var(--color-mustard);transition:all .3s ease}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-mustard),var(--color-mustard-light));z-index:10001;transform-origin:left;transform:scaleX(0);will-change:transform;box-shadow:0 0 10px var(--color-mustard)}.main-container{position:relative;z-index:100}.section{min-height:100vh;padding:9rem var(--spacing-lg);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:100}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);opacity:0;transform:translateY(50px)}.section-number{font-size:6rem;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(212,168,0,.15);line-height:1}.section-title{font-size:3.8rem;font-weight:900;letter-spacing:-.03em;color:var(--color-text)}.btn-primary,.btn-secondary{padding:1.1rem 2.8rem;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-medium);text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-primary);border-radius:2px;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--color-mustard);color:var(--color-bg);box-shadow:0 8px 32px #d4a80040}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 48px #d4a80066;background:var(--color-mustard-light)}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-mustard)}.btn-secondary:hover{background:var(--color-mustard);color:var(--color-bg);transform:translateY(-4px);box-shadow:0 16px 48px #d4a8004d}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:100;padding-top:10vh}.hero-content{z-index:10;max-width:1200px}.hero-title{font-size:clamp(3.5rem,10vw,9rem);font-weight:900;line-height:.92;margin-bottom:1.5rem;letter-spacing:-.04em;color:var(--color-text);text-shadow:0 0 80px rgba(212,168,0,.25)}.hero-title .line{display:block;overflow:hidden}.hero-title .line:first-child{color:var(--color-mustard)}.hero-subtitle{font-size:1.25rem;font-weight:400;color:var(--color-muted);margin-bottom:3rem;letter-spacing:.03em}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;opacity:.5;color:var(--color-muted)}.scroll-line{width:1px;height:60px;background:var(--color-mustard);animation:scrollAnim 2s ease-in-out infinite}@keyframes scrollAnim{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(20px)}}.about-section{background:linear-gradient(180deg,#1a1d23f2,#25282fe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-content{max-width:1200px;margin:0 auto}.about-text{margin-bottom:var(--spacing-lg)}.lead-text{font-size:2.4rem;font-weight:500;line-height:1.4;margin-bottom:1.8rem;color:var(--color-mustard);letter-spacing:-.02em}.about-text p{font-size:1.15rem;line-height:1.8;color:var(--color-text);opacity:.85}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}.skill-card{padding:2.5rem;background:#3c414bb3;border:1px solid rgba(212,168,0,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all var(--transition-medium);opacity:0;transform:translateY(50px);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-mustard) 0%,var(--color-mustard-light) 100%);opacity:0;transition:opacity var(--transition-medium)}.skill-card:hover:before{opacity:.08}.skill-card:hover{border-color:var(--color-mustard);transform:translateY(-12px);box-shadow:0 24px 64px #d4a80033}.skill-icon{font-size:2.8rem;margin-bottom:1.2rem}.skill-card h3{font-size:1.5rem;margin-bottom:.8rem;color:var(--color-mustard);position:relative;z-index:1;font-weight:700}.skill-card p{opacity:.8;font-size:.95rem;line-height:1.6;position:relative;z-index:1;color:var(--color-text)}.work-section{min-height:100vh;background:linear-gradient(180deg,#25282fe6,#1a1d23f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1400px;margin:0 auto 4rem}.project-card{position:relative;overflow:visible;opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1);background:#32374166;border-radius:8px;border:1px solid rgba(212,168,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.project-card a{text-decoration:none;color:inherit;display:block;position:relative}.project-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent 30%,rgba(212,168,0,.1) 50%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none;border-radius:4px}.project-card:hover:before{opacity:1;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.project-card:hover{transform:translateY(-8px)}.project-card:hover .project-info{transform:translateY(-4px)}.project-card:hover .project-tags span{animation:tagFloat .6s ease forwards}.project-card:hover .project-tags span:nth-child(1){animation-delay:.1s}.project-card:hover .project-tags span:nth-child(2){animation-delay:.15s}.project-card:hover .project-tags span:nth-child(3){animation-delay:.2s}@keyframes tagFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(-2px)}}.project-image{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#d4a8000d,#3c414bcc);border:2px solid rgba(212,168,0,.15);overflow:hidden;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d;perspective:1000px;will-change:transform;backface-visibility:hidden;transform:translateZ(0);border-radius:4px;background-clip:padding-box;margin:1.5rem;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-image:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#d4a8004d,#ffd8734d,#d4a8004d);border-radius:4px;opacity:0;transition:opacity .6s ease;z-index:-1;background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.project-card:hover .project-image:before{opacity:1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.34,1.56,.64,1),filter .4s ease}.project-image:hover{box-shadow:0 8px 32px #d4a8004d,0 24px 72px #d4a80026}.project-image:hover img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.project-overlay{position:absolute;inset:0;background:#d4a800f2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-medium)}.project-image:hover .project-overlay{opacity:1}.view-project{color:var(--color-bg);font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.project-info{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.project-info h3{font-size:1.5rem;font-weight:700;margin-bottom:.6rem;color:var(--color-mustard);transition:color .3s ease,text-shadow .3s ease}.project-card:hover .project-info h3{color:var(--color-mustard-light);text-shadow:0 0 20px rgba(212,168,0,.4)}.project-info p{color:var(--color-text);opacity:.75;font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-sm);transition:opacity .3s ease}.project-card:hover .project-info p{opacity:.95}.project-tags{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:var(--spacing-sm);padding:0 1.5rem 1rem}.project-tags span{padding:.4rem 1rem;background:#d4a8001f;border:1px solid rgba(212,168,0,.3);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-mustard);font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.project-tags span:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(212,168,0,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.project-card:hover .project-tags span{background:#d4a80033;border-color:var(--color-mustard);box-shadow:0 4px 12px #d4a80033}.project-card:hover .project-tags span:before{transform:translate(100%)}.project-year{font-size:.9rem;opacity:.4;white-space:nowrap;font-weight:700;color:var(--color-muted)}.view-all-projects{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.btn-view-all{padding:1.2rem 3rem;background:transparent;color:var(--color-text);border:2px solid var(--color-mustard);text-decoration:none;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-medium);display:inline-block;border-radius:2px}.btn-view-all:hover{background:var(--color-mustard);color:var(--color-bg);transform:translateY(-4px);box-shadow:0 16px 48px #d4a80059}.contact-section{min-height:100vh;background:linear-gradient(180deg,#1a1d23f2,#1a1d23);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-content{max-width:1000px;margin:0 auto}.contact-lead{font-size:2.8rem;font-weight:500;margin-bottom:1.2rem;color:var(--color-mustard);letter-spacing:-.02em}.contact-text p{font-size:1.15rem;color:var(--color-text);opacity:.85;margin-bottom:3rem;line-height:1.8}.contact-link{font-size:2.2rem;font-weight:700;color:var(--color-mustard);text-decoration:none;display:inline-block;margin-bottom:2.5rem;transition:all .3s ease;position:relative}.contact-link:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:3px;background:var(--color-mustard);transition:width .3s ease}.contact-link:hover:after{width:100%}.contact-link:hover{transform:translate(10px);text-shadow:0 0 30px rgba(212,168,0,.5)}.social-links{display:flex;gap:2.5rem;flex-wrap:wrap}.social-links a{color:var(--color-text);text-decoration:none;font-size:1.05rem;opacity:.65;transition:all .3s ease;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.social-links a:hover{opacity:1;color:var(--color-mustard);transform:translateY(-3px)}.project-page{background:var(--color-bg);min-height:100vh}.project-container{max-width:1200px;margin:0 auto;padding:8rem var(--spacing-lg) var(--spacing-lg)}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;margin-bottom:var(--spacing-xl)}.project-banner{width:100%;height:auto;border-radius:8px;border:1px solid rgba(212,168,0,.2);box-shadow:0 20px 60px #0000004d}.project-hero .project-info{display:flex;flex-direction:column;gap:1.5rem}.project-hero h1{font-size:3.5rem;font-weight:900;color:var(--color-mustard);letter-spacing:-.03em;line-height:1.1}.project-hero p{font-size:1.2rem;line-height:1.8;color:var(--color-text);opacity:.85}.project-details{background:#25282f99;border:1px solid rgba(212,168,0,.15);padding:var(--spacing-lg);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-details h2{font-size:2.2rem;color:var(--color-mustard);margin-bottom:1.5rem;font-weight:700}.project-details h3{font-size:1.6rem;color:var(--color-mustard-light);margin:2rem 0 1rem;font-weight:600}.project-details p{font-size:1.1rem;line-height:1.8;color:var(--color-text);opacity:.85;margin-bottom:1.5rem}.project-details ul{list-style:none;padding:0}.project-details li{font-size:1.05rem;line-height:1.8;color:var(--color-text);opacity:.85;padding-left:1.5rem;position:relative;margin-bottom:.8rem}.project-details li:before{content:"→";position:absolute;left:0;color:var(--color-mustard);font-weight:700}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr}.project-hero{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media(max-width:768px){body{cursor:auto}.cursor,.cursor-follower{display:none}.header{padding:1.5rem var(--spacing-md)}.nav{display:none}.menu-toggle{display:flex}.section{padding:5rem var(--spacing-md)}.section-number{font-size:4rem}.section-title{font-size:2.5rem}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.05rem}.lead-text{font-size:1.8rem}.contact-lead{font-size:2rem}.contact-link{font-size:1.6rem}.skills-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-container{padding:6rem var(--spacing-md) var(--spacing-md)}.project-hero h1{font-size:2.5rem}.project-hero p{font-size:1.05rem}.footer-content{flex-direction:column;text-align:center}}.footer{padding:4rem var(--spacing-lg) 3rem;border-top:2px solid rgba(212,168,0,.3);position:relative;z-index:100;background:linear-gradient(180deg,#f5f5f5fa,#fff);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -10px 30px #0000001a}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);color:var(--color-bg);max-width:1400px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{font-size:2rem;font-weight:900;color:var(--color-mustard);letter-spacing:-.02em}.footer-tagline{font-size:.95rem;line-height:1.6;color:#1a1d23b3;max-width:300px}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-links h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-mustard);margin-bottom:.5rem;font-weight:700}.footer-links a{color:#1a1d23cc;text-decoration:none;font-size:.95rem;transition:all var(--transition-fast);display:inline-block;font-weight:500}.footer-links a:hover{color:var(--color-mustard);transform:translate(5px)}.footer-social{display:flex;flex-direction:column;gap:.8rem}.footer-social h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-mustard);margin-bottom:.5rem;font-weight:700}.social-icons{display:flex;gap:1rem;flex-wrap:wrap}.social-icons a{width:40px;height:40px;border-radius:50%;background:#d4a8001a;border:2px solid var(--color-mustard);display:flex;align-items:center;justify-content:center;color:var(--color-mustard);text-decoration:none;font-weight:700;font-size:.85rem;transition:all var(--transition-medium)}.social-icons a:hover{background:var(--color-mustard);color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #d4a8004d}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(26,29,35,.15);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#1a1d2399}.footer-bottom a{color:var(--color-mustard);text-decoration:none;font-weight:600;transition:opacity var(--transition-fast)}.footer-bottom a:hover{opacity:.7}.back-to-top{width:50px;height:50px;border-radius:50%;background:var(--color-mustard);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;transition:all var(--transition-medium);box-shadow:0 4px 15px #d4a8004d}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 25px #d4a80066}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}#scroll-sequence-line{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100;overflow:visible}.scroll-sequence-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:screen}.music-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:#1a1d23e6;border:2px solid var(--color-mustard);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-toggle:hover{transform:scale(1.1);box-shadow:0 8px 30px #d4a80066;border-width:3px}.music-toggle.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #d4a80066}50%{box-shadow:0 0 40px #d4a800cc}}.music-icon{width:24px;height:24px;position:relative}.music-bars{display:flex;align-items:flex-end;justify-content:space-between;height:24px;gap:3px}.music-bar{width:3px;background:var(--color-mustard);border-radius:2px;animation:musicBar .8s ease-in-out infinite}.music-bar:nth-child(1){animation-delay:0s;height:40%}.music-bar:nth-child(2){animation-delay:.2s;height:60%}.music-bar:nth-child(3){animation-delay:.4s;height:80%}.music-bar:nth-child(4){animation-delay:.6s;height:50%}@keyframes musicBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.music-toggle.paused .music-bars{opacity:.5}.music-toggle.paused .music-bar{animation:none;height:60%}.video-distortion-container{position:relative;width:100%;height:60vh;overflow:hidden;margin:4rem 0;border-radius:8px;background:var(--color-bg-light)}.video-distortion-container canvas{position:absolute;inset:0;width:100%;height:100%}.cursor{transition:width .3s ease,height .3s ease,background .3s ease,border .3s ease,mix-blend-mode .3s ease}.cursor-ripple{position:fixed;width:100px;height:100px;border:2px solid var(--color-mustard);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}.section-header,.project-card,.skill-card,.about-section,.contact-section{backface-visibility:hidden;transform:translateZ(0)}.section-header,.skill-card,.project-card{opacity:1!important}a,button,.skill-card,.project-card{position:relative;z-index:1}body{overflow-x:hidden}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}