*{box-sizing:border-box}html,body{margin:0;background:#fff;color:#17272f;font-family:Arial,sans-serif}body{height:100svh;min-height:650px;overflow:hidden}.app{height:100%;display:grid;grid-template-rows:76px 1fr 68px}header{padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:15px;font-weight:800;letter-spacing:-.4px}.brand small{font-weight:400;letter-spacing:2px;font-size:8px;display:block;text-align:right;margin-top:3px}nav{display:flex;gap:7px}a,button{border:1px solid #dce3e6;padding:11px 17px;border-radius:30px;background:white;color:#566973;font-size:11px;text-decoration:none;cursor:pointer}a[aria-current=page]{background:#152b34;color:white;border-color:#152b34}.hero{position:relative;min-height:0}canvas.scene{display:block;width:100%;height:100%}.copy{position:absolute;left:7%;top:20%;z-index:1;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c979f}h1{font-size:clamp(40px,5.5vw,82px);letter-spacing:-.06em;font-weight:500;line-height:1.03;margin:22px 0 15px}h1 span{color:#8d9ca2}.copy p{font-size:14px;line-height:1.7;color:#78878e;max-width:255px}.status{position:absolute;left:50%;top:50%;font-size:12px;color:#8a989e}.status[hidden]{display:none}footer{padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f1f3f4}footer>span{font-size:10px;color:#829199;letter-spacing:.8px}.controls{display:flex;gap:6px}button:focus-visible,a:focus-visible{outline:2px solid #69a4b1;outline-offset:3px}.embed .app{grid-template-rows:1fr 55px}.embed header,.embed .copy,.embed footer>span{display:none}.embed footer{justify-content:flex-end;border:0}.embed{min-height:300px}@media(max-width:750px){.app{grid-template-rows:65px 1fr 80px}.copy{left:7%;top:3%}h1{font-size:38px;margin:10px 0}.copy p{display:none}.eyebrow{font-size:8px}header{padding:0 6%}.brand{font-size:13px}footer{padding:0 6%;flex-wrap:wrap;justify-content:center;gap:0}footer>span{font-size:9px}a,button{padding:10px 13px;font-size:10px}.copy h1 br{display:none}h1 span:before{content:' '}.embed .app{grid-template-rows:1fr 55px}}
.app{grid-template-rows:76px 1fr auto}footer{min-height:115px;flex-direction:column;justify-content:center;padding:12px 5%;gap:10px}.controls{justify-content:center;flex-wrap:wrap;align-items:center}.controls label{font-size:10px;color:#71868e;display:flex;gap:6px;align-items:center}select{border:1px solid #dce3e6;padding:10px 12px;border-radius:18px;background:#fff;color:#334e5a;font-size:11px}.screen-explanation{text-align:center;font-size:10px;color:#788f98;line-height:1.5}.avatar-credit{display:block;font-size:9px;margin-top:3px}.avatar-credit[hidden]{display:none}.avatar-credit a{padding:0;border:0;border-radius:0;font-size:inherit;text-decoration:underline;color:inherit}.dark,.dark a,.dark button,.dark select{background:#11191f;color:#d6e5ec}.dark a[aria-current=page]{background:#d6e5ec;color:#11191f}.dark footer{border-color:#26323a}.dark .copy h1{color:#e8f2f4}.embed .app{grid-template-rows:1fr auto}.embed footer{min-height:100px}.embed .screen-explanation{display:block}@media(max-width:750px){.app{grid-template-rows:65px 1fr auto}footer{min-height:148px;padding:10px 4%;gap:7px}.controls{gap:5px}.controls button{padding:8px 10px;font-size:9px}select{padding:8px;font-size:10px}.copy h1{font-size:33px}}
/* Standalone animation: centered robot, without marketing copy. */
.copy{display:none}.hero{width:100%;overflow:hidden}.embed{height:100svh;min-height:240px}.embed .app{display:block;position:relative}.embed .hero{height:100%;width:100%}.embed footer{position:absolute;bottom:0;left:0;right:0;min-height:0;padding:8px 14px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;pointer-events:none;background:transparent}.embed .controls{margin-left:auto;pointer-events:auto}.embed .controls label,.embed #backdrop,.embed #screen,.embed #content-note{display:none}.embed .avatar-credit{pointer-events:auto;text-align:left;font-size:8px;max-width:300px}.embed #pause{padding:8px 12px;font-size:10px;background:#ffffffc9}.embed.dark #pause{background:#11191fba}.embed .screen-explanation{max-width:75%}
.scene{touch-action:none;cursor:grab}.scene:active{cursor:grabbing}.camera-hint{display:block;color:#6c858e;font-size:10px;margin-bottom:3px}.embed .camera-hint{display:none}.embed #reset-camera{padding:8px 12px;font-size:10px;background:#ffffffc9}.embed.dark #reset-camera{background:#11191fba}
.embed .controls>select{display:none}
/* Vandri spletna stran (27. 9. 2026): gumbi knjižnice so samo slovenski, na straneh v drugih jezikih jih skrijemo. */.embed .controls{display:none}
/* Vandri (28. 9. 2026): navpični poteg na telefonu pomika stran. */.scene{touch-action:pan-y}