#zoe-dock{position:fixed;top:92px;right:34px;z-index:76;width:min(570px,calc(100vw - 68px));padding:10px 13px;border:1px solid #d0b17d66;border-radius:12px;background:linear-gradient(130deg,#152730f5,#10202af7);box-shadow:0 12px 40px #0004;backdrop-filter:blur(20px)}
.zoe-dock-row{display:flex;align-items:center;gap:8px;min-height:42px}#zoe-entry{display:flex;align-items:center;gap:10px;padding:10px 13px;min-height:44px;border:1px solid #d4ae6e66;background:#d6ad6410;color:#f5d7a3;border-radius:7px;font-size:12px;letter-spacing:0;white-space:nowrap}#zoe-entry:disabled{opacity:.72}.zoe-orb{width:7px;height:7px;border-radius:50%;background:#d8b67a;box-shadow:0 0 14px #dcb97b77;flex:none}#zoe-dock[data-listening=true] .zoe-orb{background:#9dd6b5;box-shadow:0 0 14px #9dd6b566}#zoe-clock{font:11px/1 monospace;color:#aebfbd;margin-left:auto;white-space:nowrap}#zoe-dock #voice-global{position:static;max-width:none;margin-left:auto;display:flex;gap:5px;flex-wrap:nowrap}#zoe-dock #zeno-status{display:none}#zoe-dock #zeno-stop,#zoe-dock #voice-mute,#zoe-dock #voice-audio{min-height:44px;padding:10px;font-size:11px;white-space:nowrap}#zoe-dock #zeno-stop{color:#f1c294;border-color:#d2a16a80}#zoe-initialization,#zoe-end-reason{font-size:10px;line-height:1.5;color:#adbfbd;margin:5px 2px 0;min-height:15px}#zoe-end-reason{color:#e7c58d}#zoe-dock[data-voice-phase=connecting] #zoe-initialization,#zoe-dock[data-voice-phase=initializing] #zoe-initialization{color:#e7c58d}#entry-beacon{display:none!important}
#area-sequence{position:fixed;right:5vw;top:27vh;width:min(43vw,640px);z-index:9;overflow:hidden;border:1px solid #d7bb8555;border-radius:12px;background:#11212bd9;box-shadow:0 25px 75px #0006;backdrop-filter:blur(18px)}#area-sequence[hidden]{display:none}#area-sequence figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#152632}#area-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:brightness(.92)}#area-photo.photo-enter{animation:area-photo-enter 1.1s ease-out}#area-sequence figcaption{position:absolute;inset:0;padding:clamp(20px,2.5vw,36px);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#07151cf2,transparent 68%)}.area-eyebrow{font-size:9px;letter-spacing:.16em;color:#e8cb95}.area-eyebrow #area-count{float:right;font:10px monospace;color:#c4d1c9}#area-title{font-size:clamp(22px,2.6vw,38px);font-weight:350;line-height:1.13;letter-spacing:-.035em;margin:14px 0 8px;color:#f7f1e5}#area-caption{font-size:12px;line-height:1.5;color:#c1ceca;margin:0}.area-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#10212bdc}.area-controls button{min-width:36px;min-height:36px;border:0;font-size:13px;background:transparent;padding:7px;color:#ddc89e}#area-pause{font-size:10px;letter-spacing:.04em}#area-dots{display:flex;gap:6px;margin-right:auto}#area-dots button{min-width:24px;width:24px;padding:7px 4px;position:relative}#area-dots button:after{content:'';height:2px;width:14px;background:#718580;display:block}#area-dots button[aria-current=true]:after{background:#efd098;width:18px}#cinematic-portal{max-height:calc(100dvh - 210px);overflow:auto}
@keyframes area-photo-enter{from{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1650px){#zoe-dock{right:5vw}#area-sequence{right:7vw;width:44vw;max-width:760px;top:25vh}}
@media(max-width:900px){#zoe-dock{right:18px;top:88px;width:min(550px,calc(100vw - 36px))}#area-sequence{right:24px;top:32vh;width:46vw}#area-title{font-size:25px}}
@media(max-width:700px){#zoe-dock{top:83px;left:14px;right:14px;width:auto;padding:7px 9px;border-radius:9px}.zoe-dock-row{gap:5px;flex-wrap:wrap}#zoe-entry{font-size:11px;min-height:42px;padding:8px 10px;flex:1;justify-content:flex-start}#zoe-clock{font-size:10px;margin-left:0}#zoe-dock #voice-global{gap:4px;margin-left:0}#zoe-dock #voice-mute,#zoe-dock #voice-audio,#zoe-dock #zeno-stop{font-size:10px;min-height:42px;padding:8px}#zoe-initialization,#zoe-end-reason{font-size:9px;line-height:1.45}#area-sequence{top:auto;right:14px;left:14px;bottom:185px;width:auto;border-radius:8px}#area-sequence figure{aspect-ratio:1.8}#area-sequence figcaption{padding:18px}#area-title{font-size:25px;margin:10px 0 5px}#area-caption{font-size:10px}.area-eyebrow{font-size:8px}.area-controls{padding:5px 10px;gap:7px}#area-dots{gap:2px}.area-controls button{min-height:31px}body:has(#area-sequence:not([hidden])) .story{top:196px;padding-top:0}body:has(#area-sequence:not([hidden])) .story h1{font-size:30px;max-width:280px}body:has(#area-sequence:not([hidden])) .story>p:not(.eyebrow){display:none}body:has(#area-sequence:not([hidden])) .story-rule,body:has(#area-sequence:not([hidden])) .story-slogan{display:none}#cinematic-portal{top:52%;max-height:calc(100dvh - 250px)}}
@media(max-height:720px) and (max-width:700px){#area-sequence{bottom:145px}#area-sequence figure{aspect-ratio:2.5}#area-title{font-size:21px}#area-caption{display:none}body:has(#area-sequence:not([hidden])) .story h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){#area-photo.photo-enter{animation:none}}
#cinematic-portal{top:calc(var(--zoe-dock-bottom,180px) + 16px);transform:translateX(-50%);max-height:calc(100dvh - var(--zoe-dock-bottom,180px) - 105px)}#portal-video{max-height:calc(100dvh - var(--zoe-dock-bottom,180px) - 260px);object-fit:contain}
#cinematic-portal.revealed{animation:demo010-portal .35s ease-out both}@keyframes demo010-portal{from{opacity:0}to{opacity:1}}