/* Prozori sa lukom - scroll prezentacija (home-v2-fband). Bez JS/reduced-motion: slike jedna ispod druge. */
.luk{--side:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));position:relative;background:var(--bg);padding:clamp(64px,9vw,120px) 0}
.luk__intro{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.luk__txt{max-width:560px;margin-bottom:clamp(28px,4vw,48px)}
.luk__txt h2{margin-bottom:.4em}
.luk__txt .lead{margin:0}
.luk__hint{display:none}
.luk__box,.luk__meta{display:none}
.luk__media{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;gap:clamp(16px,2vw,24px)}
.luk__slide{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-m);background:var(--dark-2)}
.luk__slide>img,.luk__arch-in img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%)}
.luk__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,16,13,.82) 0%,rgba(20,16,13,.45) 30%,rgba(20,16,13,0) 60%),linear-gradient(to right,rgba(20,16,13,.45) 0%,rgba(20,16,13,0) 50%);pointer-events:none}
.luk__slide--arch::after{background:linear-gradient(to right,rgba(25,21,18,.6),rgba(25,21,18,0) 55%)}
.luk__cap{position:absolute;left:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,40px);z-index:2;max-width:min(520px,calc(100% - 36px));color:#fff}
.luk__num{display:block;font-family:var(--m);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--oak);margin-bottom:10px}
.luk__cap h3{font-size:var(--t-xl);font-weight:720;font-stretch:110%;letter-spacing:-.015em;margin:0 0 .4em;color:#fff}
.luk__cap p{margin:0;color:rgba(239,232,222,.86);font-size:var(--t-base);line-height:1.5;max-width:44ch}

/* fotografija na belom fonu: cela, u beloj kartici na tamnoj podlozi (zamena = samo novi luk-2-hrast.webp) */
.luk__slide--card{aspect-ratio:4/3;background:radial-gradient(60% 70% at 70% 45%,#3a2f26 0%,var(--dark-2) 70%)}
.luk__card{position:absolute;z-index:1;top:8%;bottom:8%;right:10%;aspect-ratio:558/883;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06)}
.luk__card img{width:100%;height:100%;object-fit:contain;display:block}
.luk__slide--card::after{background:linear-gradient(to right,rgba(25,21,18,.6),rgba(25,21,18,0) 55%)}

.luk__end{background:var(--dark);color:var(--on-dark);border-radius:var(--r-m);padding:clamp(28px,4vw,48px)}
.luk__end h3{font-size:var(--t-2xl);font-weight:780;font-stretch:112%;color:#fff;margin:0 0 .35em}
.luk__end p{color:var(--on-dark-2);max-width:46ch;margin:0 0 24px}

@media (max-width:760px){
  .luk__slide{aspect-ratio:4/5}
  .luk__slide>img{object-position:var(--op-m,var(--op,50% 50%))}
  .luk__slide--card{aspect-ratio:2/3;background:radial-gradient(80% 50% at 50% 30%,#3a2f26 0%,var(--dark-2) 75%)}
  .luk__card{right:auto;left:50%;translate:-50% 0;top:6%;bottom:auto;width:72%;height:auto}
  .luk__slide--card::after{background:linear-gradient(to top,rgba(25,21,18,.85) 0%,rgba(25,21,18,0) 45%)}
}

/* ---------- animirani režim (klasu dodaje inline skript, ne za reduced-motion) ---------- */
.luk--fx{padding:0;--hb:calc(100lvh - 100svh)}
/* filter/transform na roditelju (js-reveal wrapper ima filter:blur(0)) lomi position:fixed pin */
:has(>.luk--fx){filter:none!important;transform:none!important;contain:none!important}
.luk--fx .luk__stage{position:relative;height:100vh;height:100lvh;overflow:hidden;background:var(--bg)}
.luk--fx .luk__intro{position:absolute;inset:0;max-width:none;margin:0;padding:72px var(--side) 0;display:flex;align-items:center}
.luk--fx .luk__txt{width:var(--tw);margin:0}
.luk--fx .luk__hint{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--ink-3);font-family:var(--m);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase}
.luk--fx .luk__hint::before{content:"";width:1px;height:28px;background:linear-gradient(var(--ink-3),transparent);animation:lukHint 1.8s var(--ease) infinite}
@keyframes lukHint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.luk--fx{--tw:min(32vw,430px);--bt:calc(72px + 9vh);--bb:9vh;--br:var(--side);--bl:calc(var(--side) + var(--tw) + 5vw)}
.luk--fx .luk__box{display:block;position:absolute;top:var(--bt);right:var(--br);bottom:var(--bb);left:var(--bl);pointer-events:none;visibility:hidden}
.luk--fx .luk__media{position:absolute;inset:0;max-width:none;margin:0;padding:0;display:block;z-index:2;clip-path:inset(var(--bt) var(--br) var(--bb) var(--bl) round 14px);will-change:clip-path}
.luk--fx .luk__slide{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.luk--fx .luk__slide+.luk__slide{clip-path:inset(100% 0 0 0)}
.luk--fx .luk__slide>img,.luk--fx .luk__arch-in img{will-change:transform}
.luk--fx .luk__cap{left:var(--side);bottom:calc(var(--hb) + clamp(28px,7vh,72px));max-width:min(520px,calc(100% - 2*var(--gut)))}
.luk--fx .luk__cap>*{opacity:0}
.luk--fx .luk__card{top:calc(72px + 9vh);bottom:calc(var(--hb) + 11vh);right:max(12%,calc(var(--side) + 10vw))}
.luk--fx .luk__shade{position:absolute;inset:0;z-index:3;background:linear-gradient(100deg,rgba(20,16,13,.88) 0%,rgba(20,16,13,.62) 45%,rgba(20,16,13,.25) 100%);opacity:0;pointer-events:none}
.luk--fx .luk__end{position:absolute;z-index:4;left:var(--side);right:var(--side);bottom:calc(var(--hb) + clamp(36px,10vh,110px));background:none;padding:0;border-radius:0;max-width:640px;visibility:hidden}
.luk--fx .luk__end h3{font-size:var(--t-3xl);line-height:1}
.luk--fx .luk__meta{display:flex;align-items:center;gap:16px;position:absolute;z-index:5;right:var(--side);bottom:calc(var(--hb) + clamp(28px,7vh,72px));color:#fff;font-family:var(--m);font-size:var(--t-xs);letter-spacing:.08em;opacity:0}
.luk__count b{font-weight:500;color:#fff}
.luk__count{color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}
.luk__bar{position:relative;display:block;width:96px;height:1px;background:rgba(255,255,255,.3);overflow:hidden}
.luk__bar i{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(0)}

@media (max-width:760px){
  .luk--fx{--tw:100%;--bt:max(48%,330px);--bb:calc(var(--hb) + 18px);--br:var(--gut);--bl:var(--gut)}
  .luk--fx .luk__intro{padding-top:96px;align-items:flex-start}
  .luk--fx .luk__txt h2{font-size:clamp(1.75rem,7.4vw,2.2rem)}
  .luk--fx .luk__txt .lead{font-size:1rem}
  .luk--fx .luk__hint{display:none}
  .luk--fx .luk__cap{right:var(--gut);bottom:calc(var(--hb) + 64px)}
  .luk--fx .luk__cap h3{font-size:1.45rem}
  .luk--fx .luk__cap p{font-size:.95rem}
  .luk--fx .luk__meta{left:var(--gut);right:auto;bottom:calc(var(--hb) + 26px)}
  .luk--fx .luk__card{top:92px;bottom:auto;width:min(72%,calc((100svh - 92px - 280px)*.63))}
  .luk--fx .luk__end{bottom:calc(var(--hb) + 64px)}
  .luk--fx .luk__end h3{font-size:2.3rem}
}