/* Fixed navigation, soft specular light and a sliding glass navigation lens. */
.header{position:fixed;top:20px;isolation:isolate;border-color:#d1e9ff4d;background:rgba(20,42,67,.64);backdrop-filter:blur(32px) saturate(175%);-webkit-backdrop-filter:blur(32px) saturate(175%);box-shadow:inset 0 1px 0 #edfbff40,inset 0 -1px 0 #a4cfff0d,0 12px 40px #0002;transition:background .35s,box-shadow .35s,border-color .35s}
html[data-theme=light] .header{background:rgba(247,252,255,.65);border-color:#fff9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #bedfff44,0 12px 40px #29628c16}
.header.is-scrolled{background:rgba(17,35,57,.86);box-shadow:inset 0 1px 0 #e9f8ff36,0 12px 35px #0004}
html[data-theme=light] .header.is-scrolled{background:rgba(244,250,255,.87);box-shadow:inset 0 1px 0 white,0 12px 35px #15436822}
.header:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(230px 85px at var(--sheen-x,40%) 0%,#d7f7ff26,transparent 75%),linear-gradient(105deg,transparent 25%,#e9faff0d 45%,transparent 65%);background-size:100% 100%,220% 100%;animation:nav-reflection 13s ease-in-out infinite;z-index:0}
.header>*{z-index:1}.header .brand,.portal-header .brand{position:relative;background:transparent;border:0;padding:4px 0;box-shadow:none;border-radius:0}.header .brand img,.portal-header .brand img{width:165px;height:57px;filter:drop-shadow(0 1px 4px #9cddff33)}
html[data-theme=dark] .header .brand img,html[data-theme=dark] .portal-header .brand img{filter:brightness(1.25) drop-shadow(0 0 5px #cceeff66)}
.header nav{isolation:isolate}.header nav a{position:relative;z-index:1;padding:10px 4px;white-space:nowrap}.header nav a[aria-current=location]{color:var(--blue)}
.nav-lens{position:absolute;pointer-events:none;top:0;left:0;height:42px;opacity:0;border:1px solid #e5f7ff25;border-radius:16px;background:linear-gradient(135deg,#f5fcff18,#73cfff0a);box-shadow:inset 0 1px 0 #fff2,0 3px 9px #0001;transition:transform .4s cubic-bezier(.2,.85,.25,1.15),width .4s cubic-bezier(.2,.85,.25,1.15),opacity .2s;z-index:0}
html[data-theme=light] .nav-lens{border-color:#fff9;background:linear-gradient(135deg,#fff9,#c4e9ff44);box-shadow:inset 0 1px 0 #fff,0 3px 10px #6692b31a}.header .header-cta{border-radius:18px;box-shadow:inset 0 1px 0 #fff5}.header .language-control{backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #e9faff14}
@keyframes nav-reflection{0%,100%{background-position:0 0,100% 0}50%{background-position:0 0,0 0}}
@media(min-width:1151px){.header nav{position:relative;gap:12px}}
/* An illustrative services workspace replaces the oversized logo sculpture. */
.hero-content{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:55px}.hero-text{width:100%}.hero-studio{position:relative;min-width:0;padding:28px 0 24px;perspective:1200px}.hero-studio:before{content:'';position:absolute;inset:20px -12px;border-radius:45%;background:radial-gradient(ellipse,#48bfff24,transparent 67%);filter:blur(22px);pointer-events:none}
.studio-window{position:relative;border:1px solid #d7edff3b;border-top-color:#e8f8ff66;border-radius:26px;background:linear-gradient(145deg,#78cfff14,transparent 40%),rgba(21,43,68,.68);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);box-shadow:0 32px 70px -24px #0007,inset 0 1px 0 #e9faff29;transform:rotateY(-7deg) rotateZ(2deg);animation:workspace-drift 9s ease-in-out infinite;padding:0 23px 24px}
html[data-theme=light] .studio-window{background:linear-gradient(145deg,#fff9,#eaf6ff55),rgba(255,255,255,.62);border-color:#fff9;box-shadow:0 30px 65px -24px #24668f44,inset 0 1px 0 white}
.studio-window-top{display:flex;align-items:center;gap:15px;padding:19px 0 17px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:.7px}.window-dots{display:flex;gap:5px;margin-right:auto}.window-dots i{height:7px;width:7px;border-radius:50%;background:var(--muted);opacity:.45}.window-dots i:last-child{background:var(--accent);opacity:.9}.studio-window-top>span:last-child{color:var(--blue);font-size:16px;letter-spacing:0}
.studio-intro{padding:23px 0 18px}.studio-intro>p{margin:0 0 8px;font-size:11px;letter-spacing:1px;color:var(--blue);font-weight:700}.studio-intro h2{margin:0;font-size:29px;line-height:1.3;letter-spacing:-1px;max-width:350px}.studio-intro h2 span{color:var(--ink)}
.studio-services{display:grid;gap:12px}.studio-service{display:grid;grid-template-columns:47px 1fr 22px;gap:13px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-top-color:#d8efff36;border-radius:19px;background:linear-gradient(115deg,#b2dfff0b,transparent),var(--field);box-shadow:inset 0 1px 0 #fff0;transition:transform .25s,background .25s,border-color .25s}.studio-service:hover{transform:translateX(-5px);border-color:var(--blue);background:var(--raised)}.studio-service:nth-child(2){margin-left:17px}.studio-service:nth-child(3){margin-left:34px}.studio-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:linear-gradient(135deg,#64ceff33,#0d82cc14);border:1px solid #94ddff33;box-shadow:inset 0 1px 0 #eafaff22;color:var(--blue)}.studio-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.studio-service:nth-child(2) .studio-icon{background:linear-gradient(135deg,#baf06433,#799b1c0a);border-color:#baf06433;color:var(--accent)}.studio-service strong{display:block;font-size:16px;line-height:1.6;font-weight:700}.studio-service small{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:3px}.studio-service>span:last-child{color:var(--muted);font-size:20px}
.studio-workflow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 4px 0;font-size:12px;color:var(--muted)}.studio-workflow>i{flex:1;height:1px;background:linear-gradient(90deg,var(--blue),var(--line));max-width:45px;position:relative}.studio-workflow>i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);transform:rotate(45deg)}
.studio-caption{position:relative;margin:22px auto 0;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:12px}.studio-caption i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #a5db5614}
@keyframes workspace-drift{50%{translate:0 -8px;rotate:-1deg}}
html[lang=si] .studio-intro>p{letter-spacing:0}html[lang=si] .studio-intro h2{font-size:25px;line-height:1.6;letter-spacing:0}html[lang=si] .studio-service strong{font-size:15px}html[lang=si] .studio-service small{font-size:12px;line-height:1.9}html[lang=si] .studio-caption{font-size:12px}
@media(max-width:1150px){.header{top:16px}.header .brand img{width:150px;height:52px}.header nav.open{background:rgba(16,34,55,.95);border-color:#b0d8ff44;backdrop-filter:blur(32px) saturate(160%)}html[data-theme=light] .header nav.open{background:rgba(245,251,255,.96)}.nav-lens{display:none}.header nav a{padding:10px 5px}.hero-content{gap:28px;grid-template-columns:1.15fr 1fr}.studio-window{padding-inline:18px}.studio-service{padding:13px 12px;grid-template-columns:42px 1fr 15px;gap:10px}.studio-service:nth-child(2){margin-left:10px}.studio-service:nth-child(3){margin-left:20px}.studio-icon{width:42px;height:42px}.studio-service strong{font-size:15px}.studio-intro h2{font-size:27px}}
@media(max-width:900px){.hero-content{grid-template-columns:minmax(0,1fr)}.hero-studio{width:100%;max-width:470px;margin:auto;padding-top:20px}.studio-window{transform:rotateY(-5deg) rotateZ(1deg)}.studio-intro{text-align:left}.studio-services{text-align:left}.studio-caption{margin-top:19px}}
@media(max-width:760px){.header{top:12px;padding:10px 13px;gap:12px;min-height:74px}.header .brand{padding:0}.header .brand img{width:125px;height:44px}.portal-header .brand img{width:125px;height:44px}.header .language-control{margin-left:auto}.header nav{top:84px}.hero{padding-top:137px}.hero-studio{width:100%;max-width:380px;padding-inline:6px}.studio-window{padding-inline:18px;border-radius:22px}.studio-window-top{font-size:11px;padding-block:16px}.studio-intro h2{font-size:27px}.studio-service strong{font-size:15px}.studio-service small{font-size:12px}.studio-service{padding:13px 12px}.studio-service:nth-child(2){margin-left:8px}.studio-service:nth-child(3){margin-left:16px}.studio-workflow{font-size:12px}.studio-caption{font-size:12px}html[lang=si] .studio-intro h2{font-size:24px}html[lang=si] .studio-service strong{font-size:14px}html[lang=si] .studio-service small{font-size:11px}}
@media(max-width:370px){.header{gap:6px;padding-inline:11px}.header .brand img{width:105px;height:40px}.hero-studio{padding-inline:3px}.studio-window{padding-inline:15px}.studio-service{padding:12px 10px;grid-template-columns:35px 1fr 13px;gap:9px}.studio-icon{width:35px;height:38px}.studio-icon svg{width:22px;height:22px}.studio-service small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.header:before,.studio-window{animation:none}.nav-lens{transition:none}}
@supports not (backdrop-filter:blur(1px)){.header,.header.is-scrolled,.studio-window{background:var(--bg)}}
@media(prefers-reduced-transparency:reduce){.header,.header.is-scrolled,.studio-window{background:var(--bg);backdrop-filter:none}}

/* Shared liquid-glass actions: a soft lens, inner reflection and pointer light. */
.header nav a{border-radius:14px;transition:color .2s,background .25s,box-shadow .25s}
.header nav a:hover,.header nav a:focus-visible{background:#c5edff0b;box-shadow:inset 0 1px 0 #fff2}
.header .user-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c6ecff40;padding:9px 12px;background:linear-gradient(130deg,#ceefff14,#6bcaff08);box-shadow:inset 0 1px 0 #fff2}
.header .user-login>span{color:var(--blue);transition:transform .25s}.header .user-login:hover>span{transform:translate(2px,-2px)}
.studio-service{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#d8f4ff12,#83cfff05);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:#bde6ff35;box-shadow:inset 0 1px 0 #edfbff24,0 5px 18px #0000000a;transition:transform .35s cubic-bezier(.2,.85,.25,1.1),border-color .3s,box-shadow .3s}
.studio-service:nth-child(n){margin-left:0}.studio-service>span{position:relative;z-index:1;min-width:0}
.studio-service:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(170px circle at var(--glint-x,50%) var(--glint-y,40%),#dcf7ff22,transparent 80%);opacity:0;transition:opacity .3s}
.studio-service:after{content:'';position:absolute;inset:-80% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#f0fcff16 50%,transparent 65%);transform:translateX(-65%) rotate(-10deg);transition:transform .8s ease,opacity .3s;opacity:0}
.studio-service:hover,.studio-service:focus-visible{transform:translateY(-3px);background:linear-gradient(135deg,#d8f4ff16,#83cfff08);border-color:#abddff80;box-shadow:inset 0 1px 0 #f3fcff50,0 10px 25px #0002}
.studio-service:hover:before,.studio-service:focus-visible:before,.studio-service:hover:after,.studio-service:focus-visible:after{opacity:1}.studio-service:hover:after,.studio-service:focus-visible:after{transform:translateX(65%) rotate(-10deg)}
.studio-service>span:last-child{transition:transform .3s,color .3s}.studio-service:hover>span:last-child{transform:translate(2px,-2px);color:var(--blue)}
.studio-service strong{font-size:16px;line-height:1.5}.studio-service small{margin-top:3px;font-size:12px}
html[data-theme=light] .header .user-login{background:linear-gradient(135deg,#ffffff99,#cdeeff55);border-color:#fff9;box-shadow:inset 0 1px 0 white}
html[data-theme=light] .studio-service{background:linear-gradient(135deg,#ffffff80,#c4e8ff25);border-color:#fff9;box-shadow:inset 0 1px 0 white,0 5px 16px #437c9b0a}
html[data-theme=light] .studio-service:hover{border-color:#3d9bdc70;box-shadow:inset 0 1px 0 white,0 10px 25px #305e8c16}
html[data-theme=light] .studio-service:before{background:radial-gradient(160px circle at var(--glint-x,50%) var(--glint-y,40%),#ffffffbb,transparent 80%)}
.header nav a:focus-visible,.studio-service:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.cursor-halo{position:fixed;left:-17px;top:-17px;width:34px;height:34px;border:1px solid #70d6ff80;border-radius:50%;box-shadow:0 0 16px #4cc9ff18;pointer-events:none;z-index:9999;opacity:0;transition:opacity .2s,width .25s,height .25s,margin .25s,border-color .25s,background .25s;will-change:transform}
.cursor-halo.is-visible{opacity:1}.cursor-halo.is-interactive{width:46px;height:46px;margin:-6px;border-color:#b6f171b3;background:#9ae0ff0a}.cursor-halo.is-text{opacity:0}
html[data-theme=light] .cursor-halo{border-color:#0879b990;box-shadow:0 0 12px #0879b915}html[data-theme=light] .cursor-halo.is-interactive{border-color:#54881199;background:#7dbd2b0a}
@media(hover:hover) and (pointer:fine){
 body,a,button,summary,[role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' viewBox='0 0 28 30'%3E%3Cpath d='M4 2 23 17l-10 1-5 9Z' fill='%230d314e' stroke='%2377dbff' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='m13 18 5 9' stroke='%23b5ed64' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 4 2,auto}
 input,textarea,[contenteditable]{cursor:text}select{cursor:pointer}
}
@media(max-width:1150px){.header nav .user-login{align-self:stretch;padding:13px 16px;margin-top:5px}.studio-service strong{font-size:15px}}
@media(max-width:760px){.studio-service{padding:14px 12px;grid-template-columns:40px minmax(0,1fr) 15px;gap:11px}.studio-service strong{font-size:15px}.studio-service small{font-size:12px}html[lang=si] .studio-service strong{font-size:14px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.studio-service,.studio-service:after,.studio-service>span:last-child,.header .user-login>span{transition:none}.studio-service:hover{transform:none}.cursor-halo{display:none}}
@media(hover:none),(pointer:coarse){.cursor-halo{display:none}}
@media print{.cursor-halo{display:none}}

/* An icon-only sign-in link keeps the same sliding glass highlight. */
.header nav a.login-icon{width:44px;height:44px;min-width:44px;padding:0;gap:0;flex:0 0 44px;align-self:flex-start;border-radius:14px;color:var(--ink)}
.header .login-icon svg{display:block;overflow:visible;transition:transform .25s}.header .login-icon .login-arrow{color:var(--blue);transition:transform .25s}.header .login-icon:hover .login-arrow,.header .login-icon:focus-visible .login-arrow{transform:translateX(1.5px)}
.header .login-icon:hover svg{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.header .login-icon svg,.header .login-icon .login-arrow{transition:none}.header .login-icon:hover svg,.header .login-icon:hover .login-arrow,.header .login-icon:focus-visible .login-arrow{transform:none}}