:root{--primary-color: #6037e6;--secondary-color: #20c7e8;--success-color: #35e65e;--info-color: #3570e6;--warning-color: #e6ac25;--danger-color: #e64637;--primary-shade-100: #ccbdfc;--primary-shade-200: #b7a2fc;--primary-shade-300: #a084fa;--primary-shade-400: #8b6af7;--primary-shade-500: #7852f2;--primary-shade-600: #643ce8;--primary-shade-700: #5025db;--primary-shade-800: #4218c9;--primary-shade-900: #350eb5;--primary-shade-1000: #2a089c;--primary-shade-1100: #20047d;--primary-shade-1200: #180261;--primary-shade-1300: #100142;--secondary-shade-100: #bdf2fc;--secondary-shade-200: #9decfc;--secondary-shade-300: #7de5fa;--secondary-shade-400: #5edef7;--secondary-shade-500: #45d7f5;--secondary-shade-600: #2bcded;--secondary-shade-700: #19bfe0;--secondary-shade-800: #0caccc;--secondary-shade-900: #0796b3;--secondary-shade-1000: #058099;--secondary-shade-1100: #04697d;--secondary-shade-1200: #024f5e;--secondary-shade-1300: #013742;--success-shade-100: #bdfccc;--success-shade-200: #9ffcb5;--success-shade-300: #84faa0;--success-shade-400: #68f789;--success-shade-500: #4df073;--success-shade-600: #37e660;--success-shade-700: #24d64e;--success-shade-800: #17c23f;--success-shade-900: #0fab34;--success-shade-1000: #0a942a;--success-shade-1100: #077821;--success-shade-1200: #045e19;--success-shade-1300: #014210;--info-shade-100: #bdd2fc;--info-shade-200: #9dbcfc;--info-shade-300: #7da7fa;--info-shade-400: #5f91f5;--info-shade-500: #457ded;--info-shade-600: #2d69e0;--info-shade-700: #1d59d1;--info-shade-800: #114bbf;--info-shade-900: #0a40ab;--info-shade-1000: #063491;--info-shade-1100: #042a78;--info-shade-1200: #02215e;--info-shade-1300: #011742;--warning-shade-100: #fceabd;--warning-shade-200: #fce09f;--warning-shade-300: #fad57f;--warning-shade-400: #f7ca60;--warning-shade-500: #f2be44;--warning-shade-600: #ebb22f;--warning-shade-700: #dea41d;--warning-shade-800: #c99210;--warning-shade-900: #b07e0b;--warning-shade-1000: #966b06;--warning-shade-1100: #7d5904;--warning-shade-1200: #5e4302;--warning-shade-1300: #422f01;--danger-shade-100: #fcc3bd;--danger-shade-200: #faa7a0;--danger-shade-300: #f78d83;--danger-shade-400: #f57569;--danger-shade-500: #f05c4f;--danger-shade-600: #e34132;--danger-shade-700: #d62f20;--danger-shade-800: #c22415;--danger-shade-900: #ab1b0e;--danger-shade-1000: #941409;--danger-shade-1100: #7a0f05;--danger-shade-1200: #5e0a03;--danger-shade-1300: #420701;--neutral-shade-0: #ffffff;--neutral-shade-50: #f2f2f2;--neutral-shade-100: #e6e6e6;--neutral-shade-150: #d9d9d9;--neutral-shade-200: #cccccc;--neutral-shade-250: #bfbfbf;--neutral-shade-300: #b3b3b3;--neutral-shade-350: #a6a6a6;--neutral-shade-400: #999999;--neutral-shade-450: #8c8c8c;--neutral-shade-500: #808080;--neutral-shade-550: #737373;--neutral-shade-600: #666666;--neutral-shade-650: #595959;--neutral-shade-700: #4d4d4d;--neutral-shade-750: #404040;--neutral-shade-800: #333333;--neutral-shade-850: #262626;--neutral-shade-900: #1a1a1a;--neutral-shade-950: #0d0d0d;--neutral-shade-1000: #000000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--neutral-shade-900);color:var(--neutral-shade-100);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#overlay{position:relative;z-index:1;pointer-events:none}#overlay>*{pointer-events:auto}.nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,2rem) clamp(.75rem,2vw,1.5rem);background:linear-gradient(180deg,#1a1a1af2,#1a1a1a00);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.nav--visible,.nav--open{opacity:1;transform:translateY(0);pointer-events:auto}.nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:4px}.nav__hamburger-line{display:block;width:22px;height:2px;background:var(--neutral-shade-300);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav--open .nav__hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav--open .nav__hamburger-line:nth-child(2){opacity:0}.nav--open .nav__hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav__links{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,2rem)}.nav__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--neutral-shade-400);transition:color .3s ease;cursor:pointer}.nav__link:hover{color:var(--secondary-color)}.nav__link--active{color:var(--primary-shade-200)}.nav__abbr{font-weight:700;font-size:clamp(.7rem,1.2vw,1.15rem);letter-spacing:.1em;text-transform:uppercase}.nav__full{font-weight:400;font-size:clamp(.5rem,.8vw,.75rem);opacity:0;white-space:nowrap;margin-top:.2rem;transition:opacity .3s ease}.nav__link:hover .nav__full,.nav__link--active .nav__full{opacity:.85}@media(max-width:768px){.nav{display:flex;align-items:center;padding:.75rem 1.25rem}.nav__hamburger{display:flex;z-index:101}.nav__links{position:fixed;top:0;left:0;width:70vw;max-width:280px;height:100vh;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:4rem 1.5rem 2rem;background:#0d0d0df7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-100%);transition:transform .3s ease}.nav--open .nav__links{transform:translate(0)}.nav__link{width:100%;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--neutral-shade-850)}.nav__abbr{font-size:1rem}.nav__full{opacity:.5;font-size:.7rem}.nav__link:hover .nav__full,.nav__link--active .nav__full{opacity:.85}}.section{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:clamp(4rem,8vh,6rem) clamp(1.5rem,10vw,12rem)}.section.section--screenplay{min-height:800vh;display:block;padding:0}.section--screenplay .section__content{position:sticky;top:0;z-index:2;padding:clamp(1.5rem,3vh,2rem) clamp(1rem,3vw,2rem)}.section__content{max-width:900px;width:100%;background:transparent;padding:clamp(1.5rem,3vw,3rem) clamp(1.25rem,4vw,4rem);border-radius:1rem}.section__title{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1;letter-spacing:.15em;margin-bottom:.3rem;background:linear-gradient(135deg,var(--primary-shade-100),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section__subtitle{font-size:clamp(.75rem,1vw,.95rem);font-weight:400;letter-spacing:.05em;color:var(--neutral-shade-400);margin-bottom:clamp(1rem,2vw,2rem)}.section__body{font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.7;color:var(--neutral-shade-350)}.scroll-progress{position:fixed;right:clamp(.5rem,1.5vw,1.5rem);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:clamp(.4rem,.8vw,.75rem)}.scroll-progress__dot{width:clamp(6px,.6vw,8px);height:clamp(6px,.6vw,8px);border-radius:50%;background:var(--neutral-shade-700);cursor:pointer;transition:all .3s ease}.scroll-progress__dot--active{background:var(--primary-color);box-shadow:0 0 12px var(--primary-shade-500);transform:scale(1.4)}