.agent-film{isolation:isolate;aspect-ratio:16/9;box-shadow:var(--shadow-e2);background:#05070d;border-radius:24px;position:relative;overflow:hidden}@media (max-width:639px){.agent-film{aspect-ratio:4/5}}.agent-film-world{transform-origin:0 0;background:#0b0f1e url(/images/projects/closia/lp/illus/wallpaper-night-hd.webp) 50%/cover no-repeat;position:absolute;top:0;left:0}.agent-film-world:not([data-menu]) .mb-item{background:0 0}.agent-film .term{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111218e6}.agent-film .pd{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1d1e24ed}.agent-film-term{position:absolute}.agent-film-panel{position:absolute;top:34px}.agent-film-panel .pd{transform-origin:50% 0;width:100%;transition:opacity .3s var(--ease-out), translate .34s var(--ease-out), scale .34s var(--ease-out)}.agent-film-panel[data-hidden] .pd{opacity:0;translate:0 -6px;scale:.98}.agent-film-panel[data-hidden]{visibility:hidden;transition:visibility 0s linear .3s}.agent-film-panel[data-hidden] *{animation-play-state:paused!important}.agent-film .sleep-pill{-webkit-backdrop-filter:none;backdrop-filter:none}.agent-film-cursor{z-index:5;filter:drop-shadow(0 2px 3px #00000059);pointer-events:none;margin:-2px 0 0 -2px;position:absolute;top:0;left:0}.agent-film-vignette{z-index:3;pointer-events:none;background:radial-gradient(120% 95%,#0000 62%,#00000073);position:absolute;inset:0}
.lid-stage{isolation:isolate;aspect-ratio:1136/640;box-shadow:var(--shadow-e2);background:radial-gradient(70% 60% at 50% 60%,#121318,#050506 75%);border-radius:24px;position:relative;overflow:hidden}@media (max-width:479px){.lid-stage{aspect-ratio:350/600}}.lid-poster,.lid-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lid-video{opacity:0;transition:opacity .2s var(--ease-out)}.lid-video[data-ready]{opacity:1}.lid-studio{position:fixed;top:0;left:0}.lid-studio .lid-stage{aspect-ratio:auto;height:100%;box-shadow:none;border-radius:0}body:has(.lid-studio) nextjs-portal{display:none}.lid-mac{opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.lid-mac[data-ready]{opacity:1}.lid-screen{z-index:1;transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.lid-desk{background:#0b0f1e url(/images/projects/closia/lp/illus/wallpaper-dawn.webp) 50% 62%/cover no-repeat;position:relative;overflow:hidden}.lid-notch{z-index:3;background:#000;border-radius:0 0 9px 9px;position:absolute;top:0;left:50%;translate:-50%}.lid-glare{z-index:4;background:linear-gradient(118deg,#ffffff0f 0%,#ffffff04 30%,#0000 48%);position:absolute;inset:0}.lid-off{z-index:5;background:#000;position:absolute;inset:0}.lid-float{z-index:2;transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.lid-fold{opacity:0;transition:grid-template-rows .34s var(--ease-out), opacity .15s var(--ease-out);grid-template-rows:0fr;display:grid}.lid-fold[data-on]{opacity:1;transition:grid-template-rows .34s var(--ease-out), opacity .22s var(--ease-out) .12s;grid-template-rows:1fr}.lid-fold-clip{min-height:0;overflow:hidden}.lid-fold+.pd-row{margin-top:12px}.lid-tick{place-items:center;display:inline-grid}@media (prefers-reduced-motion:no-preference){.lid-tick[data-done]{animation:lid-tick .34s var(--ease-out) both}.lid-status-in{animation:pd-swap .34s var(--ease-out) both}}@keyframes lid-tick{0%{opacity:0;filter:blur(2px);scale:.5}to{opacity:1;filter:blur();scale:1}}.lid-chip{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);color:#ffffffeb;white-space:nowrap;pointer-events:none;background:#1c1c20b8;border-radius:999px;align-items:center;gap:10px;height:40px;padding:0 16px 0 14px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 10px 30px #00000059}.lid-chip-dot{background:#30d158;border-radius:999px;width:8px;height:8px;box-shadow:0 0 10px 2px #30d1588c}.lid-chip-time{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;color:#ffffffa3}
