/* A living portfolio, with high DPI rendering and an independent control strip. */
.universe-project{min-width:0}.universe-window{border:1px solid #d6b77b48;border-radius:12px;overflow:hidden;background:#05070b;box-shadow:0 30px 90px #0003;position:relative;isolation:isolate}.universe-window:before{content:'';position:absolute;inset:0;z-index:5;border-radius:12px;pointer-events:none;box-shadow:inset 0 1px #ffe4aa15}.universe-window-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#101916;border-bottom:1px solid #cdb68325;padding:15px 22px;position:relative;z-index:4;min-height:59px}.window-identity{display:flex;align-items:center;gap:23px;color:#b8c4bc;font-size:11px}.window-identity .traffic{gap:6px}.window-identity .traffic i{width:6px;height:6px;border-color:#b8c4bc60}.render-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#b7cbb9}.render-label .status-dot{width:5px;height:5px}#universe-control{display:flex;align-items:center;gap:18px;background:#d6b77b0c;border:1px solid #d6b77b59;padding:8px 13px;font-size:10px;border-radius:4px;color:#e9cf9d;transition:background .25s;min-height:36px}#universe-control:hover{background:#d6b77b20}#universe-control svg{width:15px;height:15px}.universe-viewport{position:relative;width:100%;height:clamp(440px,49vw,660px);overflow:hidden;background:#05070b}.universe-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity 1s}.universe-viewport iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;pointer-events:none;opacity:0;transition:opacity 1.1s}.universe-window.ready .universe-poster{opacity:0;pointer-events:none}.universe-window.ready iframe{opacity:1}.universe-window.interactive iframe{pointer-events:auto}.universe-glass{position:absolute;inset:0;background:linear-gradient(0deg,#090e0c95,transparent 23%,transparent 85%,#090e0c20);pointer-events:none;z-index:2;opacity:1;transition:opacity .4s}.universe-window.interactive .universe-glass{opacity:0}.universe-invitation{position:absolute;bottom:25px;left:50%;translate:-50% 0;z-index:3;text-align:center;pointer-events:none;white-space:nowrap;opacity:1;transition:opacity .3s}.universe-invitation>span{font:25px/1.2 var(--serif);color:var(--paper);letter-spacing:-.04em}.universe-invitation small{font-size:9px;color:#abbab0;display:block;margin-top:6px}.universe-window.interactive .universe-invitation{opacity:0}.universe-window-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-top:1px solid #d6b77b20;background:#101916;position:relative;z-index:4}.universe-window-footer p{font-size:10px;color:#bac9bc}.universe-window-footer a{font-size:10px;color:#ddc391;display:flex;align-items:center;gap:12px}.universe-window-footer svg{width:14px;height:14px}.universe-project-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.universe-project .work-caption{padding-bottom:44px}.universe-window.failed #universe-control{display:none}.universe-window.failed .universe-invitation{display:none}.web-scene .scene-globe{box-shadow:inset -24px -26px 70px #080e0b,0 0 100px #689b7128}.web-scene .hero-browser{box-shadow:24px 38px 80px #0009,0 0 70px #76c69b09}.web-scene .scene-orbit{border-color:#9bb78d45}.web-hero .mini-site:after{content:'';position:absolute;inset:-100%;background:linear-gradient(120deg,transparent 38%,#fff1 47%,#fffffa25 50%,transparent 57%);animation:browser-light 12s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes browser-light{0%,25%{transform:translateX(-25%)}65%,100%{transform:translateX(25%)}}
@media(max-width:760px){.universe-window{border-radius:9px}.universe-window-bar{padding:12px;gap:10px;min-height:60px;flex-wrap:wrap}.window-identity{font-size:9px;gap:10px}.window-identity .traffic{display:none}.render-label{font-size:7px;letter-spacing:.06em;gap:5px}.render-label .status-dot{width:4px;height:4px}#universe-control{font-size:9px;padding:8px 10px;gap:8px;min-height:36px;margin-left:auto}.universe-viewport{height:500px}.universe-window-footer{padding:14px 12px;gap:12px;align-items:start;flex-direction:column}.universe-window-footer p{font-size:9px}.universe-window-footer a{font-size:10px}.universe-project .work-caption{display:block}.universe-project-tags{justify-content:start;margin-top:17px;gap:6px}.universe-project-tags .tag{display:block;font-size:8px}.universe-invitation{display:none}.universe-invitation>span{font-size:20px}.universe-invitation small{font-size:8px}.universe-poster{object-fit:cover;object-position:50% 50%}}
@media(max-width:370px){.render-label{display:none}.universe-viewport{height:465px}}
@media(prefers-reduced-motion:reduce){.web-hero .mini-site:after{animation:none}.universe-window *, .universe-window:before{transition:none!important}}
.universe-poster-picture{position:absolute;inset:0;display:block}.universe-poster-picture img{width:100%;height:100%;object-fit:cover}

#universe-control:disabled{opacity:.5;cursor:wait}