@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f2f1e9;background:#09121d;--muted:#c3c6c4;--warm:#efd3a6;--glass:rgba(10,21,30,.84)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;z-index:10;padding:12px 18px;background:var(--warm);color:#17212a;border-radius:8px}.skip:focus{top:20px}
.office{position:relative;isolation:isolate;width:100%;height:100svh;min-height:580px;overflow:hidden;background:#0a1725 url('assets/office-night-desk-ready.png') center/cover no-repeat}.office.is-day{background-image:url('assets/office-day-desk-ready.png')}#office-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;image-rendering:auto}.atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,12,23,.6),transparent 20%,transparent 65%,rgba(5,11,19,.72)),linear-gradient(90deg,rgba(5,12,20,.16),transparent 25%,transparent 75%,rgba(5,12,20,.16));transition:opacity 1.2s}.office.is-day .atmosphere{opacity:.18}
.masthead{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 40px;pointer-events:none}.masthead a,.masthead button{pointer-events:auto}.brand{display:block}.brand-art{position:relative;display:block;width:156px;height:81px;overflow:hidden}.brand img{position:absolute;display:block;left:-27px;top:-10px;width:193px;height:auto;max-width:none}.brand-art::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask-image:url('assets/innovus-inno-logo.png');mask-image:url('assets/innovus-inno-logo.png');-webkit-mask-size:193px auto;mask-size:193px auto;-webkit-mask-position:-27px -10px;mask-position:-27px -10px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;clip-path:inset(44px 0 0)}.room-title{position:absolute;left:50%;transform:translateX(-50%);font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#e0e0d2}.local-time{display:flex;align-items:center;gap:12px;padding:5px 0;border:0;background:transparent;font-size:13px;color:#e4e5da}.local-time:hover{color:#fff}.time-place{color:#c5cac7}time{font:500 13px 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}.local-time svg{width:17px;height:17px;fill:none;stroke:var(--warm);stroke-width:1.5;stroke-linecap:round}.local-time .day-icon{display:none}.office.is-day .local-time .night-icon{display:none}.office.is-day .local-time .day-icon{display:block}
.speech-bubble{position:absolute;z-index:4;left:0;top:0;max-width:min(235px,calc(100% - 32px));width:max-content;padding:12px 17px;border:1px solid #fff8;border-radius:18px;background:#f5ebd9;color:#25333c;font-size:15px;font-weight:500;line-height:1.4;text-align:center;box-shadow:0 5px 22px #020b1938;pointer-events:none;opacity:0;transform:translate(-50%,-100%);transition:opacity .2s;visibility:hidden}.speech-bubble.visible{opacity:1;visibility:visible}.speech-bubble::after{content:'';position:absolute;left:var(--tail-x,50%);bottom:-7px;width:13px;height:13px;background:#f5ebd9;transform:translateX(-50%) rotate(45deg);border-radius:0 0 3px 0}.speech-bubble.thought{border-radius:24px}.speech-bubble.thought::after{width:7px;height:7px;border-radius:50%;bottom:-10px;box-shadow:4px 8px 0 -1px #f5ebd9;transform:translateX(-50%)}
.scene-hint{position:absolute;z-index:3;left:50%;bottom:60px;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 32px);font-size:13px;color:#e0e4dc;text-align:center;text-shadow:0 1px 6px #000a;pointer-events:none;transition:opacity .5s}.scene-hint.dismissed{opacity:0}.scene-hint[hidden]{display:none}
#office-canvas:focus-visible{outline:2px solid var(--warm);outline-offset:-7px}
footer{position:absolute;z-index:2;left:28px;bottom:30px;display:flex;align-items:center;gap:10px;font-size:12px;color:#aab6b2;text-shadow:0 1px 5px #0009}footer a{margin-left:12px;color:#e9dac4;border-bottom:1px solid #e9dac466}
.loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#0a1725e8;font-size:15px;transition:opacity .4s}.loading[hidden]{display:none}.loading-orbit{width:27px;height:27px;border:2px solid #7aa6ac40;border-top-color:var(--warm);border-radius:50%;animation:spin 1s linear infinite}#retry-load{border:1px solid #e8d7b65e;border-radius:8px;padding:10px 18px;background:#efd3a6;color:#1c2b36;font-size:14px}.noscript{position:fixed;z-index:8;left:50%;top:40%;transform:translate(-50%,-50%);background:#142436;padding:20px;border-radius:12px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.masthead{padding:32px 48px}}
@media(max-width:700px){.office{min-height:560px}.masthead{padding:22px;align-items:flex-start}.brand-art{width:132px;height:69px}.brand img{left:-23px;top:-8px;width:163px}.brand-art::after{-webkit-mask-size:163px auto;mask-size:163px auto;-webkit-mask-position:-23px -8px;mask-position:-23px -8px;clip-path:inset(37px 0 0)}.room-title{display:none}.local-time{gap:7px;padding-top:6px}.time-place{display:none}.speech-bubble{font-size:14px;max-width:210px;padding:10px 14px}footer{left:20px;bottom:31px;font-size:11px}}
@media(max-width:360px){.masthead{padding:20px 16px}.room-title{display:none}.local-time svg{display:none}}
@media(max-height:650px) and (min-width:701px){.masthead{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.masthead-actions{display:flex;align-items:center;gap:22px;pointer-events:auto}.about-trigger{border:0;background:transparent;color:#f4f0e9;font-size:13px;font-weight:600;letter-spacing:.02em}.about-trigger:hover{text-decoration:underline;text-underline-offset:5px}
#about-dialog{width:min(510px,calc(100% - 32px));max-height:min(680px,calc(100dvh - 36px));margin:auto;padding:0;border:1px solid #cfdfdf30;border-radius:18px;background:#102438;color:#f5f3e9;box-shadow:0 24px 90px #020912a8}#about-dialog::backdrop{background:#020912af;backdrop-filter:blur(5px)}.about-inner{position:relative;padding:54px 48px 42px}.about-close{position:absolute;top:16px;right:18px;width:34px;height:34px;border:0;background:transparent;color:#f2f1e9;font-size:28px;line-height:1}.about-eyebrow,.about-signoff{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#c9bca6}.about-inner h1{margin:28px 0 22px;font-size:clamp(34px,7vw,52px);line-height:1.03;letter-spacing:-.055em}.about-inner>p:not(.about-eyebrow){font-size:16px;line-height:1.62;color:#e0e6e0}.about-signoff{display:block;margin-top:32px}
@media(max-width:700px){.masthead-actions{gap:13px}.about-trigger{font-size:12px}.about-inner{padding:50px 26px 33px}}