:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#f6f8fa;background:#102b3a;font-synthesis:none;--ink:#102b3a;--red:#ef5349;--muted:#97aab5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fb8c60;outline-offset:3px}button{transition:background .15s,color .15s,border-color .15s}button:hover{filter:brightness(1.07)}.app{height:100vh;height:100dvh;display:grid;grid-template-columns:290px minmax(0,1fr)}.rail{padding:30px 24px 21px;display:flex;flex-direction:column;border-left:1px solid #ffffff12;z-index:2;background:#102b3a}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;direction:ltr}.brand-mark{width:42px;height:46px;border:1px solid #597383;display:grid;place-items:center;font-size:32px;font-weight:600;position:relative;line-height:1}.brand-mark span{position:absolute;background:var(--red);width:22px;height:3px;bottom:9px;left:20px}.brand b{font-size:20px;letter-spacing:2px;font-weight:650}.brand small{display:block;color:#b8c6ce;font-size:11px;margin-top:4px;direction:rtl}.rail-intro{margin:43px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b9c9d1;display:block}.rail h1{font-size:33px;line-height:1.45;font-weight:600;letter-spacing:-.5px;margin:13px 0 10px}.rail-intro p{font-size:13px;color:#a9bdc8;line-height:1.9;margin:0}#services{display:flex;flex-direction:column;gap:7px}.service{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;text-align:right;border:1px solid transparent;background:transparent;color:#bbc9d1;border-radius:6px;min-height:60px}.service:hover{background:#ffffff08;color:white}.service[aria-pressed=true]{background:#ffffff0c;border-color:#ffffff21;color:#fff}.service .service-number{font-size:11px;color:#829ba9;direction:ltr;font-variant-numeric:tabular-nums}.service[aria-pressed=true] .service-number{color:var(--red)}.service-text{flex:1}.service-text strong{font-size:14px;display:block;font-weight:500;direction:ltr;text-align:right;letter-spacing:.1px}.service-text small{font-size:11px;display:block;margin-top:3px;color:#91a8b5}.service .service-arrow{font-size:16px;color:#6f8795}.service[aria-pressed=true] .service-arrow{color:var(--red)}.rail-footer{margin-top:auto;padding-top:23px;font-size:12px;color:#b5c7d1}.rail-footer small{display:block;font-size:10px;color:#829ba9;margin-top:6px}.live-dot{height:5px;width:5px;background:#86c7b2;border-radius:50%;display:inline-block;margin-left:6px}.viewer{position:relative;min-width:0;overflow:hidden;background:#d7dfe2;direction:rtl}#scene{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.viewer-top{position:absolute;top:0;left:0;right:0;display:flex;direction:ltr;justify-content:space-between;align-items:center;padding:22px 26px;pointer-events:none;background:linear-gradient(#0c202b96,transparent)}.project-tag{font-size:10px;letter-spacing:1.8px;color:white}.project-tag b{font-size:12px}.project-tag span{margin:0 8px;opacity:.5}.top-actions{display:flex;gap:8px;pointer-events:auto}.icon-btn{color:#fff;background:#16303ac4;border:1px solid #ffffff36;width:36px;height:36px;border-radius:50%;font-size:20px;line-height:1}.view-tools{position:absolute;top:89px;right:25px;display:flex;gap:6px;flex-wrap:wrap}.tool-btn{padding:9px 12px;min-height:37px;background:#f4f7f4ec;color:#1c3540;border:1px solid #cbd1c9;border-radius:4px;font-size:11px;box-shadow:0 2px 6px #10202e08}.tool-btn span{margin-right:7px;font-size:14px}.tool-btn[aria-pressed=true]{background:#153947;color:white;border-color:#739098}.scene-caption{position:absolute;right:28px;bottom:165px;text-align:right;pointer-events:none;max-width:80%;filter:drop-shadow(0 1px 5px #08192588)}.scene-caption::before{content:"";position:absolute;z-index:-1;inset:-45px -40px -34px -90px;background:radial-gradient(ellipse at right bottom,#0e253bcc,transparent 74%)}.scene-caption .eyebrow{color:#e5eeef;font-size:10px}.scene-caption h2{font-size:clamp(25px,3.1vw,48px);line-height:1.1;margin:10px 0 8px;font-weight:500;letter-spacing:-1px}.scene-caption p{font-size:13px;margin:0;color:#f2f5f6}.playback{position:absolute;bottom:48px;left:26px;right:26px;padding:15px 18px 12px;background:#112a36ed;border:1px solid #ffffff29;border-radius:9px;box-shadow:0 8px 35px #07142030;backdrop-filter:blur(14px)}.playback-main{display:flex;align-items:center;gap:18px}.play-button{border:0;border-radius:5px;background:#f8faf7;color:#132e3c;padding:10px 15px;min-height:42px;display:flex;gap:11px;align-items:center;font-size:12px;font-weight:600;white-space:nowrap}#play-icon{font-size:16px;direction:ltr;min-width:12px}.playback-state{flex:1}.playback-state b{font-size:12px;font-weight:500}.playback-state small{display:block;color:#9fb5c1;font-size:10px;margin-top:4px}#time{font-size:11px;color:#bfced5;font-variant-numeric:tabular-nums;letter-spacing:.4px}.tour-stops{display:flex;gap:5px;margin-top:13px;direction:ltr}.tour-stop{position:relative;flex:1;border:0;padding:5px 0;background:transparent;border-radius:4px;min-width:0;height:14px}.tour-stop::before,.tour-stop i{content:"";position:absolute;left:0;top:5px;height:3px;border-radius:3px}.tour-stop::before{width:100%;background:#415965}.tour-stop i{width:0;background:#ec5c51}.tour-stop:hover::before{background:#849aa5}.viewer-footer{position:absolute;bottom:15px;left:26px;right:26px;display:flex;justify-content:space-between;gap:10px;color:#173344;font-size:10px;text-shadow:0 1px 5px white,0 1px 5px white}.viewer-footer i{font-style:normal;margin:0 7px}#render-state{font-size:9px;letter-spacing:1.5px;font-weight:700}.loading{position:absolute;inset:0;background:#dce3e5;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#173443;text-align:center;padding:30px}.loading h2{font-size:22px;font-weight:500;margin:22px 0 7px}.loading p{font-size:13px;margin:0 0 20px}.loader-ring{height:35px;width:35px;border:2px solid #afbec6;border-top-color:#e2574f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-track{height:3px;width:220px;background:#bdc9cf;border-radius:3px;overflow:hidden}.load-track i{display:block;width:3%;height:100%;background:#c94b43;transition:width .2s}.loading[hidden]{display:none}.toast{position:absolute;left:50%;top:150px;transform:translateX(-50%);background:#183443e8;border-radius:6px;padding:11px 20px;color:white;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.show{opacity:1}dialog{color:#193846;background:#f6f7f4;border:1px solid #d6dfdf;border-radius:12px;max-width:520px;width:calc(100% - 36px);padding:34px;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#061a2aa8;backdrop-filter:blur(4px)}dialog .icon-btn{position:absolute;left:15px;top:15px;background:#dae3e6;color:#183846;border:0}dialog .eyebrow{color:#ad413c}dialog h2{font-size:25px;font-weight:600;line-height:1.5;margin:15px 0 24px}dl{margin:0}dl div{padding:12px 0;border-top:1px solid #dce3e3;display:grid;grid-template-columns:125px 1fr;font-size:13px;gap:12px}dt{font-weight:600}dd{margin:0;line-height:1.65}dialog p{font-size:13px;line-height:1.9}dialog small{font-size:11px;color:#657c85;line-height:1.8;display:block}@media(min-width:1500px){.app{grid-template-columns:320px minmax(0,1fr)}.rail{padding:36px 30px}.rail-intro{margin-top:50px}.service{min-height:66px}}@media(max-height:790px) and (min-width:801px){.rail{padding-top:22px}.rail-intro{margin:22px 0 15px}.rail h1{font-size:27px}.service{padding:9px 12px;min-height:52px}.rail-footer{padding-top:15px}}@media(max-width:1050px) and (min-width:801px){.app{grid-template-columns:246px minmax(0,1fr)}.rail{padding-left:17px;padding-right:17px}.playback-state small{display:none}.project-tag{font-size:8px;letter-spacing:.7px}.scene-caption h2{font-size:33px}.playback-main{gap:10px}.playback{left:18px;right:18px}}@media(max-width:800px){.app{display:flex;flex-direction:column-reverse}.viewer{flex:1;min-height:310px}.rail{padding:0 10px 7px;border:0;height:113px;flex-shrink:0}.brand,.rail-intro,.rail-footer{display:none}#services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-top:7px}.service{padding:7px;min-height:47px;gap:6px}.service-text strong{font-size:10px}.service-text small{font-size:9px;margin-top:2px}.service .service-number{font-size:9px}.service .service-arrow{display:none}.viewer-top{padding:14px 15px}.project-tag{font-size:8px;letter-spacing:.8px}.project-tag b{font-size:10px}.project-tag span{margin:0 3px}.view-tools{top:66px;right:14px;left:14px}.tool-btn{font-size:10px;min-height:34px;padding:7px 9px}.scene-caption{right:18px;bottom:135px;max-width:90%}.scene-caption h2{font-size:28px;margin-top:7px}.scene-caption p{font-size:11px}.playback{bottom:26px;left:12px;right:12px;padding:11px 12px 7px}.playback-main{gap:10px}.play-button{font-size:11px;padding:9px 12px;min-height:38px}.playback-state b{font-size:10px}.playback-state small{display:none}#time{font-size:9px}.viewer-footer{bottom:9px;right:15px;left:15px;font-size:8px}.viewer-footer span:first-child{display:none}#render-state{font-size:8px}.tour-stops{margin-top:5px}.toast{top:113px;font-size:11px;padding:10px 12px}dialog{padding:30px 23px}dl div{grid-template-columns:95px 1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.loader-ring{animation:none}}
:root #scene-kicker{direction:ltr}
