.time-hero{isolation:isolate;background:#080f17;position:relative;overflow:hidden}.time-stage{width:100%;position:relative;overflow:hidden}.time-hero .room{aspect-ratio:3;isolation:isolate;width:100%;position:relative}.time-hero .plate{opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.time-hero .plate.active{opacity:1}.time-hero:not([data-ready]) .plate{transition:none}.time-copy{z-index:4;width:29%;position:absolute;top:23%;left:4.8%}.time-copy h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 .55em;font-size:clamp(28px,3.1vw,96px);font-weight:600;line-height:1.12}.time-copy p{color:#d3deea;margin:0 0 1.7em;font-size:clamp(16px,1.1vw,22px);line-height:1.7}.time-copy .primary-link{padding:14px 18px;font-size:clamp(14px,.85vw,16px)}.time-hero .archive{width:14%;height:88%;top:1%;left:35%}.time-hero .workstation{width:30%;height:39%;top:40%;left:67%}.room-destinations{z-index:4;gap:20px;font-size:12px;position:absolute;bottom:18px;right:4.8%}.room-destinations a{background:#0b1726ec;border:1px solid #728da5;border-radius:4px;align-items:center;min-height:44px;padding:10px 14px;display:inline-flex}.time-hero .room.outside-view *{animation-play-state:paused!important}@media (width<=1000px){.time-copy{width:auto;padding:40px 5% 32px;position:relative;top:auto;left:auto}.time-copy h1{font-size:clamp(34px,5vw,52px)}.time-copy p{margin-bottom:22px;font-size:16px}.time-hero .room{width:155%;margin-left:-55%}.room-destinations{background:#0b1420;justify-content:flex-end;padding:12px 5%;position:relative;bottom:auto;right:auto}}@media (prefers-reduced-motion:reduce){.time-hero *{transition:none!important;animation:none!important}}.halo{pointer-events:none;mix-blend-mode:screen;opacity:.25;background:radial-gradient(#1979ff33,#0000 65%);width:16%;height:45%;animation:12s ease-in-out infinite glow;position:absolute;top:5%;left:60%}.time-hero[data-state=night] .halo{opacity:1}.lamp{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(#ffb25c22,#0000 70%);width:8%;height:35%;position:absolute;top:49%;left:92%}.time-hero[data-state=evening] .lamp{animation:23s linear infinite flicker}.steam{filter:blur(1px);opacity:0;pointer-events:none;border-left:1px solid #e8f3ff77;border-radius:50%;width:.5%;height:6%;position:absolute;top:75%;left:89.7%}.time-hero[data-morning=true] .steam{animation:4s ease-out infinite steam}.steam.second{left:90.5%;animation-delay:-2s!important}.hotspot{z-index:3;background:0 0;border:0;border-radius:14px;min-width:20px;min-height:20px;position:absolute}.hotspot:hover,.hotspot:focus-visible{box-shadow:inset 0 0 22px #6fbbff22}.robot{width:9%;height:47%;top:41%;left:40%}.mug{width:6%;height:14%;top:79%;left:87.8%}.desk-light{width:6%;height:21%;top:50%;left:94%}.secret{color:#d5e9fa;opacity:0;z-index:5;pointer-events:none;background:#102233ed;border:1px solid #7dabd14a;border-radius:9px 9px 9px 0;padding:10px 14px;font-size:clamp(10px,.8vw,18px);transition:all .3s;position:absolute;top:36%;left:46%;transform:translateY(7px)}.secret.show{opacity:1;transform:none}.night-signal{filter:blur(4px);opacity:0;pointer-events:none;background:#76cbff;border-radius:100%;width:.8%;height:1%;position:absolute;top:46%;left:45.6%}.room.surprise .night-signal{animation:1.5s 2 wink}.room.surprise .halo{animation:1s ease-in-out 3 glow}.room.lamp-secret .lamp{background:radial-gradient(#ffb25c88,#0000 70%)}.time-hero[data-state=day] .lamp{display:none}.time-hero[data-state=night] .robot{width:13%;height:35%;top:55%;left:39%}.time-hero[data-state=night] .night-signal{display:none}.screen-layer{pointer-events:none;z-index:1;filter:brightness(.85);transition:filter 1.4s;position:absolute;inset:0}.screen-layer img{visibility:hidden;transform-origin:0 0;object-fit:contain;object-position:center;background:#0b1018;width:1000px;height:600px;position:absolute;top:0;left:0}.screen-left{clip-path:polygon(68.2% 45.4%,80.37% 43.78%,80.37% 70.72%,68.2% 67.94%)}.screen-right{clip-path:polygon(81.2% 43.78%,95.65% 41.58%,95.65% 57%,94.45% 59.4%,94.6% 63.5%,95.65% 65.5%,95.65% 77.3%,81.2% 71%)}.time-hero[data-state=night] .screen-layer{filter:brightness(.52)}.time-hero[data-state=night] .screen-right{clip-path:polygon(81.2% 43.78%,95.65% 41.58%,95.65% 57%,94.45% 59.4%,94.6% 63.5%,95.65% 65.5%,95.65% 77.3%,91.6% 76%,91.6% 73%,88.5% 73%,88.5% 74.5%,81.2% 71%)}@keyframes glow{0%,65%,to{filter:brightness(.7)}78%{filter:brightness(1.7)}}@keyframes flicker{0%,83%,84.2%,to{opacity:1}83.3%,83.8%{opacity:.12}83.6%{opacity:.7}}@keyframes steam{0%{opacity:0;transform:translateY(4px)scaleX(.6)}30%{opacity:.5}to{opacity:0;transform:translateY(-22px)scaleX(2)}}@keyframes wink{0%,30%,to{opacity:0}10%,20%,45%,65%{opacity:.9}}.room-destinations a:nth-child(2){display:inline-flex}.time-hero .hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}.time-hero .hotspot:has(.object-cue){box-shadow:none;border-radius:0}.time-hero .object-cue{pointer-events:none;opacity:0;fill:none;stroke:#b5e5ff;stroke-width:1.5px;filter:drop-shadow(0 1px 1px #071322);width:100%;height:100%;transition:opacity .16s ease-out;position:absolute;inset:0}.time-hero .object-cue path{vector-effect:non-scaling-stroke}.time-hero .hotspot:focus-visible .object-cue{opacity:1;stroke-width:2.5px}.time-hero .hotspot:has(.object-cue):focus-visible{outline:none}.time-hero:has(.archive:focus-visible,.robot:focus-visible) .room-destinations a:first-child,.time-hero:has(.workstation:focus-visible) .room-destinations a:last-child{background:#173454;border-color:#b5e5ff}@media (hover:hover){.time-hero .hotspot:hover .object-cue{opacity:1}.time-hero:has(.archive:hover,.robot:hover) .room-destinations a:first-child,.time-hero:has(.workstation:hover) .room-destinations a:last-child{background:#173454;border-color:#b5e5ff}}@media (forced-colors:active){.time-hero .hotspot:has(.object-cue):focus-visible{outline-offset:3px;outline:2px solid highlight}.time-hero .object-cue{stroke:highlight;filter:none}}