:root{--color-primary: #64ffda;--color-secondary: #8c9eff;--color-accent: #4fc3f7;--color-background: #0a0a0a;--color-white: #ffffff;--gradient-primary: linear-gradient(45deg, var(--color-primary), var(--color-secondary));--gradient-hero: linear-gradient(45deg, var(--color-primary), var(--color-secondary), var(--color-accent), var(--color-primary));--color-primary-alpha-02: rgba(100, 255, 218, .02);--color-primary-alpha-1: rgba(100, 255, 218, .1);--color-primary-alpha-2: rgba(100, 255, 218, .2);--color-primary-alpha-3: rgba(100, 255, 218, .3);--color-primary-alpha-4: rgba(100, 255, 218, .4);--color-primary-alpha-5: rgba(100, 255, 218, .5);--color-primary-alpha-6: rgba(100, 255, 218, .6);--color-primary-alpha-8: rgba(100, 255, 218, .8);--color-secondary-alpha-1: rgba(140, 158, 255, .1);--color-secondary-alpha-2: rgba(140, 158, 255, .2);--color-secondary-alpha-3: rgba(140, 158, 255, .3);--color-secondary-alpha-4: rgba(140, 158, 255, .4);--color-secondary-alpha-5: rgba(140, 158, 255, .5);--color-accent-alpha-2: rgba(79, 195, 247, .2);--color-accent-alpha-3: rgba(79, 195, 247, .3);--color-white-alpha-02: rgba(255, 255, 255, .02);--color-white-alpha-05: rgba(255, 255, 255, .05);--color-white-alpha-08: rgba(255, 255, 255, .08);--color-white-alpha-1: rgba(255, 255, 255, .1);--color-white-alpha-2: rgba(255, 255, 255, .2);--color-white-alpha-3: rgba(255, 255, 255, .3);--color-white-alpha-4: rgba(255, 255, 255, .4);--color-white-alpha-6: rgba(255, 255, 255, .6);--color-white-alpha-7: rgba(255, 255, 255, .7);--color-white-alpha-8: rgba(255, 255, 255, .8);--color-white-alpha-9: rgba(255, 255, 255, .9);--color-black-alpha-2: rgba(0, 0, 0, .2);--color-black-alpha-3: rgba(0, 0, 0, .3);--color-black-alpha-4: rgba(0, 0, 0, .4);--color-black-alpha-5: rgba(0, 0, 0, .5);--color-black-alpha-6: rgba(0, 0, 0, .6);--color-black-alpha-9: rgba(0, 0, 0, .9);--ease-primary: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.165, .84, .44, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .3s;--duration-normal: .4s;--duration-medium: .5s;--duration-slow: .7s;--duration-slower: .9s;--transition-fast: opacity var(--duration-fast) var(--ease-primary), transform var(--duration-fast) var(--ease-primary), background var(--duration-fast) var(--ease-primary), border var(--duration-fast) var(--ease-primary), box-shadow var(--duration-fast) var(--ease-primary);--transition-normal: opacity var(--duration-normal) var(--ease-primary), transform var(--duration-normal) var(--ease-primary), background var(--duration-normal) var(--ease-primary), border var(--duration-normal) var(--ease-primary), box-shadow var(--duration-normal) var(--ease-primary);--transition-medium: opacity var(--duration-medium) var(--ease-primary), transform var(--duration-medium) var(--ease-primary), background var(--duration-medium) var(--ease-primary), border var(--duration-medium) var(--ease-primary), box-shadow var(--duration-medium) var(--ease-primary);--transition-slow: opacity var(--duration-slow) var(--ease-primary), transform var(--duration-slow) var(--ease-primary), background var(--duration-slow) var(--ease-primary), border var(--duration-slow) var(--ease-primary), box-shadow var(--duration-slow) var(--ease-primary);--transition-slower: opacity var(--duration-slower) var(--ease-primary), transform var(--duration-slower) var(--ease-primary), background var(--duration-slower) var(--ease-primary), border var(--duration-slower) var(--ease-primary), box-shadow var(--duration-slower) var(--ease-primary);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 25px;--radius-full: 50px;--shadow-sm: 0 4px 12px var(--color-black-alpha-2);--shadow-md: 0 8px 20px var(--color-black-alpha-2);--shadow-lg: 0 10px 25px var(--color-primary-alpha-3);--shadow-xl: 0 15px 35px var(--color-black-alpha-3);--shadow-2xl: 0 20px 40px var(--color-black-alpha-3);--shadow-3xl: 0 25px 60px var(--color-black-alpha-4);--shadow-primary: 0 8px 30px var(--color-primary-alpha-3);--shadow-primary-lg: 0 15px 40px var(--color-primary-alpha-5);--backdrop-blur-sm: blur(6px) saturate(150%);--backdrop-blur-md: blur(12px) saturate(130%);--backdrop-blur-lg: blur(24px) saturate(130%);--font-family-primary: Inter, sans-serif;--font-family-mono: "JetBrains Mono", monospace;--font-size-xs: .9rem;--font-size-sm: 1rem;--font-size-md: 1.1rem;--font-size-lg: 1.2rem;--font-size-xl: 2rem;--font-size-2xl: 2.5rem;--font-size-3xl: 3rem;--font-size-4xl: 4.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--letter-spacing-sm: .5px;--letter-spacing-md: 1px;--letter-spacing-lg: -2px;--z-content: 5;--z-elevated: 10;--z-overlay: 100;--z-modal: 500;--z-toast: 1000;--z-tooltip: 1001;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transform-hover-lift: translateY(-5px);--transform-hover-lift-sm: translateY(-3px);--transform-hover-lift-lg: translateY(-8px);--transform-hover-scale: scale(1.02);--transform-hover-scale-sm: scale(1.01);--transform-hover-scale-lg: scale(1.05);--project-card-parallax-base: 30px;--project-card-title-depth: calc(var(--project-card-parallax-base) * 2);--project-card-tags-depth: calc(var(--project-card-parallax-base) * 1.5);--project-card-media-depth: var(--project-card-parallax-base);--project-modal-width: 80vw;--project-modal-max-width: 80vw;--project-modal-max-height: 90vh;--project-modal-padding: 2rem;--hover-lift: var(--transform-hover-lift-sm) var(--transform-hover-scale);--hover-lift-lg: var(--transform-hover-lift-lg) var(--transform-hover-scale-lg);--confetti-color-1: var(--color-primary);--confetti-color-2: var(--color-secondary);--confetti-color-3: var(--color-accent);--confetti-color-4: #ff6b6b;--confetti-color-5: #ffd93d;--form-success-gradient: linear-gradient(45deg, #4caf50, #66bb6a);--form-error-gradient: linear-gradient(45deg, #f44336, #e57373);--form-primary-gradient: var(--gradient-primary);--particle-color-1: var(--color-primary);--particle-color-2: var(--color-secondary);--particle-color-3: var(--color-accent);--particle-color-4: var(--color-primary-alpha-6);--particle-color-5: var(--color-accent-alpha-3);--bg-gradient-edge: #0a0a0f;--bg-gradient-transition: #1a1a2e;--bg-gradient-center: #1f1847;--card-base-bg: rgba(40, 40, 40, .3);--card-base-bg-hover: rgba(40, 40, 40, .5);--card-base-border: rgba(100, 255, 218, .25);--card-base-border-hover: rgba(100, 255, 218, .5);--card-primary-bg: rgba(45, 45, 45, .35);--card-primary-bg-hover: rgba(45, 45, 45, .55);--card-secondary-bg: rgba(50, 50, 50, .4);--card-secondary-bg-hover: rgba(50, 50, 50, .6);--card-accent-bg: rgba(35, 35, 35, .3);--card-accent-bg-hover: rgba(35, 35, 35, .5);--card-shadow-base: 0 12px 40px rgba(0, 0, 0, .5), 0 0 60px rgba(100, 255, 218, .06), inset 0 1px 0 rgba(255, 255, 255, .15);--card-shadow-hover: 0 20px 50px rgba(0, 0, 0, .6), 0 0 80px rgba(100, 255, 218, .12), inset 0 1px 0 rgba(255, 255, 255, .25);--card-border-glow: 0 0 0 1px rgba(100, 255, 218, .1);--card-border-glow-hover: 0 0 0 1px rgba(100, 255, 218, .2)}@media (max-width: 1000px){:root{--project-modal-width: 97vw;--project-modal-max-width: 97vw;--project-modal-padding: 1rem}}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-medium{transition:var(--transition-medium)}.transition-slow{transition:var(--transition-slow)}.card-base{background:var(--card-base-bg);backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);border:1px solid var(--card-base-border);border-radius:var(--radius-xl);box-shadow:var(--card-border-glow),var(--card-shadow-base);transition:var(--transition-normal);position:relative;overflow:hidden}.card-base:hover{background:var(--card-base-bg-hover);backdrop-filter:blur(25px) saturate(1.2);-webkit-backdrop-filter:blur(25px) saturate(1.2);border-color:var(--card-base-border-hover);box-shadow:var(--card-border-glow-hover),var(--card-shadow-hover)}.card-primary{background:var(--card-primary-bg);background-image:radial-gradient(circle at 20% 80%,rgba(100,255,218,.03) 0%,transparent 50%)}.card-primary:hover{background:var(--card-primary-bg-hover)}.card-secondary{background:var(--card-secondary-bg);background-image:radial-gradient(circle at 80% 20%,rgba(140,158,255,.03) 0%,transparent 50%)}.card-secondary:hover{background:var(--card-secondary-bg-hover)}.card-accent{background:var(--card-accent-bg);background-image:radial-gradient(circle at 50% 50%,rgba(79,195,247,.03) 0%,transparent 50%)}.card-accent:hover{background:var(--card-accent-bg-hover)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.backdrop-blur-sm{backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm)}.backdrop-blur-md{backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-fill-color:transparent}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{max-width:100%;box-sizing:border-box}html{height:100%;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-gradient-edge)}body{font-family:Inter,sans-serif;background-color:transparent;color:var(--color-white);overflow-x:hidden;position:relative;z-index:2;min-height:100vh;width:100%;max-width:100vw;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;box-sizing:border-box}.gradient-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--bg-gradient-edge) 0%,var(--bg-gradient-transition) 25%,var(--bg-gradient-center) 50%,var(--bg-gradient-transition) 75%,var(--bg-gradient-edge) 100%);z-index:-10;transform:translateZ(0);-webkit-transform:translateZ(0)}.grid-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(var(--color-primary-alpha-1) 1px,transparent 1px),linear-gradient(90deg,var(--color-primary-alpha-1) 1px,transparent 1px);background-size:60px 60px;background-position:center center;opacity:.4;z-index:-9;mask:radial-gradient(circle at center,transparent 0%,transparent 25%,black 65%);-webkit-mask:radial-gradient(circle at center,transparent 0%,transparent 25%,black 65%);transform:translateZ(0);-webkit-transform:translateZ(0)}a,a:visited{color:var(--color-primary)}a:hover,a:focus{color:var(--color-accent);text-decoration:underline}.floating-shape{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.reel-tab{transform:translateZ(0);backface-visibility:hidden}.project-card{backface-visibility:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#particles canvas,#floatingShapes canvas{opacity:.5!important}}body.direct-lightbox-mode #particles,body.direct-lightbox-mode #floatingShapes{display:none!important}body.direct-lightbox-mode .fade-in,body.direct-lightbox-mode .text-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}body.direct-lightbox-mode .phrase-item{transition:none!important;animation:none!important}body.direct-lightbox-mode .hero-bg{display:none!important}body.direct-lightbox-mode *{animation-duration:.01ms!important;transition-duration:.1s!important}.vimeo-loading-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px;background:#0000001a}.vimeo-loading-spinner{text-align:center;color:var(--color-white)}.vimeo-loading-spinner .spinner{width:40px;height:40px;border:3px solid rgba(100,255,218,.3);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.vimeo-loading-spinner p{margin:0;font-size:.9rem;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes screen-shake{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(-4px,-4px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(4px,4px) rotate(1deg)}}.shake-active{animation:screen-shake .5s cubic-bezier(.36,.07,.19,.97) both}nav#navbar{display:none}nav#navbar{position:fixed;top:0;left:0;right:0;width:100%;max-width:100vw;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 2rem;transition:var(--transition-normal);border-bottom:1px solid var(--color-primary-alpha-2);box-sizing:border-box}nav#navbar.scrolled{background:#0a0a0af2}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.logo{font-size:1.8rem;font-weight:700;font-family:Inter,sans-serif;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--color-white);text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--transition-normal);position:relative;padding:8px 16px;border-radius:20px}.nav-links a:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-normal);transform:translate(-50%);border-radius:1px}.nav-links a:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-links a:hover:after{width:30px}@media (max-width: 768px){nav{padding:1rem}.nav-links{display:none}.mobile-menu-toggle{display:flex}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background:var(--gradient-primary);transition:var(--transition-normal);border-radius:2px}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(100,255,218,.2);flex-direction:column;padding:1rem 0}.mobile-menu.active{display:flex}.mobile-menu a{color:var(--color-white);text-decoration:none;font-weight:600;padding:1rem 2rem;transition:var(--transition-normal);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu a:hover{background:#64ffda1a;color:var(--color-primary)}@supports (-webkit-overflow-scrolling: touch){nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a0af2}.mobile-menu{backdrop-filter:none;-webkit-backdrop-filter:none}}:root{--sidebar-width: 220px;--sidebar-bg: rgba(10, 10, 15, .97);--sidebar-border: rgba(100, 255, 218, .08);--topbar-height: 56px}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .4s cubic-bezier(.16,1,.3,1);will-change:transform,margin-left}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--sidebar-border);z-index:1000;display:flex;flex-direction:column;padding:2rem 1.25rem;box-sizing:border-box;transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;overscroll-behavior:contain}.sidebar.spring-active{transition:none!important}.sidebar-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-name{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:#fff;line-height:1.2}.sidebar-title{font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#a0aac880;margin-top:.3rem}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem;margin-bottom:2rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:8px;color:#b4bedc99;text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.02em;transition:all .25s ease;position:relative;cursor:pointer;border-left:3px solid transparent;margin-left:-3px}.sidebar-link svg{flex-shrink:0;opacity:.5;transition:opacity .25s ease}.sidebar-link:hover{color:#dce1f0e6;background:#64ffda0a}.sidebar-link:hover svg{opacity:.8}.sidebar-link.active{color:var(--color-primary, #64ffda);border-left-color:var(--color-primary, #64ffda);background:#64ffda0f}.sidebar-link.active svg{opacity:1;color:var(--color-primary, #64ffda)}.sidebar-pages{margin-top:auto;display:flex;flex-direction:column;gap:.15rem;padding-top:1.5rem;border-top:1px solid var(--sidebar-border)}.sidebar-page-link{display:block;padding:.5rem .85rem;color:#a0aac866;text-decoration:none;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease}.sidebar-page-link:hover{color:#dce1f0cc}.topbar{display:none;position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--sidebar-border);z-index:999;padding:0 1.25rem;align-items:center;justify-content:space-between;box-sizing:border-box}.topbar-logo{font-size:1rem;font-weight:800;letter-spacing:.04em;color:#fff}.sidebar-toggle{display:flex;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0}.sidebar-toggle .hamburger-line{width:100%;height:2px;background:#dce1f0b3;border-radius:2px;transition:all .3s ease}.sidebar-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar-toggle.active .hamburger-line:nth-child(2){opacity:0}.sidebar-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{display:flex}.main-content{margin-left:0;padding-top:var(--topbar-height);transform:none!important}}.selected-works{padding:6rem 3rem 4rem;max-width:1200px;margin:0 auto}.works-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.works-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;color:#fff;line-height:1}.works-filters{display:flex;gap:.25rem;align-items:center}.filter-btn{background:none;border:1px solid rgba(100,255,218,.12);color:#b4bedc99;padding:.45rem 1.1rem;border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;white-space:nowrap}.filter-btn:hover{color:#dce1f0e6;border-color:#64ffda40}.filter-btn.active{background:#64ffda1a;color:var(--color-primary, #64ffda);border-color:#64ffda4d}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;position:relative}.work-card{position:relative;border-radius:12px;overflow:hidden;background:#14141e99;border:1px solid rgba(100,255,218,.06);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;opacity:1;transform:translateY(0)}.work-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.work-card:first-child{grid-column:1 / -1}.work-card:first-child .work-card__embed{aspect-ratio:21 / 9}.work-card__embed{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0a12;overflow:hidden}.work-card__embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none}.work-card__category{position:absolute;top:.75rem;left:.75rem;z-index:2;display:inline-block;padding:.25rem .65rem;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#0a0a0fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(100,255,218,.15);color:#b4c8dcd9}.work-card__info{padding:1rem 1.25rem 1.25rem}.work-card__title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:.3rem}.work-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.work-card__tag{font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#a0aac880}.work-card__tag+.work-card__tag:before{content:"//";margin-right:.4rem;opacity:.4}.work-card.fade-out{opacity:0;transform:translateY(8px) scale(.97);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.work-card.fade-in-stagger{opacity:0;transform:translateY(16px)}.work-card.fade-in-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.work-card.hidden{display:none}@media (max-width: 768px){.selected-works{padding:4rem 1.25rem 3rem}.works-header{flex-direction:column;gap:1rem}.works-grid{grid-template-columns:1fr}.work-card:first-child{grid-column:auto}.work-card:first-child .work-card__embed{aspect-ratio:16 / 9}.works-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}}.connect-section{padding:6rem 3rem 2rem;max-width:1200px;margin:0 auto}.connect-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.connect-left{display:flex;flex-direction:column}.connect-badge{display:inline-block;width:fit-content;padding:.35rem .9rem;border-radius:100px;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#64ffda14;border:1px solid rgba(100,255,218,.2);color:var(--color-primary, #64ffda);margin-bottom:1.5rem}.connect-heading{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;color:#fff;line-height:1;margin-bottom:.75rem}.connect-email{font-size:clamp(.9rem,2vw,1.15rem);color:#a0aac899;text-decoration:none;letter-spacing:.02em;margin-bottom:2.5rem;transition:color .25s ease}.connect-email:hover{color:var(--color-primary, #64ffda)}.connect-form{display:flex;flex-direction:column;gap:0}.connect-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.connect-field{margin-bottom:1rem}.connect-field label{display:block;margin-bottom:.5rem;color:#a0aac880;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.connect-field input,.connect-field textarea{width:100%;padding:.85rem 1rem;background:#ffffff0a;border:1px solid rgba(100,255,218,.08);border-radius:8px;color:#fff;font-size:.88rem;font-family:Inter,sans-serif;transition:border-color .25s ease,background .25s ease;box-sizing:border-box}.connect-field input::placeholder,.connect-field textarea::placeholder{color:#dce6fa73;opacity:1}.connect-field input:focus,.connect-field textarea:focus{outline:none;border-color:#64ffda66;background:#ffffff0f}.connect-field textarea{resize:vertical;min-height:100px;line-height:1.5}.connect-submit{margin-top:.5rem;padding:.9rem 2rem;background:#64ffda1a;border:1px solid rgba(100,255,218,.25);border-radius:8px;color:var(--color-primary, #64ffda);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.connect-submit:hover{background:#64ffda2e;border-color:#64ffda73;transform:translateY(-1px)}.connect-right{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.social-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#14141e99;border:1px solid rgba(100,255,218,.06);border-radius:12px;text-decoration:none;transition:all .25s ease;cursor:pointer}.social-card:hover{background:#1e1e2dcc;border-color:#64ffda26;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.social-card__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#64ffda0f;color:#b4bedcb3;flex-shrink:0;transition:color .25s ease,background .25s ease}.social-card:hover .social-card__icon{color:var(--color-primary, #64ffda);background:#64ffda1a}.social-card__info{display:flex;flex-direction:column;min-width:0;flex:1}.social-card__name{font-size:.9rem;font-weight:700;color:#fff;letter-spacing:.01em}.social-card__handle{font-size:.72rem;color:#a0aac873;letter-spacing:.02em;margin-top:.1rem}.social-card__arrow{font-size:1.1rem;color:#a0aac840;transition:color .25s ease,transform .25s ease;margin-left:auto}.social-card:hover .social-card__arrow{color:var(--color-primary, #64ffda);transform:translate(3px)}.connect-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(100,255,218,.06);font-size:.72rem;color:#a0aac84d;letter-spacing:.04em;text-transform:uppercase}@media (max-width: 900px){.connect-inner{grid-template-columns:1fr;gap:2.5rem}.connect-right{padding-top:0}}@media (max-width: 768px){.connect-section{padding:4rem 1.25rem 2rem}.connect-form-row{grid-template-columns:1fr;gap:0}.connect-footer{flex-direction:column;gap:.5rem;text-align:center}}.brands-strip{padding:3rem 2rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.brands-strip__label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a0aac859;margin-bottom:2rem}.brands-strip__row{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.brands-strip__logo{height:36px;width:auto;object-fit:contain;opacity:.35;filter:grayscale(100%) brightness(1.8);transition:opacity .3s ease,filter .3s ease}.brands-strip__logo:hover{opacity:.8;filter:grayscale(0%) brightness(1)}@media (max-width: 768px){.brands-strip__row{gap:2rem}.brands-strip__logo{height:28px}}.about-v2{padding:5rem 3rem;max-width:1200px;margin:0 auto;position:relative;z-index:2;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.about-v2__inner{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:center}.about-v2__photo{position:relative;border-radius:16px;overflow:hidden}.about-v2__photo img{width:100%;height:auto;display:block;border-radius:16px}.about-v2__photo:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(10,12,20,1) 0%,transparent 100%);pointer-events:none}.about-v2__content{font-size:.92rem;line-height:1.75;color:#c8d2e6bf}.about-v2__heading{font-size:clamp(2rem,4vw,3rem);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;color:#fff;line-height:1;margin-bottom:1.25rem}.about-v2__content p{margin-bottom:.9rem}.about-v2__content p:last-of-type{margin-bottom:1.5rem}.about-v2__content a{color:var(--color-primary, #64ffda);text-decoration:none;border-bottom:1px solid rgba(100,255,218,.2);transition:border-color .25s ease}.about-v2__content a:hover{border-color:var(--color-primary, #64ffda)}.about-v2__tools{display:flex;flex-wrap:wrap;gap:.5rem}.about-v2__tools span{display:inline-block;padding:.25rem .65rem;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#0a0a0fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(100,255,218,.15);color:#b4c8dcd9;transition:all .25s ease}.about-v2__tools span:hover{color:var(--color-primary, #64ffda);border-color:#64ffda4d;background:#64ffda14}@media (max-width: 900px){.about-v2__inner{grid-template-columns:1fr;gap:2rem}.about-v2__photo{max-width:240px}}@media (max-width: 768px){.about-v2{padding:3rem 1.25rem}}.work-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#05050cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .3s ease;padding:2rem}.work-modal.active{opacity:1}.work-modal__panel{position:relative;width:100%;max-width:900px;background:#0c0e18f2;border:1px solid rgba(100,255,218,.08);border-radius:16px;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 80px #0009}.work-modal.active .work-modal__panel{transform:translateY(0) scale(1)}.work-modal__close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;font-size:1.3rem;cursor:pointer;transition:all .2s ease;line-height:1;padding:0;font-family:inherit}.work-modal__close:hover{background:#000000b3;color:#fff;transform:scale(1.1)}.work-modal__video{position:relative;width:100%;padding-bottom:56.25%;background:#000}.work-modal__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.work-modal__info{padding:1.5rem 2rem 2rem}.work-modal__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.work-modal__category{display:inline-block;padding:.2rem .6rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary, #64ffda);background:#64ffda14;border:1px solid rgba(100,255,218,.15);border-radius:100px}.work-modal__year{font-size:.7rem;font-weight:600;color:#a0aac866;letter-spacing:.04em}.work-modal__title{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:.75rem}.work-modal__desc{font-size:.88rem;line-height:1.7;color:#c8d2e6a6;margin-bottom:1.25rem}.work-modal__tags{display:flex;flex-wrap:wrap;gap:.4rem}.work-modal__tag{padding:.25rem .65rem;font-size:.65rem;font-weight:600;letter-spacing:.03em;text-transform:lowercase;color:#a0aac880;border:1px solid rgba(100,255,218,.07);border-radius:100px;background:#64ffda08}@media (max-width: 768px){.work-modal{padding:1rem;align-items:flex-end}.work-modal__panel{max-height:90vh;overflow-y:auto;border-radius:16px 16px 0 0}.work-modal__info{padding:1.25rem 1.25rem 1.5rem}}.tag{background:transparent;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);border:1px solid var(--color-white-alpha-2);color:var(--color-white-alpha-7);font-weight:var(--font-weight-normal);font-style:italic;display:inline-block;text-transform:lowercase;letter-spacing:.5px;pointer-events:none}.tag--subtle{background:transparent;border-color:var(--color-white-alpha-1);color:var(--color-white-alpha-6)}.card-title{font-size:2.2rem;margin-bottom:.25rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold);transition:all var(--duration-normal) var(--ease-primary);letter-spacing:-.5px}.button-primary{background:var(--gradient-primary);color:var(--color-white)!important;border:none;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-medium);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 14px #64ffda4d;transform:scale(1);opacity:1}.button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left var(--duration-slower) var(--ease-primary)}.button-primary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-normal) var(--ease-primary);z-index:-1}.button-primary:hover:before{left:100%}.button-primary:hover:after{opacity:1}.button-primary:hover{color:#fff!important;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #64ffda73}.button-primary:active{transform:translateY(-2px) scale(1.01)}.hero-skills{display:flex;justify-content:center;gap:2.5rem;margin-top:3.5rem}.hero-skill{display:flex;flex-direction:column;align-items:center;gap:.45rem;opacity:.55;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.hero-skill:hover{opacity:1;text-decoration:none}.hero-skill span{font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#b4c3dcb3}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:3.5rem}.scroll-cue__text{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#a0aac859}.scroll-cue__line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(100,255,218,.5),transparent);position:relative;overflow:hidden}.scroll-cue__line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,var(--color-primary, #64ffda),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{top:-100%}50%{top:100%}to{top:100%}}.contact-link{background:#ffffff1a;padding:1rem 2rem;border-radius:50px;text-decoration:none;color:#fff;transition:var(--transition-normal);border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;min-width:150px}.contact-link:hover{background:#64ffda33;transform:translateY(-3px)}.contact-link .copy-icon{margin-left:0;transition:var(--transition-fast);opacity:0;transform:scale(.8);width:0}.contact-link:hover .copy-icon{margin-left:8px;opacity:1;transform:scale(1);width:16px}.modal-content{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:center;width:min(var(--project-modal-width),var(--project-modal-max-width));max-height:var(--project-modal-max-height);padding:var(--project-modal-padding);box-sizing:border-box;margin:0 auto}.reel-modal-content{aspect-ratio:16 / 9}.modal-video-wrapper{flex:2 1 65%;width:65%;min-width:0;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.modal-video-wrapper iframe{width:100%;height:100%;border:none;border-radius:15px}.modal-description-wrapper{flex:1 1 30%;min-width:0;display:flex;flex-direction:column;gap:.5rem;color:var(--color-white-alpha-8)}.modal-description-wrapper h2{font-size:calc(1.5rem + .5vw);color:var(--color-primary);margin-bottom:.25rem}.modal-description-wrapper .project-meta{gap:.5rem;margin-bottom:.5rem}.modal-description-wrapper p{font-size:calc(1rem + .25vw);line-height:1.6}@media (max-width: 768px){.modal-content{flex-direction:column}.modal-content.modal-left .modal-description-wrapper{order:-1}.modal-video-wrapper,.modal-description-wrapper{width:100%;max-width:none}}.form-message{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:12px;z-index:var(--z-toast);transform:translate(300px);opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.form-message--success{background:#4caf50e6;border:1px solid rgba(76,175,80,.3)}.form-message--error{background:#f44336e6;border:1px solid rgba(244,67,54,.3)}.video-modal,.work-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.video-modal>div,.work-modal>div{margin:auto!important;max-height:95dvh;overflow-y:auto}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:visible;width:100%;max-width:100vw}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;animation:float 6s ease-in-out infinite;z-index:1}.hero-content{z-index:2;max-width:800px;padding:4rem 2rem 0;position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.hero-title-container{position:relative;margin-bottom:.5rem;overflow:hidden;height:120px;display:flex;align-items:center;justify-content:center;width:100%;max-width:100vw;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 18%,black 35%,black 65%,rgba(0,0,0,.4) 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 18%,black 35%,black 65%,rgba(0,0,0,.4) 82%,transparent 100%)}.phrase-carousel{position:relative;width:100%;height:100%}.phrase-item{position:absolute;width:100%;left:0;top:50%;text-align:center;pointer-events:none;will-change:transform,opacity,filter}.phrase-item__text{font-size:clamp(.85rem,2vw,1.1rem);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.12em;line-height:1.3;white-space:nowrap;padding:.2rem 1rem;display:inline-block;color:#a0aac899}.phrase-item[data-state=active] .phrase-item__text{color:#c8d2ebe6;font-size:clamp(1rem,2.5vw,1.35rem)}.hero-peekaboo{position:relative;display:flex;justify-content:center;overflow:visible}.peekaboo-matte{position:absolute;bottom:60%;left:50%;transform:translate(-50%);width:clamp(120px,22vw,220px);height:250px;overflow:hidden;z-index:0;pointer-events:none}.peekaboo-img{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:clamp(100px,18vw,180px);opacity:0;pointer-events:none}.hero-title{position:relative;z-index:1}.hero h1,.hero-title{font-size:clamp(3rem,10vw,6rem);font-weight:var(--font-weight-black);text-transform:uppercase;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradient-flow 4s ease infinite;text-shadow:0 0 20px var(--color-primary-alpha-3);letter-spacing:.04em;opacity:1;white-space:nowrap;line-height:1.1;text-align:center;width:max-content;max-width:calc(100vw - 4rem);overflow:visible;padding:0 var(--spacing-2xl);margin-bottom:.4rem;box-sizing:border-box}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#c8d2e6bf;margin-bottom:1.25rem;letter-spacing:.03em}.hero p{font-size:var(--font-size-lg);opacity:1;margin-bottom:var(--spacing-lg);transform:translateY(0)}.section-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);color:var(--color-primary);font-weight:var(--font-weight-bold);text-shadow:0 0 10px var(--color-primary-alpha-3);transition:all var(--duration-normal) var(--ease-primary)}.section-title:hover{text-shadow:0 0 20px var(--color-primary-alpha-5);transform:translateY(-1px)}.projects-section{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-5xl);max-width:min(95vw,1200px);margin:0 auto;display:flex;flex-direction:column}.demo-reels-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl) 0;text-align:center}.project-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);transition:all .4s var(--ease-primary);position:relative;z-index:var(--z-elevated);cursor:pointer;overflow:visible;transform-style:preserve-3d;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr auto;gap:var(--spacing-md);grid-template-areas:"title" "meta" "text" "media" "stills";isolation:isolate}.project-card{isolation:isolate;overflow:visible}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(45deg,var(--color-primary-alpha-3),var(--color-secondary-alpha-2),var(--color-accent-alpha-2),var(--color-primary-alpha-3));border-radius:var(--radius-xl);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity var(--duration-normal) var(--ease-primary);z-index:-1}.project-card:hover:before{opacity:1}.project-card .video-embed{border-radius:var(--radius-md);overflow:hidden;background:var(--color-black-alpha-9);border:1px solid var(--color-primary-alpha-3);box-shadow:0 4px 20px var(--color-black-alpha-4),inset 0 1px 0 var(--color-white-alpha-1);transition:all var(--duration-normal) var(--ease-primary);position:relative;transform:translateZ(0);transform-style:preserve-3d}.project-card:hover .video-embed{transform:translateZ(var(--project-card-media-depth)) translateY(-2px);border-color:var(--color-primary-alpha-5);box-shadow:0 6px 20px var(--color-black-alpha-5),0 2px 10px var(--color-primary-alpha-2),inset 0 1px 0 var(--color-white-alpha-2)}.project-meta .tag{background:var(--color-white-alpha-08);border-color:var(--color-primary-alpha-2);transition:all var(--duration-fast) var(--ease-primary)}.project-card:hover .project-meta .tag{background:var(--color-primary-alpha-1);border-color:var(--color-primary-alpha-4);color:var(--color-white-alpha-9)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.projects-section{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-3xl)}}.project-card,.contact-link{backface-visibility:hidden;perspective:1000px}.project-card h3{grid-area:title;align-self:start;transform:translateZ(0);transform-style:preserve-3d}.project-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;transform:translateZ(0);transform-style:preserve-3d}.project-card:hover .project-meta{transform:translateZ(var(--project-card-tags-depth))}.project-card:hover{transform:translateY(-8px) scale(1.02)}.project-card:hover h3{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px var(--color-primary-alpha-5);transform:translateZ(var(--project-card-title-depth)) translateY(-2px)}.project-card:active{transform:translateY(-2px) scale(1.01)}.brands{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;max-width:1200px;margin:0 auto}.brands-container{width:100%;margin-bottom:var(--spacing-2xl)}.brands-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl);color:var(--color-secondary);font-weight:var(--font-weight-semibold);opacity:.9;text-align:center}.brands-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg);align-items:center;justify-items:center;max-width:700px;margin:0 auto}.brand-logo-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--color-white-alpha-02);backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);border-radius:var(--radius-md);border:1px solid var(--color-primary-alpha-2);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.brand-logo-container:hover{background:var(--color-white-alpha-08);border-color:var(--color-primary-alpha-4);transform:var(--transform-hover-lift-sm) var(--transform-hover-scale-lg);box-shadow:var(--shadow-primary)}.brand-logo-container:hover .brand-logo{opacity:1}.brand-logo{width:90px;height:90px;object-fit:contain;opacity:.9;transition:var(--transition-normal)}.brands-separator{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-alpha-3),transparent);margin:var(--spacing-3xl) 0;position:relative}.brands-separator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--color-background);border-radius:50%;border:1px solid var(--color-primary-alpha-3)}.brands-separator:after{content:"⋆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-primary-alpha-6);font-size:1.2rem;z-index:1}.brand-logo-container{overflow:visible!important}@media (max-width: 768px){.brands{padding:var(--spacing-2xl) var(--spacing-lg)}.brands-grid{grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);max-width:100%}.brand-logo-container{width:80px;height:80px}.brand-logo{width:65px;height:65px}}.about-anchor-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.about{padding:var(--spacing-2xl) var(--spacing-lg);background:var(--color-white-alpha-02);backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);position:relative;z-index:var(--z-content);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.about-content-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);align-items:center;width:100%}.about-image{height:350px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);background:transparent;position:relative;overflow:hidden}.about-image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:42%;background:linear-gradient(to top,var(--color-background) 0%,transparent 100%);z-index:3}.about-image img{width:100%;height:100%;object-fit:contain;object-position:bottom center;border-radius:var(--radius-xl)}.about-text{font-size:var(--font-size-md);line-height:1.8;opacity:.9}.about-text h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.about-text p+p{margin-top:var(--spacing-sm)}.about-v2__content p{color:#fffffff2;font-size:1.1rem;line-height:1.8;margin-bottom:1.25rem;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.01em}.about-v2__content a{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .2s ease}.about-v2__content a:hover{text-shadow:0 0 8px var(--color-primary-alpha-5)}.software-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.contact{padding:5rem 2rem;text-align:center;max-width:800px;margin:0 auto}.contact-form{max-width:700px;margin:1rem auto;text-align:left;background:var(--color-white-alpha-02);padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-primary-alpha-3);backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);position:relative;z-index:var(--z-elevated);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.contact-form:hover{transform:var(--transform-hover-lift);box-shadow:var(--shadow-2xl);border-color:var(--color-primary-alpha-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-group label{display:block;margin-bottom:.75rem;color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:.95rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-sm);transition:var(--transition-normal)}.form-group input,.form-group textarea{width:100%;padding:1.2rem var(--spacing-md);background:var(--color-white-alpha-05);border:1px solid var(--color-accent-alpha-2);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-sm);font-family:var(--font-family-primary);transition:var(--transition-normal);box-sizing:border-box;position:relative;z-index:1}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-white-alpha-4);transition:var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#64ffda99;box-shadow:0 0 0 3px #64ffda1a;background:#ffffff14;transform:scale(1.01)}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:#fff9;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.form-group input:before,.form-group textarea:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#64ffda0d,#bb86fc0d);border-radius:12px;opacity:0;transition:opacity var(--duration-normal) var(--ease-primary);z-index:-1}.form-group input:hover,.form-group textarea:hover{background:#64ffda14;border-color:#64ffda66}.submit-button{width:100%;margin-top:1.5rem;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.about{padding:var(--spacing-xl) var(--spacing-lg)}.about-container{max-width:100%}.about-content-wrapper{grid-template-columns:1fr;gap:var(--spacing-lg)}.about-image{height:280px;order:2}.about-text{order:1}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:2rem;margin:2rem auto}.form-group input,.form-group textarea{padding:1rem 1.2rem}.submit-button{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.about{padding:var(--spacing-lg) var(--spacing-md)}.about-image{height:250px}.about-text{font-size:var(--font-size-sm)}}.contact p{display:none;font-size:1.2rem;line-height:1.6;color:#ffffffe6;margin-bottom:2rem;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.5);background:transparent;-webkit-text-fill-color:rgba(255,255,255,.9);white-space:normal}.contact .section-title{opacity:1;color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-shadow:0 0 10px var(--color-primary-alpha-3)}.hero-social-links{display:flex;justify-content:center;gap:2rem;margin:.5rem 0}.social-link{background:#ffffff0d;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;color:#fffc;transition:var(--transition-normal);border:1px solid rgba(100,255,218,.2);font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:100px;gap:.5rem}.social-link svg{transition:var(--transition-normal);flex-shrink:0}.social-link:hover{background:#64ffda1a;color:var(--color-primary);border-color:#64ffda66;transform:translateY(-2px)}:root{--demo-reel-container-width: min(90vw, 800px);--demo-reel-gap: .25rem;--demo-reel-player-height: clamp(420px, 60vh, 650px);--demo-reel-tab-height: 42px;--demo-reel-tab-width: clamp(90px, 22%, 160px);--demo-reel-padding: 1.5rem}@media (min-width: 768px){:root{--demo-reel-player-height: clamp(500px, 65vh, 700px);--demo-reel-tab-width: clamp(100px, 20%, 180px);--demo-reel-padding: 2rem}}@media (min-width: 1024px){:root{--demo-reel-player-height: clamp(550px, 70vh, 750px);--demo-reel-padding: 2.5rem}}@media (max-height: 600px){:root{--demo-reel-player-height: clamp(300px, 80vh, 400px);--demo-reel-padding: 1rem}}@media (max-height: 480px){:root{--demo-reel-player-height: clamp(280px, 85vh, 350px);--demo-reel-padding: .75rem}}.demo-reels-section{position:relative;min-height:calc(100vh - 160px);padding:var(--spacing-lg) 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-height: 600px){.demo-reels-section{min-height:auto;padding:var(--spacing-2xl) 0}}.reel-tabs-container{width:100%;max-width:var(--demo-reel-container-width);margin:0 auto var(--spacing-lg)}@media (max-width: 768px){.reel-tabs-container{max-width:95vw}}.reel-tabs{display:flex;justify-content:center;gap:var(--demo-reel-gap);margin-bottom:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 640px){.reel-tabs{flex-direction:column;align-items:center}}.reel-tab{padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:var(--demo-reel-tab-height);min-width:var(--demo-reel-tab-width);border-radius:var(--radius-md);transition:all .3s ease}@media (max-width: 640px){.reel-tab{width:100%;max-width:280px;flex-direction:row;justify-content:center;gap:.5rem}}.reel-tab:hover{transform:translateY(-2px)}.reel-tab.active{background:var(--card-primary-bg-hover)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border-color:#64ffdab3!important;box-shadow:0 0 0 1px #64ffda33,0 8px 25px #0006,0 0 50px #64ffda26,inset 0 1px #fff3!important}.tab-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white-alpha-9);text-align:center;line-height:1.2;margin:0}.reel-player{position:relative;padding:var(--demo-reel-padding);height:var(--demo-reel-player-height);width:100%;max-width:var(--demo-reel-container-width);margin:0 auto;overflow:hidden;border-radius:var(--radius-lg);background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(100,255,218,.2);box-shadow:0 8px 32px #0009,0 0 0 1px #64ffda1a,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.reel-player:hover{border-color:#64ffda66;box-shadow:0 12px 40px #000000b3,0 0 0 1px #64ffda33,0 0 30px #64ffda26,inset 0 1px #fff3;transform:translateY(-2px)}.reel-content{display:none;height:100%;overflow:hidden}.reel-content.active{display:flex;flex-direction:column}.reel-info{margin-bottom:var(--spacing-md);flex-shrink:0}@media (max-height: 600px){.reel-info{margin-bottom:var(--spacing-sm)}}@media (max-height: 480px){.reel-info{margin-bottom:var(--spacing-xs)}}.reel-title{margin-bottom:var(--spacing-xs);font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.2;font-weight:var(--font-weight-bold);text-align:center;background:linear-gradient(135deg,#64ffda,#8c9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-height: 480px){.reel-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-3xs)}}.reel-title .title-icon{-webkit-text-fill-color:initial;background:none;color:initial;font-size:1.2rem;margin-right:var(--spacing-xs);vertical-align:middle}.reel-title .title-icon.ae-icon{background:var(--gradient-primary)!important;color:#fff!important;padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:var(--font-weight-bold)}.reel-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);justify-content:center}@media (max-height: 480px){.reel-meta{margin-bottom:var(--spacing-3xs)}}.reel-info p{font-size:var(--font-size-sm);line-height:1.5;margin:0;text-align:center;color:#ffffffd9;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:400;letter-spacing:.01em}@media (max-height: 600px){.reel-info p{font-size:var(--font-size-xs);line-height:1.3;-webkit-line-clamp:2}}@media (max-height: 480px){.reel-info p{-webkit-line-clamp:1}}.reel-video{width:100%;max-width:100%;margin:0 auto;border-radius:12px;border:2px solid rgba(100,255,218,.3);background:#000c;box-shadow:0 8px 25px #00000080,0 0 0 1px #64ffda1a,inset 0 1px #ffffff0d;overflow:hidden;transition:all .3s ease;flex:1;min-height:250px;display:flex;align-items:center;justify-content:center}@media (max-height: 600px){.reel-video{min-height:180px}}@media (max-height: 480px){.reel-video{min-height:150px}}.reel-video:hover{border-color:#64ffda99;box-shadow:0 12px 35px #0009,0 0 0 1px #64ffda33,0 0 20px #64ffda1a,inset 0 1px #ffffff1a}.reel-video .video-embed{height:100%!important;width:100%!important;padding-bottom:0!important;position:static!important;border-radius:10px;display:flex;align-items:center;justify-content:center;max-width:calc((100vh - 200px)*1.777)}.reel-video .video-embed iframe{border-radius:10px;width:100%!important;height:100%!important;min-width:100%;min-height:100%;object-fit:cover}.reel-progress{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-md)}.progress-dots{display:flex;gap:var(--spacing-xs)}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-white-alpha-3);cursor:pointer;transition:all .3s ease}.progress-dot:hover{background:var(--color-white-alpha-5);transform:scale(1.2)}.progress-dot.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-alpha-5)}@media (max-width: 480px){.reel-player{padding:1rem}.reel-info p{font-size:var(--font-size-xs)}.reel-title{font-size:var(--font-size-md)}}.reel-content{will-change:opacity,transform;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.reel-content.slide-out-left{opacity:0;transform:translate(-100px) scale(.95);pointer-events:none}.reel-content.slide-out-right{opacity:0;transform:translate(100px) scale(.95);pointer-events:none}.reel-content.slide-in-left{opacity:0;transform:translate(-100px) scale(.95)}.reel-content.slide-in-right{opacity:0;transform:translate(100px) scale(.95)}.reel-content.fade-up{opacity:0;transform:translateY(50px) scale(.9);filter:blur(2px)}.reel-content.active{opacity:1;transform:translate(0) translateY(0) scale(1);filter:blur(0px);pointer-events:auto}.reel-info{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.reel-video{transition:all .4s cubic-bezier(.25,.46,.45,.94) .1s}.reel-content.active .reel-info{animation:slideInContent .6s cubic-bezier(.25,.46,.45,.94) .1s both}.reel-content.active .reel-video{animation:slideInContent .6s cubic-bezier(.25,.46,.45,.94) .2s both}@keyframes slideInContent{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reel-tab{transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center}.reel-title,.reel-meta,.reel-info p,.reel-video{will-change:opacity,transform}.reel-tab,.progress-dot{backface-visibility:hidden;perspective:1000px}.media-showcase{background:#0000004d;border-radius:15px;padding:1.5rem;text-align:center;border:1px solid rgba(187,134,252,.2);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:0 8px 25px #0000004d;grid-area:media;align-self:start}.media-showcase img,.media-showcase video{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:1rem;transition:var(--transition-normal)}.media-showcase video{background:var(--color-background)}.media-showcase img:hover,.media-showcase video:hover{transform:scale(1.02);box-shadow:0 15px 40px #64ffda66}.video-embed{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#0000004d;border-radius:15px;overflow:hidden;box-shadow:var(--shadow-md)}.video-embed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 60%,#0009);opacity:0;transition:opacity var(--duration-fast) var(--ease-primary)}.video-embed:hover:before{opacity:1}.video-embed iframe,.video-embed video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:15px}.video-embed.square{padding-bottom:100%}.video-embed.vertical{padding-bottom:177.78%}.video-embed{cursor:pointer}.video-embed:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-left:25px solid rgb(255,100,100);border-top:15px solid transparent;border-bottom:15px solid transparent;transform:translate(-40%,-50%);opacity:.8;pointer-events:none;transition:transform var(--duration-fast) var(--ease-primary)}.video-embed:hover:after{transform:translate(-40%,-50%) scale(1.1)}.video-embed iframe{pointer-events:none}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-gradient-edge);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s var(--ease-primary)}.video-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(26,26,46,.2) 25%,rgba(45,27,105,.15) 50%,rgba(26,26,46,.2) 75%,transparent 100%),radial-gradient(circle at 30% 20%,var(--color-primary-alpha-1) 0%,transparent 40%),radial-gradient(circle at 70% 80%,var(--color-secondary-alpha-1) 0%,transparent 40%),radial-gradient(circle at 20% 80%,var(--color-accent-alpha-2) 0%,transparent 30%);pointer-events:none;z-index:-1}.video-modal.modal-closing{animation:modalFadeOut .25s var(--ease-primary)}.modal-content,.reel-modal-content{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-white-alpha-08) 100%);border-radius:20px;position:relative;border:1px solid var(--color-primary-alpha-3);box-shadow:0 25px 60px var(--color-black-alpha-5);animation:modalSlideIn .4s var(--ease-primary)}.modal-closing .modal-content,.modal-closing .reel-modal-content{animation:modalSlideOut .25s var(--ease-primary)}.modal-content{padding:var(--project-modal-padding)}.reel-modal-content{padding:.75rem}.modal-content{width:min(var(--project-modal-width),var(--project-modal-max-width));height:auto;max-height:var(--project-modal-max-height);box-sizing:border-box}.reel-modal-content{width:min(90vw,80vh * 16/9 + 1.5rem);height:min(80vh,90vw * 9/16 + 1.5rem)}.reel-modal-content{display:flex;align-items:center;justify-content:center}.close-modal{position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;color:var(--color-white);cursor:pointer;transition:var(--transition-normal);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;z-index:10}.close-modal:hover{background:#fff3;transform:scale(1.1)}.modal-content h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.reel-modal-content iframe{width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);margin:.75rem;border:none;border-radius:15px;aspect-ratio:16/9;object-fit:contain}video::-webkit-media-controls-panel{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%)}video::-webkit-media-controls-play-button,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-fullscreen-button{filter:brightness(1.2) saturate(1.2)}.modal-open{overflow:hidden}.modal-open .particle,.modal-open .floating-shape,.modal-open .animated-grid{animation-play-state:paused!important;will-change:auto!important}.modal-open body:after{display:none!important}.video-modal{display:flex;align-items:center;justify-content:center}.background-effects{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.animated-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;background-image:linear-gradient(var(--color-primary-alpha-2) 1px,transparent 1px),linear-gradient(90deg,var(--color-primary-alpha-2) 1px,transparent 1px);background-size:60px 60px;will-change:transform,opacity;mask:radial-gradient(circle at center,black 0%,black 40%,transparent 80%);-webkit-mask:radial-gradient(circle at center,black 0%,black 40%,transparent 80%);-moz-mask:radial-gradient(circle at center,black 0%,black 40%,transparent 80%);-ms-mask:radial-gradient(circle at center,black 0%,black 40%,transparent 80%);backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-shape{position:absolute;will-change:transform;opacity:.2;border:1px solid;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.floating-shape--triangle{width:0;height:0;background:transparent;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:43px solid var(--color-primary-alpha-3);border-top:none}.floating-shape--square{width:40px;height:40px;background:var(--color-secondary-alpha-3);border:1px solid var(--color-secondary-alpha-5)}.floating-shape--diamond{width:30px;height:30px;background:var(--color-accent-alpha-3);border:1px solid var(--color-accent-alpha-3);transform:rotate(45deg)}.floating-shape--circle{width:35px;height:35px;background:var(--color-primary-alpha-3);border:1px solid var(--color-primary-alpha-5);border-radius:50%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0fcc;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px;border:2px solid rgba(10,10,15,.8);transition:var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary);transform:scale(1.1)}::-webkit-scrollbar-corner{background:#0a0a0fcc}.fade-in{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform}.fade-in.enter-from-top,.fade-in.exit-to-top{transform:translateY(-20px)}.fade-in.enter-from-bottom,.fade-in.exit-to-bottom{transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(.95);opacity:0}}.media-loading{background:linear-gradient(90deg,var(--color-primary-alpha-2) 0%,var(--color-secondary-alpha-2) 50%,var(--color-primary-alpha-2) 100%);background-size:200% 100%}.hero{contain:layout style paint}.project-card{contain:layout style}.video-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0af2,#141419fa);display:flex;align-items:center;justify-content:center;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.loading-content{text-align:center;color:#fff}.loading-spinner{position:relative;width:60px;height:60px;margin:0 auto 1rem}.spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-radius:50%;border-top-color:var(--color-primary);border-right-color:var(--color-secondary)}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:var(--color-secondary);border-right-color:var(--color-accent)}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:var(--color-accent);border-right-color:var(--color-primary)}.loading-text{font-size:.9rem;margin-bottom:1rem;color:#fffc;font-weight:500}.loading-bars{display:flex;justify-content:center;gap:3px;align-items:end;height:20px}.loading-bars .bar{width:3px;height:8px;background:var(--gradient-primary);border-radius:2px;transform-origin:bottom}.video-embed{position:relative;overflow:hidden;border-radius:12px}.video-embed iframe{width:100%;height:100%;border:none;border-radius:12px}.char{display:inline-block;transform-origin:bottom center}.word{display:inline-block;overflow:hidden}.text-reveal{display:inline-block;white-space:pre}.text-reveal .char{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform}.text-reveal.reveal .char{opacity:1;transform:translateY(0)}html:not(.js) .fade-in,html:not(.js) .text-reveal .char{opacity:1!important;transform:none!important}@media screen and (max-width: 768px){.fade-in:not(.visible){animation:mobile-fade-in .5s ease-out 1s forwards}}@keyframes mobile-fade-in{to{opacity:1;transform:translateY(0)}}.contact-link{position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.2),transparent);transition:left var(--duration-slower) var(--ease-primary)}.contact-link:hover:before{left:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-bg{animation:none}.loading-spinner,.loading-bars{display:none}.video-loading-overlay{background:#0a0a0acc}.loading-text:after{content:" Please wait..."}}@media screen and (max-width: 768px){html{height:100%;width:100%;overflow-x:hidden}body{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none;position:relative}.hero,.projects-section,.about,.contact,.brands{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.nav-container,.hero-content,.about-container,.brands-container{width:100%;max-width:100vw;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.hero h1{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100vw - 2rem)}.projects-grid{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.project-card,.video-embed,.video-embed iframe{width:100%;max-width:100%;box-sizing:border-box}.social-link{min-height:44px;min-width:44px;padding:1rem 1.5rem;-webkit-tap-highlight-color:rgba(100,255,218,.3);touch-action:manipulation}.hero-social-links .fade-in{opacity:1!important;transform:none!important}.hero-social-links{gap:1.5rem;margin:1rem 0;min-height:60px;align-items:center}.project-card .video-embed{border:2px solid rgba(100,255,218,.6)!important;box-shadow:0 4px 20px #0009,0 0 10px #64ffda4d,inset 0 1px #fff3!important}.project-card:hover .video-embed{border-color:#64ffdacc!important;box-shadow:0 6px 25px #000000b3,0 0 15px #64ffda80,inset 0 1px #ffffff4d!important}.project-card{border:2px solid rgba(100,255,218,.4)!important;box-shadow:0 0 0 1px #64ffda26,0 12px 40px #0009,0 0 20px #64ffda1a,inset 0 1px #fff3!important}.project-card:hover{border-color:#64ffdab3!important;box-shadow:0 0 0 1px #64ffda40,0 20px 50px #000000b3,0 0 30px #64ffda26,inset 0 1px #ffffff4d!important}html{scroll-padding-top:90px}}@media (max-width: 1024px){.nav-container{padding:0 1rem}.projects-section{padding:4rem 1.5rem}.project-card{padding:2rem}.about-container{gap:2rem}}@media (max-width: 1200px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.logo{font-size:1.5rem}.hero-title-container{margin-bottom:.75rem}.hero-title-spacer,.hero h1{font-size:3rem;letter-spacing:-1px;padding:.75rem 2rem}.hero p{font-size:1.1rem;padding:0 1rem}.hero-content{padding:0 1rem}.project-card{display:block;padding:2rem}.project-card h3{grid-area:unset;margin-bottom:1rem}.project-meta,.project-card-text,.media-showcase{grid-area:unset;margin-bottom:2rem}.stills-grid{grid-area:unset;margin-top:0}.section-title{font-size:2.5rem}.about-container{grid-template-columns:1fr;text-align:center;gap:2rem}.about-image{height:300px}.contact-links{flex-direction:column;align-items:center;gap:1rem}.stills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.modal-content,.reel-modal-content{padding:var(--project-modal-padding)}.reel-modal-content{width:min(95vw,85vh * 16/9 + 1.5rem);height:min(85vh,95vw * 9/16 + 1.5rem);border:1px solid var(--color-border-modal);box-shadow:0 8px 16px #0000004d}}@media (max-width: 480px){nav{padding:.75rem 1rem}.logo{font-size:1.2rem}.hero-title-container{margin-bottom:.5rem}.hero-title-spacer,.hero h1{font-size:2.5rem;letter-spacing:-1px;padding:.5rem 1.5rem}.hero p{font-size:1rem;margin-bottom:1.5rem}.button-primary{padding:1rem 2rem;font-size:1rem}.projects-section{padding:3rem 1rem}.project-card{padding:1.5rem;margin-bottom:3rem}.section-title{font-size:2rem;margin-bottom:2rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;padding:0 .5rem}.project-meta{gap:.5rem}.tag{font-size:.8rem;padding:.4rem .8rem}.stills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.about{padding:3rem 1rem}.about-image{height:250px}.about-text h2{font-size:2rem}.about-text{font-size:1rem;line-height:1.6}.brands-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 1rem;max-width:100%}.brand-logo-container{width:80px;height:80px}.brand-logo{width:60px;height:60px}.contact .section-title{font-size:1.75rem;text-align:center;max-width:100%;padding:0 1rem;box-sizing:border-box}.contact{padding:3rem 1rem}.contact-link{padding:.8rem 1.5rem;font-size:.9rem;width:100%;max-width:200px;text-align:center}}@media (max-width: 768px) and (min-width: 481px){.brands-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:0 1.5rem}.brand-logo-container{width:90px;height:90px}.brand-logo{width:70px;height:70px}}@media (max-width: 320px){.contact .section-title{font-size:1.5rem;padding:0 .5rem;word-spacing:-2px}.section-title{font-size:1.75rem}.brands-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .5rem}.brand-logo-container{width:70px;height:70px}.brand-logo{width:50px;height:50px}}@media (min-width: 1400px){.projects-section,.about-container,.brands{max-width:1400px}.hero h1{font-size:5rem}.section-title{font-size:3.5rem}}@media (max-height: 600px){.hero-title-container{margin-bottom:.5rem}.hero p{margin-bottom:1.5rem}}@media (max-height: 500px){.hero{height:auto;min-height:100vh;padding:4rem 0 2rem}.hero-title-container{margin-bottom:.25rem}.hero-title-spacer,.hero h1{font-size:2.5rem;padding:.25rem 1.5rem}.hero p{font-size:1rem;margin-bottom:1rem}.button-primary{padding:.8rem 1.8rem;font-size:.95rem}}@media (max-height: 500px) and (orientation: landscape){.hero{height:auto;min-height:100vh;padding:6rem 0 2rem}.hero h1{font-size:2rem}.hero p{font-size:.9rem;margin-bottom:1rem}}@media (min-width: 769px) and (pointer: fine){html{scroll-padding-top:80px}body,.projects-section,.about,.contact,.hero{-webkit-overflow-scrolling:touch}}*{-webkit-overflow-scrolling:touch}