:root{
  --tg-green:#22d8e8;
  --tg-gold:#ffb21b;
}
html.tg-lock,body.tg-lock{overflow:hidden!important;overscroll-behavior:none!important}
.tar-gateway{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:#070807;
  opacity:0;
  transition:opacity .28s ease;
  isolation:isolate;
}
html.tg-boot .tar-gateway{display:block}
.tar-gateway.tg-visible{opacity:1}
.tg-room,.tg-stage{position:absolute;inset:0;overflow:hidden}
.tg-room{background:#070807}
.tg-stage{
  background-color:#070807;
  background-position:center center;
  background-repeat:no-repeat;
  /* Five dedicated artworks are composed for their target viewport.
     Stretching is deliberately tiny and preferred to cropping or black bars. */
  background-size:100% 100%;
  transform:translate3d(0,0,0) scale(1);
  transform-origin:50% 50%;
  will-change:transform,filter;
  transition:transform .74s cubic-bezier(.18,.78,.16,1),filter .45s ease;
}


/* v1.2 — potrjeni artwork je vgrajen in zaklenjen; stari scene override-i se ne uporabljajo. */
/* The approved artwork already contains every visible element. */
.tg-architecture,.tg-ceiling-light,.tg-spotlight,.tg-door,.tg-brand,.tg-center-line,
.tg-choice-glow,.tg-division-logo,.tg-choice p,.tg-footer{display:none!important}

.tg-choices{position:absolute!important;inset:0!important;display:block!important;z-index:20!important}
.tg-choice{position:absolute!important;inset:0!important;display:block!important;pointer-events:none!important}
.tg-enter{
  position:absolute!important;
  z-index:40!important;
  display:block!important;
  pointer-events:auto!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:transparent!important;
  font-size:0!important;
  opacity:1!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.tg-enter span,.tg-enter small,.tg-enter strong,.tg-arrow{opacity:0!important;color:transparent!important;font-size:0!important}
.tg-enter:after{display:none!important}
.tg-enter:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  opacity:0!important;
  transform:scale(.985);
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease!important;
  pointer-events:none!important;
}
.tg-enter-green:before{box-shadow:0 0 12px rgba(20,224,239,.40),0 0 30px rgba(8,196,219,.27),inset 0 0 18px rgba(8,196,219,.12)!important}
.tg-enter-gold:before{box-shadow:0 0 12px rgba(255,190,36,.42),0 0 30px rgba(255,165,16,.25),inset 0 0 18px rgba(255,177,23,.10)!important}
.tg-enter:hover:before,.tg-enter:focus-visible:before,.tg-enter.tg-pressed:before{opacity:1!important;transform:scale(1.025)!important}
.tg-enter:focus-visible{outline:2px solid rgba(255,255,255,.82)!important;outline-offset:5px!important}

/* DESKTOP — 16:9 scene, doors moved outward. */
.tar-gateway[data-layout="desktop"] .tg-enter{top:71.4%!important;height:9.5%!important;width:16.2%!important}
.tar-gateway[data-layout="desktop"] .tg-enter-green{left:30.3%!important}
.tar-gateway[data-layout="desktop"] .tg-enter-gold{left:52.0%!important}


/* DESKTOP WIDE — exact approved center, only extra outer wall added for browser viewports wider than ~1.95:1. */
.tar-gateway[data-layout="desktop-wide"] .tg-enter{top:71.4%!important;height:9.5%!important;width:13.45%!important}
.tar-gateway[data-layout="desktop-wide"] .tg-enter-green{left:33.65%!important}
.tar-gateway[data-layout="desktop-wide"] .tg-enter-gold{left:51.66%!important}

/* TABLET PORTRAIT — true 3:4 artwork. */
.tar-gateway[data-layout="tablet-portrait"] .tg-enter{top:78.7%!important;height:7.8%!important;width:31.0%!important}
.tar-gateway[data-layout="tablet-portrait"] .tg-enter-green{left:15.0%!important}
.tar-gateway[data-layout="tablet-portrait"] .tg-enter-gold{left:52.0%!important}

/* TABLET LANDSCAPE — dedicated wide room, no side bars. */
.tar-gateway[data-layout="tablet-landscape"] .tg-enter{top:71.4%!important;height:9.5%!important;width:16.2%!important}
.tar-gateway[data-layout="tablet-landscape"] .tg-enter-green{left:30.3%!important}
.tar-gateway[data-layout="tablet-landscape"] .tg-enter-gold{left:52.0%!important}

/* PHONE PORTRAIT — dedicated 9:16 scene. */
.tar-gateway[data-layout="phone-portrait"] .tg-enter{top:78.5%!important;height:8.4%!important;width:40.8%!important}
.tar-gateway[data-layout="phone-portrait"] .tg-enter-green{left:4.4%!important}
.tar-gateway[data-layout="phone-portrait"] .tg-enter-gold{left:53.0%!important}

/* PHONE LANDSCAPE — extra-wide scene with compact center. */
.tar-gateway[data-layout="phone-landscape"] .tg-enter{top:71.4%!important;height:9.5%!important;width:13.0%!important}
.tar-gateway[data-layout="phone-landscape"] .tg-enter-green{left:34.2%!important}
.tar-gateway[data-layout="phone-landscape"] .tg-enter-gold{left:51.6%!important}


/* v1.4.1 — turquoise TAR Ograje running-light hover efekt po LED okvirjih portalov + subtilen barvni halo za glavnim TAR logotipom. */

.tg-logo-backlight{
  position:absolute;
  z-index:18;
  pointer-events:none;
  opacity:0;
  transform:scale(.97);
  transition:opacity .28s ease,transform .34s ease,filter .28s ease;
  --tg-back-rgb:255,255,255;
  filter:saturate(1.02);
}
.tg-logo-backlight:before,.tg-logo-backlight:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
}
.tg-logo-backlight:before{
  background:radial-gradient(ellipse at center,rgba(var(--tg-back-rgb),.58) 0%,rgba(var(--tg-back-rgb),.30) 20%,rgba(var(--tg-back-rgb),.14) 38%,rgba(var(--tg-back-rgb),.05) 53%,rgba(var(--tg-back-rgb),0) 72%);
  filter:blur(16px);
}
.tg-logo-backlight:after{
  inset:13% 14% 9% 14%;
  background:radial-gradient(ellipse at center,rgba(var(--tg-back-rgb),.52) 0%,rgba(var(--tg-back-rgb),.17) 42%,rgba(var(--tg-back-rgb),0) 76%);
  filter:blur(8px);
}
.tar-gateway[data-hover="ograje"] .tg-logo-backlight{opacity:.72;transform:scale(1.035);--tg-back-rgb:8,196,219}
.tar-gateway[data-hover="zascita"] .tg-logo-backlight{opacity:.74;transform:scale(1.035);--tg-back-rgb:255,178,27}

.tar-gateway[data-layout="desktop"] .tg-logo-backlight,
.tar-gateway[data-layout="tablet-landscape"] .tg-logo-backlight{left:38.8%;top:8.0%;width:22.8%;height:31.5%}
.tar-gateway[data-layout="desktop-wide"] .tg-logo-backlight{left:41.8%;top:8.0%;width:16.6%;height:31.5%}
.tar-gateway[data-layout="tablet-portrait"] .tg-logo-backlight{left:34.0%;top:8.8%;width:32.0%;height:21.8%}
.tar-gateway[data-layout="phone-portrait"] .tg-logo-backlight{left:30.5%;top:9.2%;width:38.5%;height:18.5%}
.tar-gateway[data-layout="phone-landscape"] .tg-logo-backlight{left:42.4%;top:7.8%;width:15.8%;height:31.0%}

.tg-light-trails{
  position:absolute;
  inset:0;
  z-index:30;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:visible;
}
.tg-light-path{
  fill:none;
  opacity:0;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:10 3 6 3 3 87;
  stroke-dashoffset:112;
  will-change:stroke-dashoffset,opacity;
}
.tg-light-path-green{stroke:#41eef7;color:#41eef7}
.tg-light-path-gold{stroke:#ffc148;color:#ffc148}
.tg-light-glow{stroke-width:7px;filter:blur(3.2px)}
.tg-light-core{stroke-width:2.2px;filter:drop-shadow(0 0 3px currentColor)}
.tg-light-path-green.tg-light-glow{filter:blur(3.4px) drop-shadow(0 0 8px rgba(12,218,234,.96))}
.tg-light-path-gold.tg-light-glow{filter:blur(3.4px) drop-shadow(0 0 8px rgba(255,178,26,.95))}

.tar-gateway[data-hover="ograje"] .tg-light-path-green,
.tar-gateway[data-hover="zascita"] .tg-light-path-gold{
  animation:tg-running-light 1.85s cubic-bezier(.22,.72,.22,1) infinite;
}
.tar-gateway[data-hover="ograje"] .tg-enter-green:before,
.tar-gateway[data-hover="zascita"] .tg-enter-gold:before{
  opacity:.52!important;
  transform:scale(1.015)!important;
}
@keyframes tg-running-light{
  0%{opacity:0;stroke-dashoffset:112}
  7%{opacity:1}
  65%{opacity:1;stroke-dashoffset:0}
  71%,100%{opacity:0;stroke-dashoffset:0}
}

.tg-hover-zone{
  position:absolute;
  z-index:25;
  display:block;
  pointer-events:auto;
  background:transparent;
  -webkit-tap-highlight-color:transparent;
}
/* Desktop: celo območje posameznih vrat aktivira sled. */
.tar-gateway[data-layout="desktop"] .tg-hover-zone-ograje{left:2.3%;top:6.8%;width:28.2%;height:82.5%}
.tar-gateway[data-layout="desktop"] .tg-hover-zone-zascita{left:72.0%;top:6.8%;width:26.3%;height:82.5%}
.tar-gateway[data-layout="desktop-wide"] .tg-hover-zone-ograje{left:10.3%;top:6.2%;width:21.7%;height:83.3%}
.tar-gateway[data-layout="desktop-wide"] .tg-hover-zone-zascita{left:68.0%;top:6.2%;width:21.7%;height:83.3%}
.tar-gateway[data-layout="tablet-landscape"] .tg-hover-zone-ograje{left:2.2%;top:6.5%;width:28.4%;height:82.8%}
.tar-gateway[data-layout="tablet-landscape"] .tg-hover-zone-zascita{left:72.0%;top:6.5%;width:26.5%;height:82.8%}
.tar-gateway[data-layout="tablet-portrait"] .tg-hover-zone-ograje{left:0;top:6.8%;width:25.5%;height:44.5%}
.tar-gateway[data-layout="tablet-portrait"] .tg-hover-zone-zascita{left:74.2%;top:6.8%;width:25.8%;height:44.5%}
.tar-gateway[data-layout="phone-portrait"] .tg-hover-zone-ograje{left:0;top:6.8%;width:16.8%;height:37.0%}
.tar-gateway[data-layout="phone-portrait"] .tg-hover-zone-zascita{left:82.2%;top:6.8%;width:17.8%;height:37.0%}
.tar-gateway[data-layout="phone-landscape"] .tg-hover-zone-ograje{left:11.0%;top:5.5%;width:21.7%;height:84.5%}
.tar-gateway[data-layout="phone-landscape"] .tg-hover-zone-zascita{left:67.5%;top:5.5%;width:21.7%;height:84.5%}

@media (hover:none){
  .tg-hover-zone{pointer-events:none}
  .tg-light-path{animation:none!important}
}

/* Subtle feedback; artwork itself never moves while browsing. */
.tar-gateway[data-hover="ograje"] .tg-stage{filter:brightness(1.018) saturate(1.01)}
.tar-gateway[data-hover="zascita"] .tg-stage{filter:brightness(1.018) saturate(1.01)}

/* Cinematic entry only AFTER click. No crop during normal viewing. */
.tg-leaving{pointer-events:none;opacity:0;transition:opacity .20s .55s ease}
.tg-leaving[data-exit="ograje"] .tg-stage{transform-origin:30% 58%;transform:scale(1.22) translate3d(6%,0,0);filter:brightness(1.09)}
.tg-leaving[data-exit="zascita"] .tg-stage{transform-origin:70% 58%;transform:scale(1.22) translate3d(-6%,0,0);filter:brightness(1.09)}
.tar-gateway[data-layout="phone-portrait"].tg-leaving[data-exit="ograje"] .tg-stage,
.tar-gateway[data-layout="tablet-portrait"].tg-leaving[data-exit="ograje"] .tg-stage{transform-origin:28% 70%;transform:scale(1.16) translate3d(5%,0,0)}
.tar-gateway[data-layout="phone-portrait"].tg-leaving[data-exit="zascita"] .tg-stage,
.tar-gateway[data-layout="tablet-portrait"].tg-leaving[data-exit="zascita"] .tg-stage{transform-origin:72% 70%;transform:scale(1.16) translate3d(-5%,0,0)}

@media (hover:none){
  .tg-enter:active:before{opacity:1!important;transform:scale(1.02)!important}
}
@media (prefers-reduced-motion:reduce){
  .tar-gateway,.tg-stage,.tg-enter:before,.tg-logo-backlight{transition:none!important}
  .tg-light-path{animation:none!important}
}