@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@1&family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@700;800;900&display=swap";:root{--bg-dark:#020204;--bg-glass-card:#0a081226;--purple-primary:#7a00ff;--purple-royal:#6b00ff;--indigo-deep:#4d00e0;--purple-light:#d8b4ff;--purple-glow:#7a00ff2e;--text-white:#fff;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border-hairline:#ffffff0a;--font-display:"Syne", "Outfit", -apple-system, sans-serif;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"Space Grotesk", monospace;--ease-fluid:cubic-bezier(.16, 1, .3, 1);--type-hero:clamp(5.5rem, 11vw, 11.5rem);--type-scene:clamp(3.5rem, 7.5vw, 7.5rem);--type-statement:clamp(2.2rem, 4vw, 3.2rem);--type-lead:1.25rem;--type-body:1rem;--type-meta:.75rem;--type-label:.625rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark);color:var(--text-white);font-family:var(--font-main);overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7a00ff4d}.living-bg-container{pointer-events:none;z-index:0;background:#020204;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.noise-overlay{opacity:.035;z-index:6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient-vignette{z-index:7;pointer-events:none;background:radial-gradient(#0000 50%,#020204f0 100%);position:absolute;inset:0}.living-bg-blur-layer{-webkit-backdrop-filter:blur(180px)saturate(120%);z-index:4;pointer-events:none;position:absolute;inset:0}.light-source{will-change:transform, opacity;pointer-events:none;z-index:2;transform-origin:50%;border-radius:50%;position:absolute}.source-deep-indigo{filter:blur(180px);background:radial-gradient(#4d00e040 0%,#0000 75%);width:1600px;height:900px;animation:30s ease-in-out infinite alternate floatSourceIndigo;top:-350px;left:-200px;transform:rotate(-35deg)}.source-royal-purple{filter:blur(200px);background:radial-gradient(#6b00ff38 0%,#0000 75%);width:1700px;height:1000px;animation:34s ease-in-out infinite alternate floatSourcePurple;top:30%;right:-300px;transform:rotate(-35deg)}.source-magenta-bloom{filter:blur(190px);background:radial-gradient(#9d00e02e 0%,#0000 75%);width:1600px;height:900px;animation:32s ease-in-out infinite alternate floatSourceMagenta;top:65%;left:-250px;transform:rotate(-35deg)}@keyframes floatSourceIndigo{0%{transform:rotate(-35deg)translate(0)}to{transform:rotate(-35deg)translate(120px,80px)}}@keyframes floatSourcePurple{0%{transform:rotate(-35deg)translate(0)}to{transform:rotate(-35deg)translate(-110px,-90px)}}@keyframes floatSourceMagenta{0%{transform:rotate(-35deg)translate(0)}to{transform:rotate(-35deg)translate(120px,-80px)}}.anamorphic-flare{opacity:0;height:2px;transition:transform .6s var(--ease-fluid), opacity .4s ease;pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000 0%,#d8b4ffcc 50%,#0000 100%);position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.supporting-poster-card:hover .anamorphic-flare,.work-dominant-poster:hover .anamorphic-flare{opacity:1;transform:scaleX(1)}.camera-corner{pointer-events:none;z-index:4;border-style:solid;border-color:#ffffff2e;width:12px;height:12px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:14px;left:14px}.corner-tr{border-width:1px 1px 0 0;top:14px;right:14px}.corner-bl{border-width:0 0 1px 1px;bottom:14px;left:14px}.corner-br{border-width:0 1px 0 0;bottom:14px;right:14px}.canela-italic-accent{font-family:var(--font-serif);background:linear-gradient(135deg, #fff 0%, #d8b4ff 60%, var(--purple-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-right:.12em;font-size:1.05em;font-style:italic;font-weight:400;display:inline-block}.hud-timecode-label{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.22em;color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.pill-button-nested{border:1px solid var(--border-hairline);color:#fff;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .4s var(--ease-fluid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-radius:50px;align-items:center;gap:1rem;padding:.65rem 1.8rem .65rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.pill-button-nested:hover{background:#7a00ff1f;border-color:#d8b4ff59;transform:scale(1.02)}.pill-button-nested .icon-circle-wrapper{color:#020204;width:38px;height:38px;transition:transform .4s var(--ease-fluid);background:linear-gradient(135deg,#fff 0%,#d8b4ff 100%);border-radius:50%;justify-content:center;align-items:center;display:flex}.pill-button-nested:hover .icon-circle-wrapper{transform:scale(1.06)}:focus-visible{outline:2px solid var(--purple-light);outline-offset:4px;border-radius:4px}.app-wrapper{z-index:1;min-height:100vh;position:relative}.preloader-overlay{z-index:9999;background:#020204;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.preloader-overlay.fade-out{opacity:0;visibility:hidden}.nav-header{z-index:100;transition:all .5s var(--ease-fluid);-webkit-backdrop-filter:blur(20px);background:#02020433;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:1.8rem 5rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-header.scrolled{border-bottom:1px solid var(--border-hairline);background:#020204eb;padding:1.1rem 5rem}.brand-wrapper{color:#fff;align-items:center;gap:1.2rem;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:36px}.logo-text-group{flex-direction:column;display:flex}.logo-main-title{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#d8b4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.6rem;font-weight:900;line-height:.95}.logo-sub-title{font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.3em;color:var(--text-secondary);margin-top:3px;font-weight:600}.header-right-actions{align-items:center;gap:1.5rem;display:flex}.nav-menu-list{align-items:center;gap:2.2rem;list-style:none;display:flex}.nav-link-item a{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-label);letter-spacing:.15em;font-weight:600;text-decoration:none;transition:color .3s}.nav-link-item a:hover{color:#fff}.scene-hero-100vh{flex-direction:column;justify-content:center;min-height:100vh;padding:16rem 5rem 10rem;display:flex;position:relative}.hero-video-wrapper{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-video-element{object-fit:cover;filter:brightness(.35)contrast(1.18);width:100%;height:100%}.hero-video-scrim{z-index:1;background:radial-gradient(circle at 25% 35%,#02020433 0%,#020204d9 75%,#020204f5 100%),linear-gradient(#02020433 0%,#020204f2 100%);position:absolute;inset:0}.hero-statement-box{z-index:2;max-width:1300px;position:relative}.hero-statement-stack{flex-direction:column;margin-top:1.5rem;margin-bottom:2.8rem;display:flex}.hero-line-grotesk{font-family:var(--font-display);font-size:var(--type-hero);letter-spacing:-.05em;text-transform:uppercase;color:#fff;font-weight:900;line-height:.82}.hero-sub-editorial-p{font-size:var(--type-lead);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.1em;max-width:580px;margin-bottom:3.5rem;font-weight:400;line-height:1.7}.scene-philosophy{padding:220px 5rem 140px;position:relative}.philosophy-massive-quote{font-size:var(--type-scene);letter-spacing:-.04em;text-transform:uppercase;color:#fff;max-width:1250px;font-weight:900;line-height:.92}.interlude-engine{padding:320px 5rem 140px;position:relative}.engine-horizontal-strip{border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;gap:2.5rem;margin-top:4rem;padding:3.5rem 0;display:flex;overflow-x:auto}.engine-stage-item{flex-direction:column;gap:.8rem;min-width:140px;display:flex}.engine-stage-num{font-family:var(--font-mono);font-size:var(--type-label);color:var(--purple-light);font-weight:700}.engine-stage-name{letter-spacing:-.03em;text-transform:uppercase;color:#fff;font-size:2rem;font-weight:900}.scene-spectrum{padding:90px 5rem 180px;position:relative}.kinetic-genre-cloud{flex-wrap:wrap;gap:2.8rem;margin-top:3.5rem;display:flex}.kinetic-word-element{letter-spacing:-.04em;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #ffffff38;cursor:pointer;transition:all .4s var(--ease-fluid);font-size:clamp(3.5rem,8vw,8.5rem);font-weight:900;line-height:.88}.kinetic-word-element:hover,.kinetic-word-element.active{-webkit-text-stroke:0px transparent;color:#fff;transform:scale(1.04)translate(12px)}.feature-magazine{padding:260px 5rem 180px;position:relative}.work-dominant-poster{cursor:pointer;border-radius:28px;width:100%;height:640px;margin-top:4rem;margin-bottom:4rem;position:relative;overflow:hidden}.work-poster-img{object-fit:cover;filter:brightness(.68)contrast(1.18);width:100%;height:100%;transition:transform .8s var(--ease-fluid)}.work-dominant-poster:hover .work-poster-img{transform:scale(1.06)}.work-poster-scrim{z-index:2;background:linear-gradient(#0000 0%,#0202044d 50%,#020204f5 100%);position:absolute;inset:0}.work-poster-content{z-index:3;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:3.5rem;left:3.5rem;right:3.5rem}.supporting-magazine-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.supporting-poster-card{cursor:pointer;height:440px;transition:all .5s var(--ease-fluid);border-radius:20px;flex-direction:column;justify-content:flex-end;padding:2.2rem;display:flex;position:relative;overflow:hidden}.supporting-poster-card:hover{transform:translateY(-8px)scale(1.02)}.sculptural-stats-strip{border-top:1px solid var(--border-hairline);grid-template-columns:repeat(4,1fr);gap:3.5rem;margin-top:4rem;padding-top:3.5rem;display:grid}.sculptural-num-text{color:#fff;letter-spacing:-.05em;margin-bottom:1.2rem;font-size:clamp(6.5rem,11vw,11rem);font-weight:900;line-height:.82}.sculptural-caption-text{font-size:var(--type-body);color:var(--text-secondary);font-weight:300;line-height:1.65}.finale-viewport{flex-direction:column;justify-content:center;min-height:90vh;padding:220px 5rem 12rem;display:flex;position:relative}.modal-overlay{-webkit-backdrop-filter:blur(24px);z-index:200;background:#020204f2;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:fixed;inset:0}.modal-glass-container{background:#0c0a16eb;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:850px;padding:3.5rem;position:relative;box-shadow:0 30px 80px #000000f2}.close-btn-circle{border:1px solid var(--border-hairline);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.close-btn-circle:hover{background:var(--purple-light);color:#020204;border-color:var(--purple-light)}@media (width<=1024px){.nav-header{padding:1.4rem 2rem}.scene-hero-100vh,.scene-philosophy,.interlude-engine,.scene-spectrum,.feature-magazine,.finale-viewport{padding:8rem 2rem 5rem}.supporting-magazine-grid,.sculptural-stats-strip{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=640px){.nav-menu-list{display:none}.supporting-magazine-grid,.sculptural-stats-strip{grid-template-columns:1fr}.hero-line-grotesk{font-size:3.5rem}}