/* =============================================================
   R404_W1A — NAĐENI · EKSPOZICIJA
   Svet: fotografski sumrak. Biti nađen = biti osvetljen.
   Gest nalaza: toplo svetlo + iscrtan ram + etiketa nalaza.
   ============================================================= */

@font-face { font-family:'Bodoni'; src:url('fonts/bodoni-moda-v28-latin_latin-ext-500.woff2') format('woff2'); font-weight:500; font-display:block; }
@font-face { font-family:'Bodoni'; src:url('fonts/bodoni-moda-v28-latin_latin-ext-600.woff2') format('woff2'); font-weight:600; font-display:block; }
@font-face { font-family:'Bodoni'; src:url('fonts/bodoni-moda-v28-latin_latin-ext-700.woff2') format('woff2'); font-weight:700; font-display:block; }
@font-face { font-family:'Bodoni'; src:url('fonts/bodoni-moda-v28-latin_latin-ext-500italic.woff2') format('woff2'); font-weight:500; font-style:italic; font-display:block; }
@font-face { font-family:'Archivo'; src:url('fonts/archivo-v25-latin_latin-ext-regular.woff2') format('woff2'); font-weight:400; font-display:block; }
@font-face { font-family:'Archivo'; src:url('fonts/archivo-v25-latin_latin-ext-500.woff2') format('woff2'); font-weight:500; font-display:block; }
@font-face { font-family:'Archivo'; src:url('fonts/archivo-v25-latin_latin-ext-600.woff2') format('woff2'); font-weight:600; font-display:block; }
@font-face { font-family:'Mono'; src:url('fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2') format('woff2'); font-weight:400; font-display:block; }
@font-face { font-family:'Mono'; src:url('fonts/ibm-plex-mono-v20-latin_latin-ext-500.woff2') format('woff2'); font-weight:500; font-display:block; }

:root{
  /* topli sumrak — braon podton, ne plavo-crna */
  --noc:#0F0C08;
  --noc-2:#171209;
  --zid:#1E170E;
  --papir:#F5EFE2;
  --prigus:#A99C87;
  --tinja:#786A52;
  --linija:rgba(245,239,226,.10);
  /* volfram svetlo */
  --svetlo:#FFE7B0;
  --svetlo-2:#F5BE64;
  --zar:#D98E2B;
  /* nasleđe: marker žuta, samo u etiketi nalaza */
  --marker:#FFD84D;
  --iz:cubic-bezier(.23,1,.32,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--noc);
  color:var(--papir);
  font-family:'Archivo',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* zrno filma + vinjeta — fiksno, ne skroluje */
.zrno{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.62'/%3E%3C/svg%3E");}
.vinjeta{position:fixed;inset:0;z-index:59;pointer-events:none;
  background:radial-gradient(130% 100% at 50% 42%, transparent 55%, rgba(8,6,3,.55) 100%);}

/* ---------- navigacija ---------- */
.vrh{position:absolute;top:0;left:0;right:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  padding:30px 52px;}
.vrh .znak img{height:19px;display:block;opacity:.92;}
.vrh nav{display:flex;gap:36px;align-items:center;}
.vrh nav a{color:var(--prigus);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;transition:color .25s var(--iz);}
.vrh nav a:hover{color:var(--papir);}
.vrh nav a:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--svetlo-2);outline-offset:4px;border-radius:2px;}
.vrh .poziv{font-size:13.5px;color:var(--svetlo);border:1px solid rgba(245,190,100,.4);
  padding:9px 18px;border-radius:999px;transition:background .25s var(--iz),color .25s var(--iz);}
.vrh .poziv:hover{background:rgba(245,190,100,.1);color:var(--svetlo);}

/* ---------- etiketa nalaza (gest) ---------- */
.etiketa{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--svetlo);white-space:nowrap;
}
.etiketa::before{content:"";width:7px;height:7px;background:var(--marker);flex:none;
  box-shadow:0 0 10px rgba(255,216,77,.8);}
.etiketa small{color:var(--prigus);letter-spacing:.14em;font-size:11px;}

/* iscrtan ram nalaza — četiri ugla */
.ram{position:absolute;inset:-18px;pointer-events:none;}
.ram i{position:absolute;width:24px;height:24px;border:0 solid var(--svetlo);opacity:1;
  filter:drop-shadow(0 0 6px rgba(245,190,100,.55));}
.ram i:nth-child(1){top:0;left:0;border-top-width:1.5px;border-left-width:1.5px;}
.ram i:nth-child(2){top:0;right:0;border-top-width:1.5px;border-right-width:1.5px;}
.ram i:nth-child(3){bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px;}
.ram i:nth-child(4){bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px;}

/* ---------- tipografija ---------- */
.kicker{font-family:'Mono';font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinja);}
.kicker b{color:var(--prigus);font-weight:500;}
h1,h2{font-family:'Bodoni';font-weight:600;letter-spacing:.002em;}
.lede{font-size:17px;line-height:1.65;color:#C9BCA6;}
.lede b{color:var(--papir);font-weight:600;}

/* ---------- dugmad ---------- */
.dugmad{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.dugme{font-weight:600;font-size:15.5px;text-decoration:none;border-radius:999px;
  padding:16px 28px;letter-spacing:.005em;transition:transform .16s var(--iz),background .25s var(--iz),color .25s var(--iz),box-shadow .25s var(--iz);}
.dugme:active{transform:scale(.97);}
.dugme.puno{background:linear-gradient(180deg,var(--svetlo) 0%,var(--svetlo-2) 100%);color:#241704;
  box-shadow:0 0 0 1px rgba(255,231,176,.25),0 14px 44px rgba(217,142,43,.28);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.dugme.puno::before{content:"";width:7px;height:7px;background:#241704;flex:none;}
.dugme.puno:hover{box-shadow:0 0 0 1px rgba(255,231,176,.4),0 18px 60px rgba(217,142,43,.4);}
.dugme.prazno{color:var(--papir);border:1px solid var(--linija);}
.dugme.prazno:hover{border-color:rgba(245,239,226,.3);}

/* ---------- pomoć ---------- */
.mono{font-family:'Mono';}
.tiho{color:var(--tinja);}
img{max-width:100%;height:auto;display:block;}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001s !important;animation-delay:0s !important;transition-duration:.001s !important;}
}