body{margin:0;background:#0F0F0E;color:#F1EDE6;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#F1EDE6}a:hover{color:#E84E1B}
*{box-sizing:border-box}
.hero{--hh:clamp(600px,100svh,1000px);--tx:-50%;--zoom:9}
.dui-kicker{display:none!important}
.gym-bg{position:absolute;inset:0;background:#222 url(img/sala-trening.jpg) center 55%/cover no-repeat;transform:scale(1.1);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.scene{position:absolute;left:50%;top:50%;width:max(100%,calc(var(--hh) * 1.7787));aspect-ratio:1672/940;transform:translate(var(--tx),-50%) scale(1);transform-origin:59.6% 75.4%;perspective:1100px;perspective-origin:59.6% 75.4%;background:#111 url(img/ulaz-desktop.jpg) center/100% 100% no-repeat;z-index:3;transition:transform 1.6s cubic-bezier(.7,0,.25,1) .75s,opacity .6s ease 1.75s,visibility 0s linear 2.4s}
.scene-shade{position:absolute;inset:0;background:rgba(0,0,0,.12)}
.hole{position:absolute;left:55.26%;top:60.85%;width:8.67%;height:29.15%;overflow:hidden;background:#050505}
.hole-img{position:absolute;inset:0;background:#050505 url(img/sala-trening.jpg) 50% 55%/auto 100% no-repeat;filter:brightness(.8)}
.leaf{position:absolute;left:55.26%;top:60.85%;width:8.67%;height:29.15%;transform-origin:left center;background:#1a1a1a url(img/krilo-desktop.jpg) center/100% 100% no-repeat;filter:brightness(.88);transition:transform 1.25s cubic-bezier(.55,0,.25,1);box-shadow:0 0 0 1px rgba(0,0,0,.6)}
.door-ui{position:absolute;z-index:5;left:clamp(16px,4vw,48px);bottom:clamp(24px,4.5vh,48px);max-width:520px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;transition:opacity .35s ease}
.gym-ui{opacity:0;transform:translateY(18px);transition:opacity .8s ease 1.9s,transform .8s ease 1.9s}
.is-open .leaf{transform:rotateY(78deg)}
.is-open .scene{transform:translate(var(--tx),-50%) scale(var(--zoom));opacity:0;visibility:hidden;pointer-events:none}
.vuk-card{max-width:calc((100% - 72px) / 4)}
.vuk-card figcaption{align-items:center;text-align:center}
.rev-foot{display:flex;align-items:center;gap:14px;margin-top:auto}
.rev-av{width:56px;height:56px;object-fit:contain;flex:none}
.is-open .door-ui{opacity:0;pointer-events:none}
.is-open .gym-ui{opacity:1;transform:none}
.is-open .gym-bg{transform:scale(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;background:#E84E1B;color:#0F0F0E;border:0;font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.btn:hover{background:#F1EDE6;color:#0F0F0E}
.btn-ghost{background:transparent;color:#F1EDE6;box-shadow:inset 0 0 0 2px #F1EDE6}
.btn-ghost:hover{background:#F1EDE6;color:#0F0F0E}
.dia{display:inline-block;width:7px;height:7px;background:#E84E1B;transform:rotate(45deg);margin:0 14px;vertical-align:middle;flex:none}
.nav-links a{text-shadow:0 1px 4px rgba(0,0,0,.85);position:relative;text-decoration:none;font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;padding:6px 0}
.nav-links a:hover{color:#F1EDE6}
.nav-links a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#E84E1B}
.menu-btn{display:none}
.mobile-menu a{display:block;padding:16px 0;border-bottom:1px solid #2E2D2A;text-decoration:none;font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:30px;text-transform:uppercase}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:#C9C3B8}
.field input,.field select,.field textarea{font:inherit;font-size:17px;color:#F1EDE6;background:#0F0F0E;border:2px solid #3A3936;border-radius:0;min-height:52px;padding:12px 14px;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#E84E1B}
.mcta{display:none;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;padding:0 20px;font-size:19px;letter-spacing:.06em;text-align:center;white-space:nowrap;box-shadow:0 0 0 3px #0F0F0E,0 10px 28px rgba(0,0,0,.6)}
.map{display:block;text-decoration:none;color:#F1EDE6}
.map .map-go{transition:background .2s ease,color .2s ease}
.map:hover .map-go{background:#F1EDE6;color:#0F0F0E}
.map:hover{color:#F1EDE6}
.pin{animation:pinpulse 2.4s ease-in-out infinite}
@keyframes pinpulse{0%,100%{box-shadow:0 0 0 0 rgba(232,78,27,.55)}50%{box-shadow:0 0 0 14px rgba(232,78,27,0)}}
@media (max-width:900px){
 .nav-links,.nav-cta{display:none!important}
 .menu-btn{display:inline-flex}
 .hero{height:clamp(560px,100svh,760px)!important;--hh:clamp(560px,100svh,760px);--tx:-51.22%;--zoom:6}
 .scene{width:max(100%,calc(var(--hh) * 0.5622));aspect-ratio:940/1672;background-image:url(img/ulaz-mobile.jpg);transform-origin:51.22% 56.13%;perspective-origin:51.22% 56.13%}
 .hole,.leaf{left:42.87%;top:45.57%;width:16.70%;height:21.11%}
 .leaf{background-image:url(img/krilo-mobile.jpg)}
 .dui-kicker,.dui-br,.strip-dia{display:none!important}
 .dui-title{font-size:34px!important}
 .door-ui{left:0;right:0;bottom:0;max-width:none;align-items:center;text-align:center;padding:24px 16px 28px;background:rgba(10,10,10,.86);gap:16px}
 .mcta.show{display:flex}
 .board{border-width:6px!important;padding:20px 16px!important}
 .board > div > div{font-size:16px!important}
 .board > div > div > span:first-child{font-size:22px!important}
 .board > div > p:first-child{font-size:28px!important}
 .vuk-card{max-width:none}
 .vuk-card figcaption{align-items:flex-start;text-align:left}
 .sec{padding-top:80px!important;padding-bottom:80px!important}
}
@media (prefers-reduced-motion:reduce){
 .scene,.leaf,.door-ui,.gym-ui,.gym-bg{transition:none!important}
 .is-open .scene{transform:translate(var(--tx),-50%)}
 .pin{animation:none}
}

.rev-sr{display:none}
.lang-sr .rev-sr{display:block}
.lang-sr .rev-en{display:none}
.lang-btn{min-height:44px;min-width:64px;padding:0 16px;border:0;cursor:pointer;font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:18px;letter-spacing:.08em;background:transparent;color:#F1EDE6}
.lang-btn[aria-pressed="true"]{background:#F1EDE6;color:#0F0F0E}
[hidden]{display:none!important}
img{max-width:100%}