@font-face{font-family:Asceno Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/about-cinematic-v5/fonts/noto-serif-regular.woff2)format("woff2")}@font-face{font-family:Asceno Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/about-cinematic-v5/fonts/noto-serif-italic.woff2)format("woff2")}body:has(.aboutCinematic) .container{padding-top:var(--asceno-about-header-height,77px)}body:has(.aboutCinematic) .container:before{display:none!important}body:has(.aboutCinematic) .site-tubesCanvas{display:none!important}.aboutCinematic{--about-vh:100svh;--stage-height:var(--about-vh);--copy-serif:"Asceno Serif",Georgia,serif;--about-ink:#f4f1e8;--about-muted:#bcc6d1;--about-accent:#dcc69a;height:calc(var(--about-vh)*5 + var(--stage-height));margin-top:calc(0px - var(--asceno-about-header-height,77px));color:var(--about-ink);letter-spacing:0;background:#05070a;flex:none;font:400 16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.aboutCinematic *{box-sizing:border-box}.aboutCinematic :is(button,a){font:inherit;color:inherit}.aboutCinematic .stage{width:100%;height:var(--stage-height);isolation:isolate;background:#05070a;position:sticky;top:0;overflow:hidden}.aboutCinematic .scene{z-index:1;opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:0;overflow:hidden}.aboutCinematic .scene.is-active{opacity:1}.aboutCinematic .scene-bg{filter:brightness(.65)saturate(.9);will-change:transform;background-size:cover;position:absolute;inset:-5%;transform:scale(1.08)}.aboutCinematic .bg-hero{background-image:url(/about-cinematic-v5/original/assets/images/hero-world.png);background-position:58% 49%}.aboutCinematic .bg-world{background-image:url(/about-cinematic-v5/original/assets/images/world-ruins.png);background-position:50% 51%}.aboutCinematic .bg-world-zoom{background-position:35% 54%}.aboutCinematic .bg-hero-alt{background-position:72% 45%}.aboutCinematic .bg-network{background-image:url(/about-cinematic-v5/original/assets/images/world-network.png);background-position:50% 45%}.aboutCinematic .bg-outro{background-image:url(/about-cinematic-v5/original/assets/images/hero-world.png);background-position:24% 56%}.aboutCinematic .scene-shade{pointer-events:none;position:absolute;inset:0}.aboutCinematic :is(.hero-shade,.left-shade,.network-shade){background:linear-gradient(90deg,#03060cdb,#03060c8c 36%,#03060c0f 72%),linear-gradient(#0000 70%,#03060c6b)}.aboutCinematic .right-shade{background:linear-gradient(90deg,#0000 20%,#03060c4d 45%,#03060cd9 92%)}.aboutCinematic :is(.center-shade,.outro-shade){background:linear-gradient(90deg,#03060c2e,#03060ca1 36% 64%,#03060c2e),linear-gradient(#0000 65%,#03060c80)}.aboutCinematic .world-vfx{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.aboutCinematic[data-webgl=ready] .world-vfx{opacity:1}.aboutCinematic[data-webgl=ready] .scene-bg{opacity:0}.aboutCinematic[data-webgl=ready] .fx{visibility:hidden}.aboutCinematic .scene-copy{z-index:8;width:42%;max-width:650px;color:var(--about-ink);text-shadow:0 2px 22px #000000a6;will-change:translate,opacity;position:absolute;top:50%;transform:translateY(-50%)}.aboutCinematic .scene:not([inert]) .scene-copy{pointer-events:auto}.aboutCinematic :is(.copy-hero,.copy-left){left:7%}.aboutCinematic .copy-hero{width:52%;max-width:860px}.aboutCinematic .copy-right{right:9%}.aboutCinematic :is(.copy-center,.copy-outro){text-align:center;width:70%;max-width:900px;left:50%;transform:translate(-50%,-50%)}.aboutCinematic .copy-center{top:44%}.aboutCinematic .copy-outro{max-width:780px}.aboutCinematic .scene-copy :is(h1,h2){font:400 68px/1.12 var(--copy-serif);letter-spacing:0;color:var(--about-ink);overflow-wrap:break-word;margin:0}.aboutCinematic .scene-copy h1{font-size:82px}.aboutCinematic .scene-copy em{font-family:var(--copy-serif);color:var(--about-accent);font-style:italic}.aboutCinematic .scene-copy p{font:inherit;color:#d0d6df;max-width:610px;margin:22px 0 0;font-size:18px;line-height:1.7}.aboutCinematic :is(.copy-center,.copy-outro) p{margin-inline:auto}.aboutCinematic .scene-copy .eyebrow{color:var(--about-accent);text-transform:uppercase;margin:0 0 24px;font-size:12px;font-weight:600;line-height:1.5}.aboutCinematic .scene-copy .lead{max-width:560px;margin-top:28px;font-size:15px}.aboutCinematic .scene-copy .outro-line{margin:24px auto;font-size:18px}.aboutCinematic .scene-copy .tiny{max-width:460px;color:var(--about-muted);margin-top:24px;font-size:14px}.aboutCinematic .contact-pill{cursor:pointer;background:#080f18b3;border:1px solid #dcc69a8c;border-radius:6px;justify-content:center;align-items:center;gap:18px;max-width:100%;min-height:48px;padding:12px 20px;font-size:15px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.aboutCinematic .contact-pill:hover{border-color:var(--about-accent);background:#1b2735}.aboutCinematic .contact-pill:focus-visible{outline:2px solid var(--about-accent);outline-offset:4px}.aboutCinematic .scene[inert] :is(.contact-pill,.asceno-meaning){pointer-events:none}.aboutCinematic .hero-mark{writing-mode:vertical-rl;color:var(--about-muted);align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:12%;right:7%}.aboutCinematic .hero-mark i{background:#dcc69a59;width:1px;height:28px}.aboutCinematic .asceno-meaning{z-index:12;pointer-events:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid;position:absolute;bottom:7%;left:7%;right:7%}.aboutCinematic .meaning-letter{width:100%;min-height:56px;box-shadow:none;color:var(--about-muted);cursor:pointer;background:0 0;border:0;border-top:1px solid #dcc69a4d;border-radius:0;align-items:center;gap:12px;padding:12px 0 4px;transition:color .2s,border-color .2s;display:flex;position:relative}.aboutCinematic .meaning-letter:before,.aboutCinematic .meaning-letter:after{display:none}.aboutCinematic .meaning-letter b{font:400 28px/1 var(--copy-serif);transition:translate .3s,text-shadow .3s}.aboutCinematic .meaning-letter small{font:600 10px/1.3 ui-sans-serif,system-ui,sans-serif}.aboutCinematic .meaning-letter[data-active=true],.aboutCinematic .meaning-letter:hover{color:var(--about-accent);border-color:var(--about-accent)}.aboutCinematic .meaning-letter[data-active=true] b{text-shadow:0 0 22px #e9ca8c8c;translate:0 -3px}.aboutCinematic .meaning-letter:focus-visible{outline:1px solid var(--about-accent);outline-offset:4px}.aboutCinematic .meaning-detail{width:min(440px,100%);bottom:calc(100% + 16px);left:clamp(0px,calc(var(--meaning-anchor) - 220px),calc(100% - 440px));background:#0b1420;border:1px solid #dcc69a66;border-radius:6px;padding:20px 22px;animation:.25s both meaningReveal;position:absolute;box-shadow:0 10px 36px #00000059}.aboutCinematic .meaning-detail[hidden]{display:none!important}.aboutCinematic .meaning-detail strong{color:var(--about-accent);font-size:13px;font-weight:600}.aboutCinematic .meaning-detail p{font:inherit;margin:8px 0 0;font-size:15px;line-height:1.6}@keyframes meaningReveal{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.aboutCinematic .network-words{text-align:right;color:var(--about-muted);gap:16px;font-size:10px;display:grid;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.aboutCinematic .sky-vignette{z-index:20;pointer-events:none;background:linear-gradient(#00000026,#0000 15% 80%,#00000040);position:absolute;inset:0}.aboutCinematic .fx{z-index:18;pointer-events:none;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.aboutCinematic .fog{display:none}.aboutCinematic .astro{z-index:17;pointer-events:none;opacity:0;will-change:opacity,transform;position:absolute;inset:0}.aboutCinematic .orbit{aspect-ratio:1;border:1px solid #cbe0f738;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aboutCinematic .orbit:before{content:"";background:#dcebf4;width:3px;height:3px;position:absolute;top:20%;left:10%;box-shadow:0 0 12px #a0dbef}.aboutCinematic .orbit-a{width:min(74%,960px)}.aboutCinematic .orbit-b{width:min(49%,650px)}.aboutCinematic .orbit-c{width:min(26%,360px)}.aboutCinematic .astro-cross{background:linear-gradient(#0000,#e1effb80,#0000);width:1px;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aboutCinematic .astro-label{color:var(--about-muted);white-space:nowrap;font-size:10px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.aboutCinematic .rail{z-index:50;pointer-events:none;color:var(--about-muted);flex-direction:column;align-items:flex-end;gap:14px;font-size:10px;display:flex;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.aboutCinematic .rail-label{writing-mode:vertical-rl;min-height:72px;transform:rotate(180deg)}.aboutCinematic .rail-line{background:#fff3;width:1px;height:100px;position:relative}.aboutCinematic .rail-line span{background:var(--about-accent);width:1px;position:absolute;bottom:0;left:0}.aboutCinematic .scroll-hint{z-index:50;color:var(--about-muted);align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;bottom:34px;left:max(84px,7%)}.aboutCinematic .scroll-hint i{background:var(--about-accent);width:40px;height:1px;animation:1.8s ease-in-out infinite aboutPulse}@keyframes aboutPulse{50%{opacity:.3;scale:.65 1}}.aboutCinematic .motion-toggle{z-index:51;width:40px;height:40px;color:var(--about-ink);cursor:pointer;box-shadow:none;background:#080f18cc;border:1px solid #dcc69a59;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:24px;left:24px}.aboutCinematic .motion-toggle:before,.aboutCinematic .motion-toggle:after{display:none}.aboutCinematic .motion-toggle:hover,.aboutCinematic .motion-toggle:focus-visible{border-color:var(--about-accent);outline:1px solid var(--about-accent);outline-offset:3px}.aboutCinematic[data-motion=paused] :is(.scroll-hint i,.meaning-detail){animation:none}.aboutCinematic[data-theme=light] .scene-bg{filter:brightness(.85)saturate(.9)}@media (max-width:1600px){.aboutCinematic .scene-copy h1{font-size:64px}.aboutCinematic .scene-copy h2{font-size:54px}.aboutCinematic .scene-copy p{font-size:17px}}@media (max-width:1200px){.aboutCinematic .scene-copy h1{font-size:54px}.aboutCinematic .scene-copy h2{font-size:46px}.aboutCinematic .scene-copy{width:46%}.aboutCinematic .copy-hero{width:63%}.aboutCinematic :is(.copy-center,.copy-outro){width:76%}.aboutCinematic .meaning-letter{flex-direction:column;gap:8px}}@media (max-width:820px),(max-height:650px){.aboutCinematic .scene-copy{width:80%;max-width:730px;max-height:calc(100% - var(--asceno-about-header-height,77px)*2 - 40px);scrollbar-width:thin;inset:50% auto auto 8%;overflow-y:auto;transform:translateY(-50%)}.aboutCinematic :is(.copy-center,.copy-outro){text-align:left;width:80%}.aboutCinematic .scene-copy h1{font-size:38px;line-height:1.14}.aboutCinematic .scene-copy h2{font-size:34px;line-height:1.14}.aboutCinematic .scene-copy p{margin-top:18px;font-size:15px;line-height:1.65}.aboutCinematic .scene-copy .eyebrow{margin-bottom:18px;font-size:11px}.aboutCinematic .scene-copy .lead{font-size:14px}.aboutCinematic .scene-shade{background:linear-gradient(90deg,#03060cb3,#03060c8c 75%,#03060c33)}.aboutCinematic .asceno-meaning{gap:6px;bottom:78px;left:8%;right:12%}.aboutCinematic .meaning-letter{flex-direction:column;gap:7px;padding:10px 0 4px}.aboutCinematic .meaning-letter b{font-size:24px}.aboutCinematic .meaning-letter small{font-size:8px}.aboutCinematic .meaning-detail{width:100%;padding:16px;left:0}.aboutCinematic .meaning-detail p{font-size:14px}.aboutCinematic .scene--3 .scene-copy{max-height:calc(100% - var(--asceno-about-header-height,77px)*2 - 210px);top:calc(50% - 72px)}.aboutCinematic .scene--3:has(.meaning-detail:not([hidden])) .scene-copy{max-height:calc(100% - var(--asceno-about-header-height,77px)*2 - 250px);top:calc(50% - 108px)}.aboutCinematic :is(.network-words,.hero-mark){display:none}.aboutCinematic .rail{font-size:9px;right:12px}.aboutCinematic .contact-pill{gap:10px;padding-inline:14px;font-size:14px}.aboutCinematic .motion-toggle{bottom:22px;left:22px}}@media (max-width:380px){.aboutCinematic .scene-copy h1{font-size:33px}.aboutCinematic .scene-copy h2{font-size:30px}.aboutCinematic .scene-copy p{font-size:14px}}@media (max-height:550px){.aboutCinematic .scene--3 .scene-copy{max-height:calc(100% - 175px);top:43%}.aboutCinematic .scene--3 .scene-copy h2{font-size:28px}.aboutCinematic .scene--3:has(.meaning-detail:not([hidden])) .scene-copy{visibility:hidden}.aboutCinematic .asceno-meaning{bottom:65px}}
