.glass-hero{--glass-muted:#a5abb3;background:var(--paper);height:100svh;min-height:560px;position:relative}.glass-hero button{color:inherit;background:0 0;border:0;padding:0}.glass-header,.glass-dialog-header{padding:20px var(--gutter);z-index:8;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.glass-wordmark{min-width:44px;font:500 21px/1 var(--display);letter-spacing:-.04em;align-items:center;display:inline-flex}.glass-header nav{align-items:center;gap:32px;font-size:12px;display:flex}.glass-header a,.glass-dialog-header a,.glass-dialog-header button{align-items:center;min-height:44px;display:inline-flex}.glass-header a:hover,.glass-dialog-header a:hover,.glass-dialog-header button:hover{opacity:.65}.glass-composition,.glass-canvas{width:100%;height:100%;position:absolute;inset:0}.glass-composition{z-index:2;pointer-events:none;transition:opacity .5s}.glass-canvas{z-index:1;pointer-events:none}.glass-intro{text-align:center;position:absolute;top:17%;left:0;right:0}.glass-eyebrow{letter-spacing:.035em;color:var(--glass-muted);margin-bottom:18px;font-size:10px}.glass-intro h1{font:500 clamp(26px,2.45vw,38px)/1.22 var(--display);letter-spacing:-.03em}.glass-intro h1 span{color:var(--glass-muted)}.glass-worlds{justify-content:space-between;gap:60px;width:min(850px,78vw);display:flex;position:absolute;top:39%;left:50%;transform:translate(-50%)}.glass-world{width:clamp(210px,23vw,330px);position:relative}.glass-orb-hit{aspect-ratio:1;pointer-events:auto;touch-action:none;cursor:grab;outline-offset:12px;border-radius:50%;width:100%;display:block}.glass-orb-hit:active{cursor:grabbing}.glass-project-label{pointer-events:auto;justify-content:center;align-items:flex-start;min-width:80px;min-height:44px;margin:25px auto 0;display:flex}.glass-project-label img{object-fit:contain;width:auto;max-width:94px;height:17px}.glass-project-label:hover{opacity:.65}.glass-world-syne .glass-project-label img{filter:invert()}.glass-baseline{left:var(--gutter);right:var(--gutter);text-align:center;color:var(--glass-muted);font-size:11px;position:absolute;bottom:34px}.glass-fallback{object-fit:cover;border-radius:50%;width:100%;height:100%}.glass-hero:is([data-phase=entering],[data-phase=reading],[data-phase=leaving]) .glass-composition{opacity:0}.glass-hero:is([data-phase=entering],[data-phase=reading],[data-phase=leaving]) .glass-canvas{z-index:30;background:var(--paper);position:fixed}.glass-dialog{--glass-toolbar-height:84px;width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.glass-dialog::backdrop{background:0 0}.glass-dialog-header{z-index:4;height:var(--glass-toolbar-height);background:var(--paper);font-size:12px}.glass-dialog-header nav{align-items:center;gap:28px;display:flex}.glass-dialog-header nav a{color:var(--subtle)}.glass-project-view{inset:var(--glass-toolbar-height) 0 0;position:absolute}.glass-project-view:focus{outline:none}.glass-project-portal{transform-origin:0 0;opacity:0;pointer-events:none;position:absolute;inset:0}.glass-project-frame{transform-origin:0 0;background:var(--paper);border:0;width:100%;height:100%;display:block}.glass-hero[data-phase=reading] .glass-project-portal{opacity:1;pointer-events:auto}.glass-project-status{z-index:3;background:var(--paper);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:12px;display:flex;position:absolute;inset:auto 20px 20px}.glass-project-status a{text-underline-offset:5px;min-height:44px;color:var(--subtle);align-items:center;text-decoration:underline;display:inline-flex}@media (min-width:1500px){.glass-worlds{top:36%}}@media (max-height:700px) and (min-width:701px){.glass-intro{top:16%}.glass-worlds{top:36%}.glass-world{width:28vh}.glass-project-label{margin-top:16px}}@media (max-width:700px){.glass-header,.glass-dialog-header{padding:15px 20px}.glass-wordmark{font-size:20px}.glass-header nav{gap:24px;font-size:11px}.glass-intro{top:15%}.glass-intro h1{font-size:25px}.glass-eyebrow{margin-bottom:14px;font-size:9px}.glass-worlds{gap:0;width:80%;height:46%;top:35%;left:50%}.glass-world{width:min(45vw,205px);position:absolute}.glass-world-rack{top:0;left:0}.glass-world-syne{bottom:0;right:0}.glass-project-label{margin-top:14px}.glass-project-label img{height:14px}.glass-baseline{font-size:10px;bottom:28px}.glass-dialog{--glass-toolbar-height:74px}.glass-dialog-header{font-size:11px}.glass-dialog-header nav{gap:20px}}@media (max-width:700px) and (max-height:740px){.glass-intro{top:14%}.glass-intro h1{font-size:22px}.glass-worlds{height:43%;top:33%}.glass-world{width:38vw}}@media (max-width:380px){.glass-dialog-header .glass-wordmark{font-size:17px}.glass-dialog-header nav{gap:14px}}@media (prefers-reduced-motion:reduce){.glass-composition{transition:none}}.glass-project-view{overflow:hidden}.glass-hero:not([data-matched=true]) .glass-project-view,.glass-hero[data-phase=leaving] .glass-project-view{overflow:visible}.glass-hero[data-phase=preparing] :is(.glass-project-label,.glass-baseline){opacity:0}@media (prefers-reduced-motion:no-preference){.glass-hero[data-renderer=ready][data-frame-state=loading] .glass-project-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}}