@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Public+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--radius: 8px;--background: oklch(.06 .02 250);--foreground: oklch(.96 .02 220);--neon: oklch(.82 .18 230);--neon-soft: oklch(.65 .18 235);--ink: oklch(.04 .015 250);--panel: oklch(.12 .04 250);--muted-foreground: oklch(.65 .05 230);--font-display: "Orbitron", system-ui, sans-serif;--font-sans: "Public Sans", system-ui, sans-serif;--font-copy: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-home{background:linear-gradient(90deg,rgba(0,229,255,.03),transparent 34%,rgba(0,229,255,.045)),linear-gradient(180deg,#0003,#01080dd1),var(--background);color:var(--foreground);font-family:var(--font-copy);min-height:100vh;overflow-x:hidden;position:relative}.home-grid-bg{background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;inset:0;opacity:.35;pointer-events:none;position:fixed;z-index:0}.scanline{animation:scanline 8s linear infinite;background:linear-gradient(to bottom,transparent,rgba(0,229,255,.05),transparent);height:10px;pointer-events:none;position:fixed;width:100%;z-index:100}@keyframes scanline{0%{top:-100px}to{top:100%}}.home-nav{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070cb8;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:1.5rem;justify-content:space-between;left:0;padding:1rem clamp(1rem,4vw,2.5rem);position:fixed;right:0;top:0;z-index:60}.brand-lockup{align-items:center;display:inline-flex;gap:.75rem;min-width:13rem}.brand-logo{align-items:center;display:inline-flex;height:3rem;justify-content:center;position:relative;width:3rem}.brand-logo:after{background:#00e5ff33;border-radius:999px;content:"";filter:blur(14px);inset:.45rem;position:absolute}.brand-logo img{height:100%;object-fit:contain;position:relative;width:100%;z-index:2}.brand-copy{display:grid;line-height:1}.brand-copy strong,.home-footer strong{color:var(--neon);font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.2em;text-shadow:0 0 10px rgba(0,229,255,.5),0 0 20px rgba(0,229,255,.3)}.brand-copy small{color:#00e5ffc7;font-size:.44rem;font-weight:900;letter-spacing:.28em;margin-top:.25rem;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:clamp(.6rem,2vw,1.8rem)}.nav-links a,.nav-links button{background:transparent;border:0;color:#ffffff94;font-family:var(--font-display);font-size:.68rem;font-weight:900;letter-spacing:.12em;padding:.35rem 0;text-transform:uppercase}.nav-links a,.nav-links button.is-active,.nav-links button:hover,.nav-links a:hover{color:#fff}.early-access-button,.primary-action,.secondary-action{align-items:center;border-radius:var(--radius);display:inline-flex;font-family:var(--font-display);font-size:.72rem;font-weight:900;justify-content:center;letter-spacing:.08em;min-height:2.8rem;padding:.85rem 1.2rem;position:relative;text-transform:uppercase}.early-access-button,.primary-action{background:transparent;border:1px solid rgba(0,229,255,.5);color:#fff;overflow:hidden}.early-access-button:before,.primary-action:before{background:var(--neon);content:"";inset:0;position:absolute;transform:translateY(102%);transition:transform .18s ease}.early-access-button:hover:before,.primary-action:hover:before{transform:translateY(0)}.early-access-button span,.primary-action span{position:relative;z-index:2}.early-access-button:hover,.primary-action:hover{color:var(--ink)}.secondary-action{border:1px solid rgba(0,229,255,.3);color:var(--neon)}.secondary-action:hover{background:#00e5ff14}.home-hero,.realms-section,.company-section,.final-cta,.home-footer{margin:0 auto;max-width:1520px;position:relative;z-index:2}.home-hero{align-items:start;display:grid;gap:clamp(3rem,5.5vw,6.5rem);grid-template-columns:minmax(25rem,.76fr) minmax(36rem,1fr);max-width:1780px;min-height:clamp(39rem,70vh,45rem);padding:clamp(6.75rem,9.2vh,7.75rem) clamp(4rem,5.6vw,7.25rem) 2rem;width:100%}.hero-copy{display:grid;gap:1.4rem;max-width:44rem}.section-kicker{color:var(--neon);font-family:var(--font-display);font-size:.68rem;font-weight:900;letter-spacing:.28em;margin:0;text-transform:uppercase}.section-heading h2,.final-cta h2{font-family:var(--font-display);font-size:clamp(2.55rem,4.35vw,4.75rem);font-weight:900;letter-spacing:0;line-height:1.03;margin:0;max-width:62rem;text-wrap:balance}.hero-copy h1{color:#edfaff;font-family:var(--font-display);font-size:4.85rem;font-weight:900;letter-spacing:0;line-height:.98;margin:0}.section-heading h2 span,.final-cta h2 span{color:#f2fbff;display:block;margin-top:.04em;-webkit-text-stroke:1px rgba(0,229,255,.58);text-shadow:0 0 4px rgba(0,229,255,.76),0 0 18px rgba(0,162,255,.52),0 0 34px rgba(0,115,255,.34)}.hero-copy h1 span{color:#10d9ff;display:block;text-shadow:0 0 8px rgba(0,229,255,.9),0 0 22px rgba(0,162,255,.72),0 0 34px rgba(0,115,255,.52)}.hero-lede,.section-heading p,.final-cta p{color:#e2f5faad;font-size:1.16rem;font-weight:400;line-height:1.72;margin:0;max-width:42rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:.55rem}.primary-action{background:var(--neon);border-color:#00e5ffe6;box-shadow:0 0 28px #00e5ff52;color:var(--ink);min-height:4rem;min-width:14.5rem;padding-inline:1.8rem}.primary-action:before{background:#e5fdffeb}.action-arrow{margin-left:.35rem}.secondary-action{min-height:4rem;min-width:19rem;padding-inline:1.8rem}.hero-visual{align-items:center;display:flex;justify-content:center;min-height:34rem}.logo-engine{aspect-ratio:1;display:grid;place-items:center;position:relative;width:min(44rem,92vw)}.logo-engine:before{border:1px solid rgba(0,229,255,.24);border-radius:999px;box-shadow:inset 0 0 42px #00e5ff0f;content:"";inset:22%;position:absolute}.logo-engine>img{filter:drop-shadow(0 0 14px rgba(0,229,255,.72)) drop-shadow(0 0 34px rgba(0,115,255,.38));max-width:30%;position:relative;z-index:3}.orbit-ring{border:1px solid rgba(0,229,255,.14);border-radius:999px;position:absolute}.ring-one{animation:rotate-slow 40s linear infinite;inset:12%}.ring-two{animation:rotate-slow 30s linear infinite reverse;inset:17%}.ring-three{animation:rotate-slow 34s linear infinite;inset:23%}@keyframes rotate-slow{to{transform:rotate(360deg)}}.orbit-layer{inset:0;pointer-events:none;position:absolute;z-index:4}.orbit-preview-card,.label-pill{left:var(--orbit-x);position:absolute;top:var(--orbit-y);transform:translate(-50%,-50%)}.orbit-preview-card{animation:orbit-preview-cycle 9.6s infinite both;animation-delay:var(--orbit-delay);aspect-ratio:9/16;background:#05070cad;border:1px solid rgba(0,229,255,.5);border-radius:7px;box-shadow:0 0 0 1px #ffffff14,0 0 16px #00e5ff6b,0 14px 36px #00000070;height:7.8rem;margin:0;opacity:0;overflow:hidden}.orbit-preview-card img{height:100%;object-fit:cover;width:100%}.label-pill{animation:orbit-label-cycle 9.6s infinite both;animation-delay:calc(var(--orbit-delay) + 4.55s);background:#05070cbd;border:1px solid rgba(0,229,255,.54);border-radius:6px;box-shadow:0 0 18px #00e5ff3d;color:var(--neon);font-family:var(--font-display);font-size:.68rem;font-weight:900;letter-spacing:.16em;opacity:0;padding:.55rem .85rem;text-transform:uppercase;white-space:nowrap}@keyframes orbit-preview-cycle{0%,3%{opacity:0;transform:translate(-50%,-50%) scale(.7)}8%,42%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%,to{opacity:0;transform:translate(-50%,-50%) scale(.82)}}@keyframes orbit-label-cycle{0%,3%{opacity:0;transform:translate(-50%,-50%) scale(.82)}8%,42%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%,to{opacity:0;transform:translate(-50%,-50%) scale(.88)}}.realms-section,.company-section,.final-cta{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.realms-section{padding-top:clamp(1.75rem,3vw,2.8rem)}.section-heading{display:grid;gap:1rem;margin-bottom:2.8rem}.section-heading.wide{max-width:58rem}.realm-strip{display:grid;gap:1rem;grid-auto-columns:minmax(15rem,20rem);grid-auto-flow:column;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.realm-strip::-webkit-scrollbar{display:none}.realm-card{aspect-ratio:9/16;background:#0a0a0a85;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 26px 70px #00000047;color:inherit;display:block;overflow:hidden;position:relative;scroll-snap-align:start}.realm-card:focus-visible{border-color:#00e5ffb3;box-shadow:0 0 0 2px #00e5ff3d,0 26px 70px #00000047;outline:0}.realm-card img,.realm-card video{height:100%;inset:0;object-fit:cover;opacity:.62;position:absolute;transition:opacity .24s ease,transform .5s ease;width:100%}.realm-card video{background:#05070cdb;opacity:.52}.realm-card video[data-preview-ready=true]{opacity:.62}.realm-card:hover img,.realm-card:hover video{opacity:.96;transform:scale(1.04)}.realm-card:hover video:not([data-preview-ready=true]){opacity:.68}.realm-overlay{background:linear-gradient(to top,#000000eb,#00000014);display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:1.4rem;position:absolute}.realm-overlay header{align-items:flex-start;display:flex;justify-content:space-between}.realm-overlay header span,.ai-note span,.advisor-label{background:#00e5ff1f;border:1px solid rgba(0,229,255,.28);border-radius:6px;color:var(--neon);font-family:var(--font-display);font-size:.58rem;font-weight:900;letter-spacing:.12em;padding:.35rem .55rem;text-transform:uppercase}.realm-overlay header small{color:#ffffff73;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.realm-overlay h3{color:#fff;font-family:var(--font-display);font-size:1.45rem;margin:0 0 .65rem}.realm-overlay p{color:#e2f5faad;font-size:1rem;font-weight:400;line-height:1.52;margin:0 0 1rem}.realm-open-pill{align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--neon);display:inline-flex;font-family:var(--font-display);font-size:.7rem;font-weight:900;height:2.45rem;justify-content:center;text-transform:uppercase;width:4.6rem}.ai-note{align-items:flex-start;background:#00e5ff0b;border:1px solid rgba(0,229,255,.16);border-radius:12px;display:flex;gap:1.2rem;margin-top:2.4rem;max-width:48rem;padding:1.5rem}.ai-note p{color:#e2f5faa8;font-size:1.02rem;font-weight:400;line-height:1.64;margin:0}.founder-card,.advisor-list article{background:#0a0a0a85;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 24px 70px #0003}.company-section{border-top:1px solid rgba(255,255,255,.06)}.company-grid{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr) minmax(18rem,.95fr)}.founder-card{padding:clamp(1.5rem,4vw,3rem)}.founder-card h3{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 .4rem}.founder-card>span{color:var(--neon);display:block;font-family:var(--font-display);font-size:.68rem;font-weight:900;letter-spacing:.12em;margin-bottom:2rem;text-transform:uppercase}.founder-card p{color:#e2f5faad;font-size:1.06rem;font-weight:400;line-height:1.66;margin:0;max-width:56rem}.advisor-list{display:grid;gap:.75rem}.advisor-label{background:transparent;border-color:transparent;color:#ffffff6b;padding-left:0}.advisor-list article{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.2rem}.advisor-list strong{font-size:.92rem}.advisor-list article span{color:#ffffff73;font-size:.68rem;letter-spacing:.08em;text-align:right;text-transform:uppercase}.final-cta{align-items:center;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;text-align:center}.final-cta h2{max-width:58rem}.final-cta p{margin:2rem auto;max-width:48rem}.home-footer{align-items:center;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:4rem clamp(1.25rem,5vw,4rem);text-align:center}.home-footer strong{font-size:2rem}.home-footer p{color:#e2f5faa8;font-size:1.08rem;font-style:italic;font-weight:400;line-height:1.62;margin:1.6rem 0 2rem;max-width:40rem}.home-footer div{align-items:center;color:#ffffff80;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:.18em;margin-bottom:2.5rem;text-transform:uppercase}.home-footer a:hover{color:var(--neon)}.home-footer small{color:#ffffff61}@media(max-width:1100px){.home-nav{align-items:flex-start;flex-wrap:wrap}.nav-links{flex:1 1 100%;justify-content:center;order:3}.home-hero{grid-template-columns:1fr;gap:3rem;padding-top:10rem}.hero-copy{max-width:44rem}.hero-copy h1{font-size:4.35rem}.hero-visual{min-height:31rem}.logo-engine{width:min(34rem,92vw)}.orbit-preview-card{height:6.6rem;width:auto}.label-pill{font-size:.58rem;padding:.46rem .7rem}.company-grid{grid-template-columns:1fr}}@media(max-width:720px){.home-nav{gap:.85rem;padding:.8rem .9rem}.brand-lockup{min-width:auto}.brand-copy strong{font-size:1rem}.early-access-button{display:none}.nav-links{gap:.7rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a,.nav-links button{flex:0 0 auto;font-size:.58rem}.home-hero{gap:2rem;min-height:auto;padding-top:10.5rem}.hero-copy h1{font-size:3.2rem}.hero-lede{font-size:1.08rem}.hero-actions{gap:.8rem}.primary-action,.secondary-action{min-width:min(100%,18rem)}.hero-visual{min-height:23rem}.logo-engine{width:min(24rem,94vw)}.orbit-preview-card{height:5.1rem;width:auto}.label-pill{border-radius:5px;font-size:.48rem;padding:.34rem .5rem}.realm-strip{grid-auto-columns:minmax(16rem,80vw)}.ai-note,.advisor-list article{flex-direction:column}.advisor-list article{align-items:flex-start}.advisor-list article span{text-align:left}.home-footer div{flex-direction:column}}.gallery-root{background:var(--background);color:var(--foreground);min-height:100vh;min-height:100dvh;position:relative}.gallery-backdrop,.grid-bg{inset:0;pointer-events:none;position:fixed}.gallery-backdrop{background:linear-gradient(90deg,#060409eb,#080a12b3,#060409e6),radial-gradient(circle at 12% 18%,rgba(255,191,71,.2),transparent 26%),radial-gradient(circle at 88% 8%,rgba(244,92,255,.18),transparent 24%),radial-gradient(circle at 50% 86%,rgba(0,229,255,.16),transparent 32%),var(--active-image);background-position:center;background-size:cover;filter:blur(18px) saturate(115%);opacity:.62;transform:scale(1.05)}.grid-bg{background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;opacity:.2}.viewer-page{min-height:100vh;min-height:100dvh;padding:1.25rem;position:relative;z-index:2}.top-dock{margin:0 auto 1rem;max-width:1120px;position:relative;z-index:130}.prototype-menu{display:grid;gap:.8rem;grid-template-columns:minmax(9.75rem,auto) repeat(2,minmax(0,1fr)) minmax(10rem,auto);width:100%}.prototype-button,.experience-button,.main-link-button,.mobile-action-button,.icon-button,.segmented-button,.command-button,.realm-trigger,.realm-option,.thumbnail-button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.prototype-button{align-items:center;background:#05070cad;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);color:#ffffffb8;display:grid;gap:.75rem;grid-template-columns:2.6rem minmax(0,1fr);min-height:4.2rem;padding:.75rem .9rem;text-align:left}.prototype-icon,.button-icon,.mini-icon{align-items:center;color:var(--neon);display:inline-flex;font-family:var(--font-display);font-size:.68rem;font-weight:900;justify-content:center;letter-spacing:0}.prototype-button small,.prototype-button strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prototype-button small{color:#00e5ffb8;font-family:var(--font-display);font-size:.58rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.prototype-button strong{color:#fff;font-family:var(--font-display);font-size:.86rem;font-weight:900}.prototype-button:hover,.prototype-button.is-active{background:#00e5ff1a;border-color:#00e5ff80;box-shadow:0 0 22px #00e5ff14}.prototype-button.is-active{transform:translateY(-1px)}.experience-button{align-items:center;background:#05070cad;border:1px solid rgba(0,229,255,.36);border-radius:var(--radius);color:#fff;display:inline-flex;font-family:var(--font-display);font-size:.72rem;font-weight:900;gap:.5rem;justify-content:center;min-height:4.2rem;min-width:10rem;padding:.8rem 1rem;text-transform:uppercase}.experience-button:hover{background:#00e5ff1f;border-color:#00e5ff9e}.main-link-button{align-items:center;background:#05070cad;border:1px solid rgba(0,229,255,.28);border-radius:var(--radius);color:#fff;display:inline-flex;font-family:var(--font-display);font-size:.72rem;font-weight:900;gap:.5rem;justify-content:center;min-height:4.2rem;min-width:9.75rem;padding:.8rem 1rem;text-decoration:none;text-transform:uppercase}.main-link-button:hover{background:#00e5ff1f;border-color:#00e5ff9e}.mobile-gallery-toolbar{display:none}.viewer-shell{display:grid;gap:1rem;grid-template-columns:minmax(180px,260px) minmax(0,1fr) minmax(250px,330px);margin:0 auto;max-width:1720px;min-height:calc(100vh - 7.1rem)}.media-rail,.control-panel,.viewer-main{background:#05070cad;border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 80px #00000042;min-width:0}.media-rail,.control-panel,.viewer-main,.kaleidoscope-stage,.floating-card-stage,.empty-stage{border-radius:var(--radius)}.media-rail{overflow:visible}.viewer-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:620px;padding:1rem}.rail-heading,.panel-heading{align-items:center;background:#ffffff0a;color:#ffffffc7;display:flex;font-family:var(--font-display);font-size:.75rem;font-weight:800;gap:.5rem;padding:.9rem 1rem;text-transform:uppercase}.realm-picker{background:#ffffff09;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:.55rem;padding:.9rem;position:relative;z-index:150}.realm-label{color:#00e5ffb8;font-family:var(--font-display);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.realm-trigger{align-items:center;background:linear-gradient(135deg,#00e5ff1a,#ffbf470b),#080a12e0;border:1px solid rgba(0,229,255,.42);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #00e5ff14;color:#fff;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto;min-height:3.4rem;padding:.7rem .75rem;text-align:left;width:100%}.realm-trigger:hover,.realm-trigger.is-open{background:linear-gradient(135deg,#00e5ff29,#ffbf470f),#080a12f0;border-color:#00e5ffb8}.chevron{color:var(--neon);font-family:var(--font-display);font-weight:900}.realm-trigger.is-open .chevron{transform:rotate(180deg)}.realm-trigger-copy,.realm-option-copy{display:grid;min-width:0}.realm-trigger-copy strong,.realm-option-copy strong{color:#fff;font-family:var(--font-display);font-size:.78rem;font-weight:900;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-trigger-copy small,.realm-option-copy small{color:#00e5ffa8;font-size:.68rem;font-weight:800;margin-top:.2rem}.realm-menu{background:linear-gradient(180deg,#0b0d14fa,#05070cfa),#05070cfa;border:1px solid rgba(0,229,255,.42);border-radius:var(--radius);box-shadow:0 24px 70px #0000009e,0 0 28px #00e5ff29;display:grid;gap:.45rem;left:.9rem;max-height:min(540px,100vh - 11rem);overflow:auto;padding:.5rem;position:absolute;right:.9rem;scrollbar-color:rgba(0,229,255,.52) rgba(255,255,255,.08);top:calc(100% - .2rem);z-index:220}.realm-option{align-items:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);color:#ffffffbd;display:grid;gap:.65rem;grid-template-columns:48px minmax(0,1fr) 1.4rem;min-height:64px;padding:.45rem;text-align:left;width:100%}.realm-option:hover,.realm-option.is-selected{background:#00e5ff1f;border-color:#00e5ff94}.realm-option>img,.realm-option-fallback{aspect-ratio:1;border:1px solid rgba(0,229,255,.24);border-radius:7px;height:48px;object-fit:cover;width:48px}.realm-option-fallback{align-items:center;background:#00e5ff14;color:var(--neon);display:flex;font-family:var(--font-display);font-size:.58rem;font-weight:900;justify-content:center}.checkmark{color:var(--neon);font-family:var(--font-display);font-size:.58rem;font-weight:900;justify-self:center}.thumbnail-list{display:grid;gap:.7rem;max-height:calc(100vh - 11rem);overflow:auto;padding:.9rem;scrollbar-width:none}.thumbnail-list::-webkit-scrollbar{display:none}.thumbnail-button{align-items:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);color:#ffffffc2;display:grid;gap:.6rem;grid-template-columns:56px minmax(0,1fr);min-height:72px;overflow:hidden;padding:.45rem;text-align:left}.thumbnail-button:hover,.thumbnail-button.is-active{background:#00e5ff1a;border-color:#00e5ff80;color:#fff}.thumbnail-button.is-active{transform:translate(2px)}.thumbnail-button img{aspect-ratio:1;border-radius:6px;height:56px;object-fit:cover;width:56px}.thumbnail-button span{display:-webkit-box;font-size:.72rem;font-weight:700;line-height:1.15;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.active-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.2rem .25rem 1rem}.active-meta h2{font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,2.8rem);font-weight:900;line-height:.98;margin:0;max-width:760px}.eyebrow{color:color-mix(in oklch,var(--neon) 74%,white 26%);font-family:var(--font-display);font-size:.7rem;font-weight:900;letter-spacing:.22em;margin:0 0 .45rem;text-transform:uppercase}.selected-image{color:#00e5ffbf;font-size:.78rem;font-weight:800;margin:.5rem 0 0}.quick-actions{display:flex;flex-shrink:0;gap:.55rem}.icon-button{align-items:center;aspect-ratio:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#fff;display:inline-flex;font-family:var(--font-display);font-size:.72rem;font-weight:900;justify-content:center;width:2.8rem}.icon-button:hover{background:#00e5ff21;border-color:#00e5ff7a}.kaleidoscope-stage,.floating-card-stage,.empty-stage{border:1px solid rgba(255,255,255,.08);min-height:0;overflow:hidden;position:relative}.kaleidoscope-stage{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 45%),linear-gradient(135deg,#ffbf4714,#f45cff0f,#00e5ff14);display:flex;justify-content:center}.kaleidoscope-stage:after{border:1px solid rgba(255,255,255,.18);border-radius:999px;content:"";height:min(86%,820px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(86%,820px)}.kaleidoscope-canvas{border-radius:999px;display:block;max-height:86%;max-width:86%}.kaleidoscope-state{align-items:center;background:#05070cc7;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#ffffffb8;display:flex;font-size:.82rem;justify-content:center;min-height:3rem;min-width:10rem;padding:.85rem 1rem;position:absolute}.floating-card-stage{background:linear-gradient(90deg,#03050aad,#04080e2e,#03050aa8),linear-gradient(180deg,#ffbf471a,#00e5ff14),var(--scene-image);background-position:center;background-size:cover}.floating-card-stage:before{background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 18%,transparent 82%,rgba(0,0,0,.6)),linear-gradient(180deg,rgba(0,0,0,.5),transparent 24%,transparent 76%,rgba(0,0,0,.62));content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.floating-card-stage:after{border:1px solid rgba(0,229,255,.18);border-radius:var(--radius);box-shadow:inset 0 0 32px #00e5ff14;content:"";inset:.75rem;pointer-events:none;position:absolute;z-index:90}.floating-card-haze{background:#05070c2e;inset:0;pointer-events:none;position:absolute;z-index:1}.floating-card{appearance:none;background:transparent;border:0;margin:0;opacity:var(--card-opacity);padding:0;position:absolute;width:var(--card-width);will-change:transform;backface-visibility:hidden;contain:layout paint style}.floating-card.aspect-portrait{aspect-ratio:9/16}.floating-card.aspect-native{aspect-ratio:auto}.floating-card.is-paused{animation-play-state:paused}.floating-card-frame{background:#05070c8f;border:1px solid rgba(0,229,255,.82);border-radius:18px;box-shadow:0 0 0 1px #ffffff14,0 0 14px #00e5ff3d,0 18px 38px #0000006b;display:block;height:100%;min-height:0;overflow:hidden;padding:.18rem;transform:translateZ(0)}.aspect-native .floating-card-frame{height:auto}.floating-card-frame img{border-radius:15px;display:block;height:100%;object-fit:cover;transform:translateZ(0);width:100%}.aspect-native .floating-card-frame img{height:auto;object-fit:contain}.fly-horizontal{animation:floating-card-horizontal var(--card-duration) linear infinite;animation-delay:var(--card-delay);top:var(--card-y)}.fly-vertical{animation:floating-card-vertical var(--card-duration) linear infinite;animation-delay:var(--card-delay);left:var(--card-x)}@keyframes floating-card-horizontal{0%{transform:translate3d(calc(-28vw - var(--card-width)),-50%,0) rotate(var(--card-rotate))}to{transform:translate3d(calc(88vw + var(--card-width)),-50%,0) rotate(calc(var(--card-rotate) * -1))}}@keyframes floating-card-vertical{0%{transform:translate3d(-50%,calc(34vh + var(--card-width)),0) rotate(var(--card-rotate))}to{transform:translate3d(-50%,calc(-86vh - var(--card-width)),0) rotate(calc(var(--card-rotate) * -1))}}.empty-stage{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(0,229,255,.08),transparent 44%),#05070c94;color:#ffffffad;display:flex;flex-direction:column;gap:.55rem;justify-content:center;padding:2rem;text-align:center}.empty-stage h3{color:#fff;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.75rem);font-weight:900;margin:0}.empty-stage p{font-size:.82rem;margin:0;max-width:30rem}.empty-icon{color:var(--neon);font-family:var(--font-display);font-weight:900}.segmented-control{background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);display:grid;gap:.35rem;grid-template-columns:1fr 1fr;padding:.35rem}.segmented-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:#ffffffb3;display:inline-flex;font-family:var(--font-display);font-size:.62rem;font-weight:900;gap:.4rem;justify-content:center;min-height:2.25rem;padding:.5rem;text-transform:uppercase}.segmented-button.is-active{background:#00e5ff21;border-color:#00e5ff6b;color:#fff}.control-panel{max-height:calc(100vh - 7.25rem);overflow:auto}.panel-section{border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:.85rem;padding:1rem}.panel-section:last-child{border-bottom:0}.control-row,.field-label{color:#ffffffb8;display:grid;font-size:.76rem;font-weight:700;gap:.45rem}.control-row{align-items:center;grid-template-columns:5.5rem minmax(0,1fr) 3rem}.control-row strong{color:#fff;font-size:.72rem;text-align:right}input,select,textarea{background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#fff;min-height:2.6rem;outline:none;padding:.65rem .75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:#00e5ff9e;box-shadow:0 0 0 3px #00e5ff1f}select{appearance:none;background:linear-gradient(135deg,#00e5ff1a,#ffbf470b),#080a12eb}select option{background:#080a12;color:#fff}input[type=range]{accent-color:var(--neon);min-height:auto;padding:0}textarea{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;min-height:8rem;resize:vertical}.command-button{align-items:center;background:linear-gradient(135deg,#00e5ff2e,#ffbf471f);border:1px solid rgba(0,229,255,.32);border-radius:var(--radius);color:#fff;display:inline-flex;font-family:var(--font-display);font-size:.72rem;font-weight:900;gap:.5rem;justify-content:center;min-height:2.75rem;padding:.65rem .85rem;text-transform:uppercase}.command-button:hover{background:linear-gradient(135deg,#00e5ff47,#ffbf472e)}.experience-mode .viewer-page{height:100vh;height:100dvh;min-height:0;overflow:hidden;padding:.75rem}.experience-mode .top-dock{left:50%;margin:0;max-width:min(860px,100vw - 2rem);opacity:.88;position:fixed;top:.75rem;transform:translate(-50%);transition:opacity .16s ease;width:min(860px,100vw - 2rem)}.experience-mode .top-dock:hover,.experience-mode .top-dock:focus-within{opacity:1}.experience-mode .prototype-button,.experience-mode .experience-button,.experience-mode .main-link-button{min-height:3.1rem}.experience-mode .prototype-menu{grid-template-columns:minmax(9.75rem,auto) repeat(2,minmax(0,1fr)) minmax(8.5rem,auto)}.experience-mode .prototype-button small,.experience-mode .media-rail,.experience-mode .control-panel{display:none}.viewer-shell-experience{grid-template-columns:minmax(0,1fr);height:calc(100vh - 1.5rem);height:calc(100dvh - 1.5rem);max-width:none;min-height:0}.experience-mode .viewer-main{background:#05070c5c;border-color:#00e5ff2e;box-shadow:none;display:block;height:100%;min-height:calc(100vh - 1.5rem);min-height:calc(100dvh - 1.5rem);overflow:hidden;padding:0;position:relative}.experience-mode .active-meta{padding:0;position:absolute;right:1.1rem;top:4.35rem;z-index:140}.experience-mode .active-meta>div:first-child{display:none}.experience-mode .kaleidoscope-stage,.experience-mode .floating-card-stage,.experience-mode .empty-stage{border:0;height:100%;min-height:0}@media(min-width:3000px){.floating-card{animation-duration:calc(var(--card-duration) * 1.2)}.floating-card-frame{box-shadow:0 0 0 1px #ffffff14,0 0 10px #00e5ff2e,0 12px 26px #00000057}}@media(max-width:1180px){.viewer-shell{grid-template-columns:minmax(0,1fr) minmax(250px,320px)}.media-rail{grid-column:1/-1;min-height:138px}.thumbnail-list{display:flex;max-height:none;overflow-x:auto;padding-bottom:1rem}.thumbnail-button{flex:0 0 210px}}@media(max-width:820px){.viewer-page{padding:1rem}.top-dock{display:none}.mobile-gallery-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#00e5ff1f,#ffbf470b),#05070cdb;border:1px solid rgba(0,229,255,.28);border-radius:var(--radius);box-shadow:0 20px 50px #00000057,0 0 22px #00e5ff14;display:grid;gap:.7rem;margin:0 0 .85rem;max-width:100%;overflow:hidden;padding:.75rem;position:sticky;top:.65rem;z-index:170}.mobile-select-grid,.mobile-tool-grid{display:grid;gap:.65rem;grid-template-columns:1fr 1fr}.mobile-select-field,.mobile-range-field{color:#ffffffb8;display:grid;font-size:.68rem;font-weight:800;gap:.35rem;min-width:0}.mobile-select-field>span,.mobile-range-field>span{color:#00e5ffb8;font-family:var(--font-display);font-size:.56rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.mobile-select-field select{color:#fff;font-family:var(--font-display);font-size:.68rem;font-weight:900;min-height:2.85rem;min-width:0;overflow:hidden;padding-right:1.8rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mobile-action-row{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-action-button,.mobile-tool-drawer summary{align-items:center;background:#05070cb8;border:1px solid rgba(0,229,255,.28);border-radius:var(--radius);color:#fff;display:inline-flex;font-family:var(--font-display);font-size:clamp(.52rem,2.2vw,.62rem);font-weight:900;justify-content:center;line-height:1.1;min-height:2.8rem;min-width:0;padding:.55rem .45rem;text-align:center;text-transform:uppercase;width:100%}.mobile-action-button:hover,.mobile-tool-drawer summary:hover{background:#00e5ff1f;border-color:#00e5ff94}.mobile-tool-drawer{display:grid;gap:.65rem}.mobile-tool-drawer summary{cursor:pointer;list-style:none}.mobile-tool-drawer summary::-webkit-details-marker{display:none}.mobile-tool-drawer[open] summary{background:#00e5ff21;border-color:#00e5ff85;margin-bottom:.65rem}.experience-button,.main-link-button{min-height:3.2rem}.viewer-shell{grid-template-columns:1fr}.viewer-main{min-height:560px}.control-panel{max-height:none}.experience-mode .viewer-page{padding:.5rem}.experience-mode .mobile-gallery-toolbar{left:.5rem;margin:0;position:fixed;right:.5rem;top:.5rem}.viewer-shell-experience,.experience-mode .viewer-main,.experience-mode .kaleidoscope-stage,.experience-mode .floating-card-stage,.experience-mode .empty-stage{height:calc(100vh - 1rem);height:calc(100dvh - 1rem);min-height:0}.experience-mode .active-meta{display:none}}@media(max-width:520px){.prototype-menu,.mobile-select-grid,.mobile-tool-grid,.mobile-action-row{grid-template-columns:1fr}.active-meta{align-items:flex-start;flex-direction:column}.quick-actions{align-self:flex-start}.viewer-main{min-height:520px;padding:.75rem}.experience-mode .viewer-main{padding:0}}