@font-face{font-family:Azonix;src:url('/native-app/Azonix.otf') format('opentype');font-display:swap}
:root{color-scheme:dark;--gold:#f4bf66;--cyan:#67dff4;--ink:#edf6f8;--muted:#a1b5c0;--line:#274350;background:#03090e;font-family:'Segoe UI',sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:radial-gradient(ellipse at 60% 25%,#09222c,#03090e 65%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a:focus-visible{outline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan)}button{cursor:pointer}.definitions{position:absolute;width:0;height:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;background:#123b4b;padding:20px;top:0}
#light-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#02080c35,transparent 30%,transparent 70%,#02080c35)}.masthead{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;background:linear-gradient(#03090ef0,#03090e00);gap:24px;transition:background .3s}.masthead.scrolled{background:#03090eeb;backdrop-filter:blur(16px);border-bottom:1px solid #263b4580}.brand{width:148px;display:block;flex-shrink:0}.brand svg{display:block;width:100%;height:auto}.masthead nav{display:flex;align-items:center;gap:30px;font-size:13px}.masthead nav>a:not(.button):hover{color:var(--cyan)}
main,footer{position:relative;z-index:2}.chapter{max-width:1560px;margin:0 auto;min-height:100svh;position:relative;padding:120px 7vw;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center;isolation:isolate}.opening{display:flex;align-items:center;justify-content:center;text-align:center;max-width:none;min-height:100svh;padding:140px 6vw 130px}.hero-content{width:min(100%,1080px)}.eyebrow{font:11px/1.7 ui-monospace,monospace;letter-spacing:.2em;color:var(--cyan);margin:0 0 26px}.opening .eyebrow{color:#b7cdd6;letter-spacing:.45em}.hero-content h1{margin:32px 0 22px}.hero-logo{width:100%;max-width:1000px;display:block;margin:auto;filter:drop-shadow(0 0 26px #10bde420)}.hero-line{font-size:clamp(30px,4vw,60px);letter-spacing:-.04em;font-weight:400;line-height:1.12;margin:20px 0}.hero-line em,h2 em{font-weight:300;font-style:normal;color:var(--cyan)}.hero-caption{font-size:17px;line-height:1.7;color:#b9cbd4;margin:24px 0 30px}.actions{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:16px 25px;color:#ffe0a6;background:linear-gradient(120deg,#3d2a0e,#1d170c);border:1px solid #be934c;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-size:14px;line-height:1.3;transition:background .25s,box-shadow .25s,transform .25s}.button:hover{background:#513912;box-shadow:0 0 30px #c48b2830;transform:translateY(-2px)}.button.small{min-height:40px;padding:11px 18px;gap:24px;font-size:12px}.button.outline{border-color:#3b7f95;background:#071a24;color:#b7eaf4}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:14px;padding:15px 0;border-bottom:1px solid #48606d}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.hero-bottom{position:absolute;bottom:34px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;font:10px/1.6 ui-monospace,monospace;letter-spacing:.14em;color:#7f9fae}.hero-bottom a{color:#c9dbe4}.hero-bottom a span{margin-left:15px}
h2{font-size:clamp(38px,4.7vw,76px);font-weight:450;line-height:1.04;letter-spacing:-.055em;margin:0 0 32px}.section-copy{max-width:550px}.section-copy>p:not(.eyebrow):not(.demo-note){font-size:17px;line-height:1.8;color:#b3c7d1;max-width:460px}.section-copy strong{color:#edf6f8;font-weight:500}.section-copy .button{margin-top:18px}.visual{margin:0;position:relative;min-width:0}.visual figcaption{font:10px/1.7 ui-monospace,monospace;color:#94aab5;margin-top:24px}.film-frame{border:1px solid #567a8b;box-shadow:0 30px 70px #0008,0 0 80px #1593b014;background:#071621;transform:perspective(900px) rotateY(-9deg) rotateX(3deg);transition:transform .7s}.experience-visual:hover .film-frame{transform:perspective(900px) rotateY(0deg) rotateX(0deg)}.scene-art{aspect-ratio:1.7;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#32616e,#112530 48%,#040a10 78%)}.scene-art:after{content:'';position:absolute;inset:65% 0 0;background:repeating-linear-gradient(0deg,transparent 0 18px,#5cc4db0c 19px 20px),linear-gradient(#0a1218,#060b11);border-top:1px solid #5b97a366}.moon{position:absolute;right:20%;top:16%;width:50px;height:50px;border-radius:50%;background:#cceaf0;box-shadow:0 0 75px #5bd8f68c}.door{position:absolute;z-index:2;left:40%;top:34%;width:20%;height:47%;border:2px solid #f6bd68;box-shadow:0 0 35px #e5ae4a55,inset 0 0 30px #e5ae4a33;background:#382610aa;transform:skewY(-3deg)}.person{z-index:3;position:absolute;width:8px;height:34px;background:#03080c;bottom:21%;left:49%;border-radius:5px 5px 0 0}.person:before{content:'';width:8px;height:8px;border-radius:50%;background:#03080c;position:absolute;top:-6px}.frame-caption,.studio-top,.studio-bottom{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#a4c4d4}.live-dot{color:var(--gold)}.signal-readout{margin:32px 0 0 12%;padding-left:22px;border-left:1px solid #4e9fb1;font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--cyan)}.signal-readout svg{display:block;width:100%;max-width:380px;height:65px;fill:none;stroke:#72e6f3;stroke-width:1.4;stroke-dasharray:800;animation:readout 6s linear infinite}.signal-readout>span:last-child{color:#829eac}
.paths:before{content:'';position:absolute;inset:12% 0;background:radial-gradient(ellipse at 70% 50%,#092b39a0,transparent 65%);z-index:-1}.path-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.path-controls button{border:1px solid #395e6d;background:#06151d;color:#a5c9d9;padding:12px 16px;transition:.25s}.path-controls button[aria-pressed=true]{color:#ffd68a;border-color:#dba94d;background:#36270e}.path-controls button:hover{border-color:var(--cyan)}.demo-note{font:11px/1.7 ui-monospace,monospace;color:#87a4b1;margin-top:20px}.path-visual svg{width:100%;overflow:visible}.path-visual text{font:11px ui-monospace,monospace;fill:#b8d5e0;letter-spacing:1px}.track{fill:none;stroke:#6a8190;stroke-width:2;opacity:.25}.track.main{stroke:var(--gold)}.track.branch{stroke:var(--cyan)}.junction{fill:#092a36;stroke:#8ae8f7;stroke-width:2}.endpoint{fill:#547582}.path-visual[data-path=main] .main,.path-visual[data-path=a] .branch-a,.path-visual[data-path=b] .branch-b{opacity:1;stroke-width:3;filter:drop-shadow(0 0 5px #79dfef55);stroke-dasharray:12 4;animation:flow 2s linear infinite}.path-visual[data-path=main] .main-end{fill:var(--gold)}.path-visual[data-path=a] .a-end,.path-visual[data-path=b] .b-end{fill:var(--cyan)}.path-visual figcaption{border-top:1px solid #284753;padding-top:20px;color:#c8e5ee;min-height:60px}.studio{grid-template-columns:1.1fr 1fr}.studio-visual{border:1px solid #2d6074;background:linear-gradient(145deg,#092633bb,#020c14c0);transform:perspective(1200px) rotateY(8deg);box-shadow:0 30px 80px #0007}.studio-top{border-bottom:1px solid #285366;color:var(--gold)}.studio-visual img{width:100%;height:auto;display:block}.studio-bottom{font-size:8px;border-top:1px solid #244655}.studio-timeline{height:56px;margin:0 24px 24px;position:relative;background:linear-gradient(0deg,transparent 48%,#edba63 49% 51%,transparent 52%)}.window-marker{display:block;position:absolute;left:10%;width:36%;height:100%;padding:10px;background:#4cd9ec22;border-inline:1px solid #65dcea;font:9px ui-monospace,monospace;color:var(--cyan)}.point-marker{position:absolute;left:67%;top:0;bottom:0;border-left:1px solid var(--gold);font:9px ui-monospace,monospace;color:var(--gold);padding-left:7px}
.invitation{display:flex;text-align:center;justify-content:center;max-width:none;background:radial-gradient(ellipse at center,#051c2780,transparent 65%)}.invitation-content{width:min(760px,100%)}.invitation h2{font-size:clamp(65px,9vw,130px)}.invitation-content>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#b3cad4}.invitation .actions{margin:36px 0 52px}.privacy-note{max-width:530px;margin:auto;border-top:1px solid #2d4b59;padding-top:28px}.privacy-note .eyebrow{font-size:10px;margin-bottom:15px}.privacy-note p:not(.eyebrow),.privacy-note a{font-size:12px;line-height:1.8;color:#8faab8}.privacy-note a{border-bottom:1px solid #466474;padding-bottom:4px}footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:34px 5vw 60px;border-top:1px solid #1f3640;background:#030a10;font:10px ui-monospace,monospace;letter-spacing:.15em;color:#8faab7}footer .brand{width:125px}#motion-toggle{position:fixed;bottom:14px;right:20px;z-index:30;padding:8px 10px;border:1px solid #34515f;color:#a9c4d0;background:#04121bdb;font:10px ui-monospace,monospace}.scroll-meter{position:fixed;left:0;top:0;width:2px;height:100%;background:#132631;z-index:25}.scroll-meter i{display:block;width:100%;height:0;background:var(--cyan);box-shadow:0 0 10px #49cfe9}.motion-paused *{animation-play-state:paused!important}
@keyframes flow{to{stroke-dashoffset:-32}}@keyframes readout{0%{stroke-dashoffset:800}45%,100%{stroke-dashoffset:0}}
@media(min-width:1600px){.chapter{padding-inline:100px}}
@media(max-width:800px){.masthead{padding:18px 5vw;gap:18px}.brand{width:112px}.masthead nav{gap:16px}.nav-story,.nav-studio{display:none}.chapter{padding:100px 7vw;grid-template-columns:1fr;gap:50px;min-height:auto}.opening{min-height:100svh;padding:140px 5vw 130px}.hero-content h1{margin:26px 0}.hero-line{font-size:38px}.hero-caption{font-size:15px}.hero-bottom>span:first-child{display:none}.hero-bottom{left:7vw;right:7vw;bottom:35px}.section-copy{max-width:600px}.section-copy>p:not(.eyebrow):not(.demo-note){max-width:none;font-size:16px}.visual{width:100%;max-width:600px;margin:auto}.studio .section-copy{grid-row:1}.studio-visual{transform:none}.invitation{min-height:100svh}.film-frame{transform:none}h2{font-size:clamp(40px,9vw,65px)}.eyebrow{font-size:10px}.studio-bottom{font-size:7px}.hero-logo{min-height:70px}.path-visual figcaption{font-size:11px}footer{flex-wrap:wrap}.actions{gap:16px}.button{font-size:13px;padding:15px 20px}.masthead .button.small{padding:10px 12px;gap:10px}.masthead nav{font-size:12px}.privacy-note{max-width:460px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Original artwork; lighting and depth belong to its presentation. */
#living-logo{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;perspective:1000px;color:inherit;touch-action:pan-y;-webkit-appearance:none;isolation:isolate}
#living-logo:focus-visible{outline:1px solid #65dff4;outline-offset:14px;border-radius:0}
.logo-depth{display:block;position:relative;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);will-change:transform}
.hero-logo{overflow:hidden;filter:none;max-width:1000px;min-height:0!important}
.logo-reflection{position:absolute;inset:0;pointer-events:none;opacity:var(--light-strength,0);mask-image:radial-gradient(ellipse 20% 130% at var(--light-x,50%) var(--light-y,50%),#000,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 20% 130% at var(--light-x,50%) var(--light-y,50%),#000,transparent 85%);mix-blend-mode:screen;filter:brightness(1.8) saturate(.65)}
.hero-content{max-width:1040px}.hero-content h1{margin:42px 0 36px}.hero-line{font-size:clamp(28px,3.2vw,47px);line-height:1.24;letter-spacing:-.035em;margin:0 0 38px}.hero-line em{color:#c4dee6}.hero-content .eyebrow{font-size:9px;letter-spacing:.38em;color:#819da9}
.path-controls button[aria-pressed=true]{box-shadow:inset 0 -2px var(--gold)}
.motion-paused .logo-depth{transform:none!important}.motion-paused .logo-reflection{opacity:0!important}
@media(max-width:800px){.hero-content h1{margin:36px 0 34px}.hero-line{font-size:clamp(26px,6.8vw,38px)}.opening{padding-top:140px;padding-bottom:130px}.hero-content .actions{flex-direction:column;gap:10px}.hero-content .button{min-width:180px}.hero-content .text-link{font-size:12px}.hero-content .eyebrow{font-size:8px}.logo-depth{will-change:auto}}

#lumis-portal{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.portal-ready #light-field,.portal-ready .opening>.living-field{display:none}.portal-ready .atmosphere{background:linear-gradient(90deg,#02070b55,transparent 35%,transparent 65%,#02070b55)}.portal-ready .opening{min-height:110svh}.portal-ready .hero-content{padding:35px 0;background:radial-gradient(ellipse,#02090dc9,transparent 69%)}.portal-ready .chapter:not(.opening){background:linear-gradient(90deg,#030b12e8,#030b12a6);border-top:1px solid #38617044}.portal-ready .visual{filter:drop-shadow(0 20px 45px #0008)}