:root{--color-bg: #05060f;--color-bg-elevated: #0c0e1a;--color-bg-card: #0f1123;--color-bg-overlay: rgba(5, 6, 15, .9);--color-text-primary: #e0e4f0;--color-text-secondary: #6a6f8a;--color-text-muted: #3a3f5a;--color-cyan: #00f0ff;--color-cyan-dim: #00a0aa;--color-magenta: #ff00aa;--color-magenta-dim: #aa0077;--color-purple: #8b5cf6;--color-amber: #f59e0b;--color-green: #00ff88;--glow-cyan: 0 0 20px rgba(0, 240, 255, .3), 0 0 60px rgba(0, 240, 255, .1);--glow-magenta: 0 0 20px rgba(255, 0, 170, .3), 0 0 60px rgba(255, 0, 170, .1);--glow-text-cyan: 0 0 10px rgba(0, 240, 255, .5);--glow-text-magenta: 0 0 10px rgba(255, 0, 170, .5);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-hero: clamp(4rem, 12vw, 11rem);--text-h1: clamp(2.5rem, 5vw, 5rem);--text-h2: clamp(1.8rem, 3.5vw, 3.5rem);--text-h3: clamp(1.2rem, 2vw, 1.8rem);--text-body: clamp(.95rem, 1.1vw, 1.15rem);--text-small: clamp(.75rem, .85vw, .85rem);--text-caption: .7rem;--space-section: clamp(8rem, 18vh, 14rem);--space-lg: clamp(3rem, 5vw, 5rem);--space-md: clamp(1.5rem, 3vw, 3rem);--space-sm: clamp(.75rem, 1.5vw, 1.5rem);--space-xs: clamp(.35rem, .75vw, .75rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-max: 1400px;--container-padding: clamp(1.5rem, 4vw, 4rem);--cursor-size-dot: 6px;--cursor-size-ring: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:initial}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden;line-height:1.6}@media(pointer:fine){body{cursor:none}}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}.loader{position:fixed;inset:0;z-index:9999;background:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-direction:column}.loader__inner{text-align:center;width:min(400px,80vw)}.loader__glitch{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-text-cyan);letter-spacing:.2em;margin-bottom:2rem;position:relative}.loader__glitch:before,.loader__glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.loader__glitch:before{color:var(--color-magenta);animation:glitch-1 2s infinite linear alternate-reverse;clip-path:inset(0 0 60% 0)}.loader__glitch:after{color:var(--color-cyan);animation:glitch-2 2s infinite linear alternate-reverse;clip-path:inset(40% 0 0 0)}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-3px,1px)}60%{transform:translate(2px,2px)}80%{transform:translate(-2px,-1px)}}.loader__bar-track{width:100%;height:2px;background:var(--color-text-muted);position:relative;overflow:hidden}.loader__bar{width:0%;height:100%;background:var(--color-cyan);box-shadow:var(--glow-cyan);transition:width .3s ease}.loader__percent{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-cyan);margin-top:1rem;letter-spacing:.1em}.loader__status{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);margin-top:.5rem;letter-spacing:.15em;text-transform:uppercase}.cursor{position:fixed;top:0;left:0;z-index:9998;pointer-events:none;mix-blend-mode:difference}@media(pointer:coarse){.cursor{display:none}}.cursor__dot{width:var(--cursor-size-dot);height:var(--cursor-size-dot);background:var(--color-cyan);border-radius:50%;position:absolute;top:calc(var(--cursor-size-dot) / -2);left:calc(var(--cursor-size-dot) / -2);box-shadow:0 0 10px var(--color-cyan)}.cursor__ring{width:var(--cursor-size-ring);height:var(--cursor-size-ring);border:1px solid rgba(0,240,255,.4);border-radius:50%;position:absolute;top:calc(var(--cursor-size-ring) / -2);left:calc(var(--cursor-size-ring) / -2);transition:width .3s var(--ease-spring),height .3s var(--ease-spring),top .3s var(--ease-spring),left .3s var(--ease-spring),border-color .3s ease}.cursor--hover .cursor__ring{width:60px;height:60px;top:-30px;left:-30px;border-color:var(--color-magenta)}.cursor--hover .cursor__dot{transform:scale(0)}.cursor__text{position:absolute;font-family:var(--font-mono);font-size:8px;color:var(--color-cyan);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,-50%);top:0;left:0}.cursor--hover .cursor__text{opacity:1}.sound-toggle{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:100;display:flex;align-items:center;gap:.5rem;opacity:0;transition:opacity .5s ease}.sound-toggle--visible{opacity:1}.sound-toggle__icon{display:flex;gap:2px;align-items:flex-end;height:14px}.sound-toggle__bar{width:2px;background:var(--color-text-secondary);transition:background .3s ease}.sound-toggle__bar:nth-child(1){height:40%}.sound-toggle__bar:nth-child(2){height:70%}.sound-toggle__bar:nth-child(3){height:100%}.sound-toggle--active .sound-toggle__bar{background:var(--color-cyan);animation:soundbar .8s ease infinite alternate}.sound-toggle--active .sound-toggle__bar:nth-child(1){animation-delay:0s}.sound-toggle--active .sound-toggle__bar:nth-child(2){animation-delay:.2s}.sound-toggle--active .sound-toggle__bar:nth-child(3){animation-delay:.4s}@keyframes soundbar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.sound-toggle__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:.15em}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--container-padding);transition:background .4s ease,backdrop-filter .4s ease}.nav--scrolled{background:#05060fd9;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,240,255,.05)}.nav__logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--color-text-primary)}.nav__logo-dot{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.nav__links{display:flex;align-items:center;gap:var(--space-md)}.nav__link{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase;position:relative;padding:.5rem 0;transition:color .3s ease}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-cyan);box-shadow:var(--glow-cyan);transition:width .3s var(--ease-out-expo)}.nav__link:hover{color:var(--color-cyan)}.nav__link:hover:after{width:100%}.nav__link--cta{color:var(--color-cyan);border:1px solid rgba(0,240,255,.3);padding:.4rem 1rem;font-size:var(--text-caption)}.nav__link--cta:after{display:none}.nav__link--cta:hover{background:#00f0ff1a;border-color:var(--color-cyan);box-shadow:var(--glow-cyan)}@media(max-width:768px){.nav__links{display:none}}.section{position:relative;padding:var(--space-section) var(--container-padding);min-height:100vh}.section__inner{max-width:var(--container-max);margin:0 auto}.section__label{display:flex;align-items:center;gap:1rem;margin-bottom:var(--space-lg);font-family:var(--font-mono)}.section__label-num{font-size:var(--text-caption);color:var(--color-cyan);letter-spacing:.2em}.section__label-line{width:40px;height:1px;background:linear-gradient(90deg,var(--color-cyan),transparent)}.section__label-text{font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.3em;text-transform:uppercase}.section__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-lg);line-height:1.2}.hero{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero__content{position:relative;z-index:1;text-align:center;max-width:1000px;padding:0 var(--container-padding)}.hero__tag{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:var(--space-md);opacity:0}.hero__tag-line{width:40px;height:1px;background:var(--color-cyan);box-shadow:var(--glow-cyan)}.hero__tag-text{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-cyan);letter-spacing:.3em;text-shadow:var(--glow-text-cyan)}.hero__name{margin-bottom:var(--space-sm);overflow:hidden}.hero__name-line{font-family:var(--font-display);font-size:var(--text-hero);font-weight:900;letter-spacing:.05em;line-height:1;display:block;color:var(--color-text-primary);text-shadow:0 0 40px rgba(0,240,255,.15)}.hero__title{margin-bottom:var(--space-lg)}.hero__title-line{display:block;font-family:var(--font-body);font-size:var(--text-h3);font-weight:300;color:var(--color-text-secondary);letter-spacing:.02em;line-height:1.4;overflow:hidden}.hero__title-line--accent{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.hero__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);opacity:0}.hero__scroll{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0}.hero__scroll-text{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.3em}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-cyan),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero__scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.008) 2px,rgba(0,240,255,.008) 4px);pointer-events:none;z-index:2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.15em;text-transform:uppercase;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.btn--primary{background:transparent;border:1px solid var(--color-cyan);color:var(--color-cyan)}.btn--primary:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan)}.btn__glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,240,255,.1),transparent);transform:translate(-100%);transition:transform .6s var(--ease-out-expo)}.btn--primary:hover .btn__glow{transform:translate(100%)}.btn--outline{border:1px solid var(--color-text-muted);color:var(--color-text-secondary)}.btn--outline:hover{border-color:var(--color-magenta);color:var(--color-magenta);box-shadow:var(--glow-magenta)}.about__content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg);align-items:start}.about__text p{font-size:var(--text-body);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.about__intro{font-size:clamp(1.2rem,1.8vw,1.6rem)!important;color:var(--color-text-primary)!important;line-height:1.6!important}.text-accent{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.about__stats{display:flex;flex-direction:column;gap:var(--space-md);padding-left:var(--space-md);border-left:1px solid rgba(0,240,255,.1)}.about__stat{display:flex;flex-direction:column;gap:.25rem}.about__stat-num{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-text-cyan);line-height:1}.about__stat-num:after{content:"+";font-size:.6em;color:var(--color-magenta)}.about__stat-label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase}@media(max-width:768px){.about__content{grid-template-columns:1fr}.about__stats{flex-direction:row;padding-left:0;border-left:none;border-top:1px solid rgba(0,240,255,.1);padding-top:var(--space-md)}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.skill-card{background:var(--color-bg-card);border:1px solid rgba(0,240,255,.06);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.skill-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--skill-color, rgba(0, 240, 255, .08)),transparent 70%);opacity:0;transition:opacity .4s ease}.skill-card:hover{border-color:var(--skill-color, rgba(0, 240, 255, .3));transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.skill-card:hover:before{opacity:1}.skill-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;z-index:1}.skill-card__name{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-primary);letter-spacing:.05em;position:relative;z-index:1}.skill-card__bar{width:100%;height:2px;background:#ffffff0d;position:relative;z-index:1;overflow:hidden}.skill-card__bar-fill{height:100%;background:var(--skill-color, var(--color-cyan));box-shadow:0 0 8px var(--skill-color, var(--color-cyan));width:0%;transition:width 1.2s var(--ease-out-expo)}.skill-card__level{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);letter-spacing:.1em;position:relative;z-index:1}.portfolio__filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.filter-btn{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);padding:.4rem 1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.filter-btn:hover,.filter-btn--active{color:var(--color-cyan);border-color:#00f0ff4d;background:#00f0ff0d}.portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:var(--space-sm)}.project-card{position:relative;overflow:hidden;background:var(--color-bg-card);border:1px solid rgba(0,240,255,.04);transition:all .5s var(--ease-out-expo)}.project-card--wide{grid-column:span 2}.project-card--tall{grid-row:span 2}.project-card:hover{border-color:#00f0ff26;box-shadow:0 0 30px #00f0ff0d}.project-card__media{position:absolute;inset:0}.project-card__thumb{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.project-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,15,.95) 0%,rgba(5,6,15,.3) 40%,transparent 100%);z-index:1;transition:background .4s ease}.project-card:hover .project-card__overlay{background:linear-gradient(to top,#05060ffa,#05060f80,#05060f33)}.project-card__info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);z-index:2;transform:translateY(10px);transition:transform .5s var(--ease-out-expo)}.project-card:hover .project-card__info{transform:translateY(0)}.project-card__category{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan);letter-spacing:.25em;text-transform:uppercase;margin-bottom:.5rem;text-shadow:var(--glow-text-cyan)}.project-card__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;line-height:1.2}.project-card__desc{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.5;opacity:0;transform:translateY(10px);transition:all .4s var(--ease-out-expo) .1s}.project-card:hover .project-card__desc{opacity:1;transform:translateY(0)}.project-card__corner{position:absolute;width:20px;height:20px;border-color:var(--color-cyan);opacity:0;transition:opacity .4s ease;z-index:3}.project-card:hover .project-card__corner{opacity:.5}.project-card__corner--tl{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.project-card__corner--tr{top:8px;right:8px;border-top:1px solid;border-right:1px solid}.project-card__corner--bl{bottom:8px;left:8px;border-bottom:1px solid;border-left:1px solid}.project-card__corner--br{bottom:8px;right:8px;border-bottom:1px solid;border-right:1px solid}@media(max-width:768px){.portfolio__grid{grid-template-columns:1fr;grid-auto-rows:250px}.project-card--wide{grid-column:span 1}}.timeline{padding-top:var(--space-section);padding-bottom:0;overflow:hidden}.section__label--pinned,.section__title--pinned{padding-left:var(--container-padding);max-width:var(--container-max);margin-left:auto;margin-right:auto}.section__title--pinned{margin-bottom:var(--space-lg)}.timeline__wrapper{width:100%;overflow:visible}.timeline__track{display:flex;gap:var(--space-md);padding:var(--space-lg) var(--container-padding);position:relative;width:max-content}.timeline__line{position:absolute;top:50%;left:0;right:0;height:1px;background:#00f0ff14}.timeline__line-progress{height:100%;width:0%;background:var(--color-cyan);box-shadow:var(--glow-cyan)}.timeline__line-glow{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 20px var(--color-cyan),0 0 40px var(--color-cyan);left:0%}.timeline-card{flex-shrink:0;width:350px;background:var(--color-bg-card);border:1px solid rgba(0,240,255,.06);padding:var(--space-md);position:relative;transition:all .4s var(--ease-out-expo)}.timeline-card:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-cyan),var(--color-magenta));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out-expo)}.timeline-card:hover:before{transform:scaleX(1)}.timeline-card:hover{border-color:#00f0ff26;transform:translateY(-4px)}.timeline-card__year{font-family:var(--font-display);font-size:var(--text-h3);font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-text-cyan);margin-bottom:.5rem}.timeline-card__company{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-magenta);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem}.timeline-card__role{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;margin-bottom:.75rem;letter-spacing:.02em}.timeline-card__desc{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.6}.timeline-card--current{border-color:#00f0ff26}.timeline-card--current:after{content:"CURRENT";position:absolute;top:var(--space-sm);right:var(--space-sm);font-family:var(--font-mono);font-size:9px;color:var(--color-green);letter-spacing:.2em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.contact{display:flex;align-items:center;min-height:100vh}.contact__title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;line-height:1.15;margin-bottom:var(--space-lg);letter-spacing:.02em}.contact__title-line{display:block;overflow:hidden}.contact__title-line--accent{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.contact__links{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-lg)}.contact__link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid rgba(0,240,255,.06);transition:all .4s var(--ease-out-expo)}.contact__link:first-child{border-top:1px solid rgba(0,240,255,.06)}.contact__link:hover{padding-left:var(--space-sm);border-color:#00f0ff33}.contact__link-label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;width:100px}.contact__link-value{font-size:var(--text-body);color:var(--color-text-primary);flex:1;transition:color .3s ease}.contact__link:hover .contact__link-value{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.contact__link-arrow{font-size:1.2rem;color:var(--color-text-muted);transition:all .3s var(--ease-out-expo)}.contact__link:hover .contact__link-arrow{color:var(--color-cyan);transform:translate(8px)}.contact__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg)}.contact__copyright,.contact__tagline{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.1em}.text-gradient-cyan{background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-magenta{background:linear-gradient(135deg,var(--color-magenta),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grain{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.scene-switcher{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;background:#05060fcc;backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.1)}.scene-switcher__label{font-family:var(--font-mono);font-size:9px;color:var(--color-text-muted);letter-spacing:.25em;text-transform:uppercase}.scene-switcher__buttons{display:flex;gap:2px}.scene-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);padding:.35rem .75rem;border:1px solid transparent;transition:all .3s ease;cursor:pointer}.scene-btn:hover{color:var(--color-cyan);border-color:#00f0ff33}.scene-btn--active{color:var(--color-cyan);border-color:var(--color-cyan);background:#00f0ff14;box-shadow:var(--glow-cyan);text-shadow:var(--glow-text-cyan)}@media(max-width:768px){.scene-switcher{bottom:var(--space-sm);padding:.35rem .75rem;gap:var(--space-xs)}.scene-btn{font-size:8px;padding:.25rem .5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}