:root{--bg: #050505;--panel: rgba(255,255,255,.04);--line: rgba(255,255,255,.12);--text: rgba(255,255,255,.94);--muted: rgba(255,255,255,.65);--blue: #6ee7ff;--purple: #8b7dff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(90,120,255,.1),transparent 25%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0,transparent 35%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 20%),var(--bg)}.top-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:16px 24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0505058c;border-bottom:1px solid var(--line)}.top-nav--safe{position:fixed;left:0;right:0;top:0;z-index:30;display:grid;grid-template-columns:1fr;place-items:center;gap:0;padding:calc(env(safe-area-inset-top,0px) + 10px) 0 10px;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-bottom:none;pointer-events:none}.nav-back-spacer{width:44px;height:44px}.nav-back{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffdb;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-back:hover{background:#ffffff0f;border-color:#ffffff2e}.nav-back--center{pointer-events:auto;border:none;background:transparent;border-radius:999px;width:44px;height:44px;opacity:.9}.nav-back--center:hover{background:transparent;opacity:1}.nav-back:active{transform:translateY(1px)}.nav-back-icon{font-size:16px;line-height:1}.top-nav nav{display:flex;gap:16px;font-size:12px;letter-spacing:.18em}.brand,.eyebrow{letter-spacing:.18em;text-transform:uppercase}.brand{font-weight:700}.eyebrow{color:var(--muted);font-size:12px}.section{position:relative;padding:96px 24px;overflow:clip}.section-head{margin-bottom:28px}.section-head h2{margin:8px 0 0;font-size:clamp(28px,4vw,48px)}.scroll-indicator{display:inline-flex;gap:8px;align-items:center;margin-top:22px;padding:10px 14px;border:1px solid var(--line);background:#ffffff08}.corner{position:absolute;font-size:11px;color:#ffffff8a;letter-spacing:.16em}.corner-tl{top:calc(var(--hud-safe-top, 0px) + 22px);left:22px}.corner-tr{top:calc(var(--hud-safe-top, 0px) + 22px);right:22px}.corner-bl{bottom:22px;left:22px}.corner-br{bottom:22px;right:22px}.global-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}:root{--top-nav-h: 56px;--hud-safe-top: calc(var(--top-nav-h) + 18px)}.global-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.global-bg-grid,.global-topography{position:absolute;top:0;right:0;bottom:0;left:0}.global-bg-grid{background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 82%);mask-image:radial-gradient(circle at center,black 30%,transparent 82%);opacity:.4}.global-topography{background:radial-gradient(circle at 20% 20%,rgba(110,231,255,.08),transparent 20%),radial-gradient(circle at 80% 70%,rgba(139,125,255,.1),transparent 18%)}.global-topography:before,.global-topography:after{content:"";position:absolute;top:8%;right:6%;bottom:8%;left:6%;border-radius:50%;border:1px solid rgba(255,255,255,.06);filter:blur(.3px)}.global-topography:after{top:16%;right:12%;bottom:16%;left:12%;transform:scaleY(.7) rotate(-8deg)}.scene-shell,.scene-stage,.scene{height:100vh;overflow:hidden}.scene-fit.section{height:100vh;padding:76px 24px 24px}.scene-fit.detail-section{display:block}.reveal-stack{position:relative}.reveal-layer{position:absolute;top:0;right:0;bottom:0;left:0}.hero-backdrop-layer{z-index:1}.selection-layer{z-index:2;-webkit-mask-image:url(/assets/hero/planet-svg.svg);mask-image:url(/assets/hero/planet-svg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:calc(32vmin * var(--maskScale, 1));mask-size:calc(32vmin * var(--maskScale, 1))}.fill-layer{z-index:3;background:#fff;-webkit-mask-image:url(/assets/hero/planet-svg.svg);mask-image:url(/assets/hero/planet-svg.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:calc(32vmin * var(--maskScale, 1));mask-size:calc(32vmin * var(--maskScale, 1));mix-blend-mode:screen}.hero-copy-layer{z-index:4}.hero-visual-layer{z-index:5}.hero-copy-safe{position:absolute;left:50%;top:96px;transform:translate(-50%);width:min(760px,92vw);z-index:6}.hero-logo-hit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;background:transparent;cursor:pointer;z-index:10;pointer-events:auto}.hero-logo-hit:hover{filter:brightness(1.02)}.nav-hint{font-size:11px;letter-spacing:.18em;color:#ffffff8c}.scene-transition{display:grid;place-items:center;height:100vh;padding:24px}.transition-card{width:min(520px,92vw);border:1px solid var(--line);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px;box-shadow:0 0 80px color-mix(in srgb,var(--accent) 22%,transparent)}.transition-badge{font-size:12px;letter-spacing:.18em;color:#ffffff9e}.transition-title{margin-top:10px;font-size:44px;line-height:1.05}.hero-hint{margin-top:16px;color:#fff9;font-size:12px;letter-spacing:.12em}.detail-stage{height:100%;display:grid;grid-template-columns:var(--leftColumnWidth, 1.05fr) var(--rightColumnWidth, .95fr);gap:var(--contentGap, 24px);max-width:var(--contentMaxWidth, 1400px);margin:0 auto;padding:0 var(--safeSidePadding, 24px);transform:translate(var(--contentXOffset, 0px))}.detail-right .entity-switcher{position:sticky;bottom:18px;z-index:5;padding-top:10px;background:linear-gradient(180deg,#0000,#00000059 45%,#0000008c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-left-stage{height:100%;pointer-events:none}.detail-left-stage .variant-overlay,.detail-left-stage .variant-overlay *{pointer-events:auto}.scene-detail .detail-left,.scene-detail .detail-right{border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.detail-left{height:100%;display:flex;flex-direction:column;padding:0}.detail-right{height:100%;display:flex;flex-direction:column;gap:12px;padding:0}.scene-detail .scene-fit.section{height:100vh;overflow:hidden}.detail-stage{height:100%;min-height:0}.detail-left-stage,.detail-right{min-height:0}.detail-feed-shell{flex:1;min-height:0;display:flex;flex-direction:column;transform-style:preserve-3d;backface-visibility:hidden}.detail-feed-scroll{flex:1;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:none;-ms-overflow-style:none}.detail-feed-scroll::-webkit-scrollbar{width:0;height:0;display:none}.entity-switcher{margin-top:0}.hero-section{min-height:100vh;display:grid;place-items:center;text-align:center}.hero-bg-grid,.hero-topography{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-bg-grid{background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 82%);mask-image:radial-gradient(circle at center,black 30%,transparent 82%);opacity:.4}.hero-topography{background:radial-gradient(circle at 20% 20%,rgba(110,231,255,.08),transparent 20%),radial-gradient(circle at 80% 70%,rgba(139,125,255,.1),transparent 18%)}.hero-topography:before,.hero-topography:after{content:"";position:absolute;top:8%;right:6%;bottom:8%;left:6%;border-radius:50%;border:1px solid rgba(255,255,255,.06);filter:blur(.3px)}.hero-topography:after{top:16%;right:12%;bottom:16%;left:12%;transform:scaleY(.7) rotate(-8deg)}.planet-wrap{position:relative;width:min(72vw,720px);aspect-ratio:1;display:grid;place-items:center}.planet-core{width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#6ee7ff73 20%,#081024e6 70%),#0a1120;box-shadow:0 0 60px #6ee7ff40,inset -30px -40px 60px #0000008c}.hero-core{position:relative;width:100%;height:100%;display:grid;place-items:center}.hero-planet-media{width:45%;border-radius:50%;overflow:hidden;aspect-ratio:var(--ratio, 1 / 1);box-shadow:0 0 60px #6ee7ff40,inset -30px -40px 60px #0000008c;position:relative;z-index:1}.hero-planet-video{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;pointer-events:none}.ascii-ring{position:absolute;top:10%;right:10%;bottom:10%;left:10%;display:grid;place-items:center;color:#fffc;font-size:clamp(10px,1.2vw,14px);letter-spacing:.2em;text-shadow:0 0 18px rgba(255,255,255,.22),0 0 30px rgba(110,231,255,.15);white-space:nowrap;z-index:2;pointer-events:none}.ring-a{transform:scaleX(1.26) rotate(17deg)}.ring-b{transform:scaleX(1.26) rotate(-17deg);opacity:.58}.hero-copy{max-width:760px;margin-top:8px;padding:0 16px}.hero-copy h1{margin:8px 0 10px;font-size:clamp(48px,8vw,108px);line-height:.96}.hero-text{max-width:680px;margin:0 auto;color:var(--muted);line-height:1.7}.silhouette-section.scene-fit.section{padding-top:calc(var(--hud-safe-top, 0px) + 44px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 44px);display:flex;flex-direction:column;justify-content:center;align-items:center}.silhouette-section .section-head{width:min(980px,92vw);text-align:center;margin-bottom:18px}.silhouette-grid{width:min(1220px,96vw);margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media(max-width:1100px){.silhouette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.silhouette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.silhouette-card{position:relative;min-height:420px;padding:0;border:none;background:transparent;color:var(--text);text-align:left;overflow:hidden;cursor:pointer;border-radius:18px}@media(max-width:1100px){.silhouette-card{min-height:360px}}@media(max-width:640px){.silhouette-card{min-height:300px}}.silhouette-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:transparent;opacity:0;transition:opacity .16s ease}.silhouette-card:hover:before{opacity:1}.silhouette-card:focus-visible:before{opacity:1;box-shadow:0 0 0 1px #ffffff2e inset}.silhouette-card.active:before{opacity:0;box-shadow:none}.silhouette-media{position:absolute;bottom:56px;left:50%;width:72%;height:74%;transform:translate(-50%) scale(1.25);transform-origin:50% 50%;display:grid;place-items:end center;z-index:1}.silhouette-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 20px 60px rgba(0,0,0,.65))}.silhouette-shape{position:absolute;bottom:56px;left:50%;width:66%;height:72%;transform:translate(-50%) scale(1.25);transform-origin:50% 50%;border-radius:42% 42% 28% 28%/28% 28% 20% 20%;background:linear-gradient(180deg,#ffffff1f,#000000eb 38%,#000000eb);box-shadow:inset 0 16px 30px #ffffff14}.entity-code,.silhouette-card strong{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:2;display:block;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.entity-code{bottom:44px;color:#ffffff94;font-size:11px;letter-spacing:.14em}.silhouette-card strong{font-size:16px;font-weight:600}.silhouette-card:hover .entity-code,.silhouette-card:hover strong,.silhouette-card:focus-visible .entity-code,.silhouette-card:focus-visible strong{opacity:1;transform:translate(-50%) translateY(-2px)}.detail-section{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;min-height:100vh}.detail-left,.detail-right{border:1px solid var(--line);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-left{padding:20px}.closeup-frame{position:relative;min-height:68vh;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--accent) 45%,white 6%),transparent 16%),#090909}.scene-detail .closeup-frame{min-height:unset;height:100%;border:none;background:transparent;overflow:hidden}.scene-detail .closeup-bg{opacity:.12}.scene-detail .closeup-video{filter:saturate(1.05) contrast(1.04);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 var(--closeupLeftFade, 10%),#000 100%),linear-gradient(180deg,transparent 0%,#000 var(--closeupTopBottomFade, 14%),#000 calc(100% - var(--closeupTopBottomFade, 14%)),transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 var(--closeupLeftFade, 10%),#000 100%),linear-gradient(180deg,transparent 0%,#000 var(--closeupTopBottomFade, 14%),#000 calc(100% - var(--closeupTopBottomFade, 14%)),transparent 100%);mask-composite:intersect}.scene-detail .closeup-mask{border:none}.scene-detail .closeup-copy{pointer-events:none}.variant-overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}.scene-detail .variant-row{justify-content:flex-start;background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:12px}.closeup-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,black 30%,transparent 100%);mask-image:linear-gradient(90deg,black 30%,transparent 100%);opacity:.35}.closeup-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.04)}.closeup-mask{position:absolute;inset:5% auto 5% 0;width:88%;border-radius:46% 44% 34% 28%/36% 34% 28% 24%;background:radial-gradient(circle at 66% 34%,rgba(255,255,255,.95),rgba(255,255,255,.1) 8%,transparent 9%),linear-gradient(120deg,#ffffff0f,#000000c2 38%,#000000f5 80%);box-shadow:inset -18px -28px 50px #00000080,0 0 80px color-mix(in srgb,var(--accent) 20%,transparent)}.closeup-copy{position:absolute;left:22px;bottom:22px;z-index:1}.closeup-copy h3{margin:6px 0;font-size:clamp(38px,5vw,72px)}.closeup-copy p:last-child{color:var(--muted);max-width:420px}.variant-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.variant-row button,.entity-switcher button{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;cursor:pointer}.variant-row button.active,.entity-switcher button.active{background:#ffffff1f}.detail-right{padding:18px;display:flex;flex-direction:column;gap:18px}.entity-switcher{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.masonry-list{column-count:var(--feedColumns, 2);column-gap:var(--feedColumnGap, 14px)}.masonry-list.compact{column-count:var(--feedColumns, 2)}.masonry-card.feed-card{break-inside:avoid;margin-bottom:var(--feedRowGap, 14px);padding:0;border:none;background:transparent;position:relative}.masonry-list.debug-hitboxes .masonry-card.feed-card{outline:1px solid rgba(0,220,255,.85);outline-offset:-1px}.masonry-list.debug-hitboxes .masonry-card.feed-card .media-shell{outline:1px dashed rgba(255,80,220,.85);outline-offset:-1px}.masonry-card.feed-card{position:relative;transform-origin:center center;transition:transform .18s ease,filter .18s ease;will-change:transform}.masonry-card.feed-card:hover{transform:none;z-index:50;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.media-shell{width:100%;aspect-ratio:var(--ratio, 4 / 5);overflow:hidden;display:grid;place-items:center;background:#ffffff05;border-radius:14px}.media-img{width:100%;height:100%;object-fit:contain;display:block}.media-video{width:100%;height:100%;display:block}.feed-overlay-media{position:relative}.feed-layer{position:absolute;top:0;right:0;bottom:0;left:0}.feed-poster,.feed-hover-video{width:100%;height:100%;object-fit:cover;display:block}.media-placeholder{width:100%;height:100%;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.22);background:linear-gradient(135deg,#ffffff0d,#ffffff03);color:#ffffffb8}.type-video .media-placeholder{min-height:220px}.type-text .media-placeholder{min-height:110px}.feed-meta{position:absolute;left:0;right:0;bottom:-2px;padding:10px 12px 12px;background:linear-gradient(180deg,#0000,#000000b8 55%,#000000e0);border-radius:0 0 14px 14px;pointer-events:none}.overlay-meta{opacity:0;transform:translateY(12px)}.feed-meta h4{margin:0 0 6px;font-size:13px;line-height:1.2}.feed-meta p{margin:0;color:#ffffffb8;font-size:12px;line-height:1.5}.collab-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.collab-left,.collab-right{border:1px solid var(--line);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.collab-list{display:grid;gap:14px}.collab-card{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line)}.logo-box{min-height:84px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.18);letter-spacing:.14em}.planet-mini{position:relative;display:grid;place-items:center;min-height:360px}.mini-ring{position:absolute;width:52%;height:16%;border:1px dashed rgba(255,255,255,.42);border-radius:999px;transform:scaleX(1.5) rotate(16deg);box-shadow:0 0 24px #ffd66e29}.mini-core{width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#6ee7ff73 20%,#081024e6 70%),#0a1120;box-shadow:0 0 60px #6ee7ff40,inset -30px -40px 60px #0000008c}.ending-section{text-align:center}.ending-planet{position:relative;display:grid;place-items:center;min-height:60vh}.ending-ring{position:absolute;width:52%;height:16%;border:1px dashed rgba(255,255,255,.42);border-radius:999px;transform:scaleX(1.5) rotate(16deg);box-shadow:0 0 24px #ffd66e29}.ending-core{width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#6ee7ff73 20%,#081024e6 70%),#0a1120;box-shadow:0 0 60px #6ee7ff40,inset -30px -40px 60px #0000008c}.ending-cast{position:absolute;bottom:14%;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ending-cast span{padding:8px 10px;border:1px solid var(--line);background:#ffffff08}.ending-copy h2{margin:8px auto 0;max-width:760px;font-size:clamp(34px,5vw,68px)}@media(max-width:1100px){.silhouette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-section,.collab-section{grid-template-columns:1fr}}@media(max-width:720px){.top-nav{padding:14px 16px}.top-nav nav{gap:10px;font-size:11px}.section{padding:72px 16px}.silhouette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masonry-list,.masonry-list.compact{column-count:1}.collab-card{grid-template-columns:1fr}.corner{font-size:10px}}