:root{--paper:#f5f6f7;--ink:#18252e}body{overflow-x:clip;background:var(--paper)}
.stage{inset:0;width:100%;height:100svh;z-index:0;transform:none;opacity:1;transition:none}
#photography{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
main{z-index:3}.guided #vsebina{height:1700svh}.guided .chapter,.guided.still .chapter,.guided #omrezje,.guided #infrastruktura,.guided.still #infrastruktura{height:0;min-height:0}
.guided .chapter-copy{transition:none;text-shadow:none!important}
.guided #delovno-mesto .chapter-copy{top:18svh;width:31%;max-width:480px}#delovno-mesto h1:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(46px,4.7vw,72px)}
.guided #people-intro{top:21svh;left:6%;width:36%;max-width:500px}
.guided #people-support{top:21svh;left:58%;width:36%;max-width:500px}
.guided #connection-copy{top:20svh;left:6%;width:35%;max-width:480px}#connection-copy h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(36px,3.7vw,55px)}
#people-intro h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#people-support h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(38px,4vw,60px)}
.people-description{font-size:clamp(21px,2vw,30px);margin:0;color:#4b5962;letter-spacing:-.025em}
.guided #omrezje .chapter-copy{top:22svh;left:5%;width:35%;max-width:470px}#omrezje h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(36px,3.6vw,56px)}
.guided #infrastruktura .chapter-copy{top:17svh}.journey-bar{background:#fffffff2;backdrop-filter:none;border:1px solid #d9dfdf;padding:6px 20px}.journey-bar nav{gap:30px}
.masthead-note,.contact-top,.brand{background:#ffffffdb}.scene-caption{background:#ffffffd9}
@media(max-width:760px){
.guided #delovno-mesto .chapter-copy,.guided #omrezje .chapter-copy{top:96px;left:7%;width:86%;max-width:none}
#delovno-mesto h1:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:38px;max-width:330px;line-height:1.02}.description:not(.narrative-body):not(.narrative-label){font-size:15px;line-height:1.4;max-width:325px}
.guided #people-intro,.guided #people-support,.guided #connection-copy{top:108px;left:7%;width:86%;max-width:none}
#connection-copy h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:34px}#people-intro h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#people-support h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:35px;line-height:1.04;margin-bottom:14px}.people-description{font-size:20px}
#people-support .eyebrow:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){margin-bottom:12px}#people-support h2 br:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){display:none}
.guided #omrezje .chapter-copy{top:96px}#omrezje h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:35px;max-width:335px}.legend{gap:10px;font-size:10px}.small-note{font-size:10px}
.journey-bar{left:4%;right:4%;bottom:14px;padding:7px 10px}.journey-bar nav{gap:15px}.journey-bar nav a{gap:5px;font-size:10px}
.scene-caption{bottom:83px}.guided #infrastruktura .chapter-copy{top:83px}
}
@media(max-height:700px) and (min-width:761px){.guided #people-intro,.guided #people-support{top:17svh}#people-intro h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#people-support h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:40px}.people-description{font-size:22px}#delovno-mesto h1:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:47px}.guided #omrezje .chapter-copy{top:18svh}#omrezje h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:36px}}
#reading-veil{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#f5f6f700 38%,#f5f6f7c9 68%,#f5f6f7ed);opacity:0}
@media(max-width:760px){#reading-veil{background:linear-gradient(180deg,#f5f6f7c9 0%,#f5f6f78c 28%,#f5f6f700 44%)}} .stage{background:#f5f6f7}
.stage:after{display:block;z-index:2;opacity:1;background:linear-gradient(180deg,#f5f6f7 0%,#f5f6f7d9 7%,#f5f6f700 24%,#f5f6f700 87%,#f5f6f7 100%),linear-gradient(90deg,#f5f6f7 0%,#f5f6f700 9%,#f5f6f700 94%,#f5f6f7 100%)}
.stage:before{display:none}
.masthead .brand,.masthead-note,.contact-top,.scene-caption{background:none!important}
.brand img{mix-blend-mode:normal}
.guided .chapter-copy{background:none!important;backdrop-filter:none!important} .guided .chapter-copy:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-25vw;top:-20svh;width:70vw;height:calc(100% + 42svh);background:radial-gradient(ellipse,#f5f6f7 12%,#f5f6f7f0 35%,#f5f6f794 53%,#f5f6f700 72%)}
.guided #people-support:before,.guided #infrastruktura .chapter-copy:before{left:-14vw;width:70vw}
.opening-treatment #people-intro{top:16svh;width:28%;max-width:390px}
.opening-treatment #people-intro h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(36px,3.4vw,52px)}
@media(max-width:760px){
.stage:after{background:linear-gradient(180deg,#f5f6f7 0%,#f5f6f7d9 10%,#f5f6f700 24%,#f5f6f700 87%,#f5f6f7 100%)}
.guided .chapter-copy:before,.guided #people-support:before,.guided #infrastruktura .chapter-copy:before{left:-35vw;top:-20svh;width:155vw;height:calc(100% + 32svh);background:radial-gradient(ellipse,#f5f6f7 15%,#f5f6f7ed 37%,#f5f6f700 74%)}
.opening-treatment #people-intro{top:100px;left:7%;width:86%;max-width:none}
.opening-treatment #people-intro h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:34px}
} .guided #varnost,.guided.still #varnost{height:0;min-height:0}
.guided #backup-copy,.guided #security-copy{left:auto;right:5%;top:17svh;width:29%;max-width:410px}
#varnost h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(34px,3.1vw,46px)}
.guided #varnost .chapter-copy:before{left:-14vw;width:70vw}
#varnost .eyebrow:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){letter-spacing:.11em;font-size:11px;line-height:1.5}
@media(max-width:760px){
.guided #backup-copy,.guided #security-copy{left:7%;right:auto;top:92px;width:86%;max-width:none}
#varnost h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:33px;line-height:1.04}#varnost .eyebrow:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:9px;letter-spacing:.08em}
.guided #varnost .chapter-copy:before{left:-35vw;width:155vw}
.journey-bar nav{gap:11px}.journey-bar nav a{gap:3px}.journey-bar{padding:7px 8px}
} .guided .chapter-copy .description:not(.narrative-body):not(.narrative-label){font-size:clamp(14px,1.25vw,18px);line-height:1.52;max-width:100%;margin:18px 0 22px}
.guided #delovno-mesto .chapter-copy{width:34%;max-width:490px;top:16svh}
#delovno-mesto h1:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(38px,4.1vw,62px)}
.guided #people-intro{width:32%;max-width:450px;top:19svh}
.guided #people-support{left:60%;width:34%;max-width:460px;top:18svh}
.guided #connection-copy{width:34%;max-width:470px;top:18svh}
.guided #infrastruktura .chapter-copy{width:31%;max-width:440px}
.guided h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#people-intro h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#people-support h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#connection-copy h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#omrezje h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),#varnost h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(32px,3.2vw,48px);line-height:1.08;letter-spacing:-.045em}
.guided .chapter-copy:before,.guided #people-support:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{left:-9vw;top:-12svh;width:calc(100% + 18vw);height:calc(100% + 24svh);background:radial-gradient(ellipse,#f5f6f7 24%,#f5f6f7ed 42%,#f5f6f780 58%,#f5f6f700 74%)}
.closing-line{font-size:13px;line-height:1.5;margin:16px 0;color:#40505e}
.chapter-selector{display:none}
@media(max-width:760px){
.guided #delovno-mesto .chapter-copy,.guided #people-intro,.guided #people-support,.guided #connection-copy,.guided #omrezje .chapter-copy,.guided #infrastruktura .chapter-copy,.guided #backup-copy,.guided #security-copy{top:84px;left:7%;right:auto;width:86%;max-width:none}
.guided .chapter-copy h1:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),.guided .chapter-copy h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:29px;line-height:1.05;max-width:none;margin-bottom:12px}
.guided .chapter-copy .description:not(.narrative-body):not(.narrative-label){font-size:14px;line-height:1.42;margin:12px 0 14px;max-width:none}
.guided .chapter-copy .eyebrow:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:9px;margin-bottom:10px}
.guided .chapter-copy:before,.guided #people-support:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{left:-18vw;top:-12svh;width:122vw;height:calc(100% + 22svh)}
.chapter-selector{display:flex;align-items:center;gap:8px;font-size:10px;min-width:0;color:#003399}
#chapter-select{max-width:200px;width:49vw;background:transparent;border:0;color:#18252e;font:inherit;font-size:11px;padding:8px 0}
.journey-bar nav{display:none}.journey-bar{gap:8px;justify-content:space-between}
.closing-line{font-size:11px;margin:10px 0}.contact-final{margin-top:12px}
} .guided #vsebina{height:var(--animated-height)}
.guided .chapter-copy{position:fixed;top:17svh;left:5%;right:auto;width:33%;max-width:460px;opacity:0}
.guided .chapter{height:0!important;min-height:0!important}
.guided .chapter-copy[data-copy="technician"],.guided .chapter-copy[data-copy="rack"],.guided .chapter-copy[data-copy="tehnox"],.guided .chapter-copy[data-copy="backup"],.guided .chapter-copy[data-copy="security"]{left:auto;right:5%;width:32%;top:17svh}
.guided .chapter-copy h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:clamp(30px,3vw,44px);line-height:1.07;letter-spacing:-.04em}
.guided .chapter-copy .description:not(.narrative-body):not(.narrative-label){font-size:clamp(14px,1.2vw,17px);line-height:1.48;margin:14px 0;max-width:none}
.guided .chapter-copy .description strong:not(.narrative-body):not(.narrative-label){font-weight:600;color:#293b50}
.guided .chapter-copy .contact-final{margin-top:17px;font-size:13px;line-height:1.5}
.guided .chapter-copy:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{left:-7vw;top:-10svh;width:calc(100% + 14vw);height:calc(100% + 20svh);background:radial-gradient(ellipse,#f5f6f7 20%,#f5f6f7eb 42%,#f5f6f765 59%,#f5f6f700 73%)}
.chapter-selector{display:flex;align-items:center;gap:18px;color:#003399;font-size:11px;flex:1}
#chapter-select{appearance:auto;background:transparent;border:0;color:#263a50;font:inherit;font-size:13px;padding:10px;width:320px;max-width:100%}
.journey-bar{gap:16px;padding:5px 16px}.journey-bar>button{background:none;border:1px solid #dfe4e9;padding:8px;color:#40546a;cursor:pointer}.journey-bar>button:disabled{opacity:.35;cursor:default}
@media(max-width:760px){
.guided .chapter-copy,.guided #delovno-mesto .chapter-copy,.guided #omrezje .chapter-copy,.guided #infrastruktura .chapter-copy,.guided .chapter-copy[data-copy]{top:82px;left:7%;right:auto;width:86%;max-width:none}
.guided .chapter-copy h1:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break),.guided .chapter-copy h2:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:28px;line-height:1.05;margin:0 0 12px;max-width:none}
.guided .chapter-copy .description:not(.narrative-body):not(.narrative-label){font-size:13px;line-height:1.4;margin:10px 0}
.guided .chapter-copy .eyebrow:not(.narrative-title):not(.narrative-label):not(.narrative-emphasis):not(.narrative-break){font-size:8px;letter-spacing:.1em;margin-bottom:10px}
.guided .chapter-copy .contact-final{font-size:12px;margin-top:12px}
.guided .chapter-copy:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{left:-17vw;top:-12svh;width:120vw;height:calc(100% + 22svh)}
.journey-bar{gap:5px;padding:5px}.chapter-selector{gap:0;font-size:0;min-width:0}#chapter-select{width:100%;max-width:100%;font-size:10px;padding:7px 0}.journey-bar>button{padding:7px;font-size:10px}.journey-bar #motion-toggle{font-size:9px;padding:7px 4px}.scene-caption{font-size:8px}
} .guided .chapter-copy:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{background:radial-gradient(ellipse,#f5f6f7e0 15%,#f5f6f7b0 38%,#f5f6f740 57%,#f5f6f700 73%)}
@media(min-width:761px){.guided .chapter-copy[data-copy="nas"]{left:auto;right:5%;width:32%;top:17svh}} .mode-switching #vsebina,.mode-switching #stage{visibility:hidden}
body.discrete .chapter-copy.copy-overflow{max-height:var(--reading-height);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:auto}
body.discrete .chapter-copy[inert]{visibility:hidden}
body.discrete .stage.fallback canvas{opacity:0}
body.discrete .stage.fallback .scene-poster{opacity:1} .guided .chapter-copy:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{left:-4vw;top:-6svh;width:calc(100% + 8vw);height:calc(100% + 12svh);background:radial-gradient(ellipse,#f5f6f7e0 10%,#f5f6f7ad 35%,#f5f6f735 57%,#f5f6f700 73%)}
@media(max-width:760px){.guided .chapter-copy:before,.guided #infrastruktura .chapter-copy:before,.guided #varnost .chapter-copy:before{left:-10vw;top:-7svh;width:106vw;height:calc(100% + 14svh)}}