/* Galerija Brodac — vizualni sustav
   Crno-bijelo. Archivo (kondenzirani verzali + tekst), IBM Plex Mono (podaci). */

/* Atribut hidden mora pobijediti display iz klasa — inače filteri ne rade. */
[hidden]{display:none !important}

:root{
  /* ---- boja ---- */
  --bg:#FFFFFF; --ink:#000000; --muted:#6E6E6E; --line:#D8D8D8; --hair:#EDEDED;

  /* ---- tipografija ---- */
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --t1:clamp(3.4rem,12vw,8.5rem);   /* ime */
  --t2:clamp(1.9rem,5vw,3.2rem);    /* naslov sekcije */
  --t3:clamp(1.4rem,3.4vw,2.1rem);  /* naslov unosa */
  --t4:1.05rem;                     /* podnaslov */
  --t5:1rem;                        /* tekst */
  --t6:.88rem;                      /* sitni tekst */
  --t7:.68rem;                      /* mono oznaka */
  --t8:.6rem;                       /* mono mikro */

  /* ---- razmaci ---- */
  --s1:4px; --s2:8px; --s3:13px; --s4:20px; --s5:30px;
  --s6:46px; --s7:70px; --s8:104px;

  /* ---- grid ---- */
  --col-label:150px;
  --gutter:28px;
  --page:1240px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#000000; --ink:#FFFFFF; --muted:#8E8E8E; --line:#2E2E2E; --hair:#151515;
  }
}
:root[data-theme="dark"]{
  --bg:#000000; --ink:#FFFFFF; --muted:#8E8E8E; --line:#2E2E2E; --hair:#151515;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--page);margin:0 auto;padding:0 26px}
@media(max-width:640px){.wrap{padding:0 16px}}

h1,h2,h3,.disp{font-family:var(--sans);font-stretch:74%;font-variation-settings:'wdth' 74;font-weight:800;
  text-transform:uppercase;line-height:.94;letter-spacing:-.018em;margin:0;text-wrap:balance}
h1{font-size:var(--t2)}
h1.name{font-size:var(--t1);line-height:.86}
h2{font-size:var(--t3);font-stretch:78%;font-variation-settings:'wdth' 78}
h3{font-size:var(--t4);font-stretch:84%;font-variation-settings:'wdth' 84;font-weight:700;line-height:1.18;letter-spacing:-.005em}
p{margin:0 0 1em}
a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.mono{font-family:var(--mono);font-size:var(--t7);letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.micro{font-family:var(--mono);font-size:var(--t8);letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}
.lede{font-size:clamp(1.05rem,1.9vw,1.32rem);line-height:1.4;max-width:30em;letter-spacing:-.005em}
.txt{max-width:34em;font-size:var(--t5);line-height:1.62}
.txt.wide{max-width:40em}

/* ---------- zaglavlje: lockup ---------- */
header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--ink)}
.bar{display:flex;align-items:center;gap:var(--s4);min-height:56px;flex-wrap:wrap}
.lockup{display:flex;align-items:center;gap:.44em;text-decoration:none;margin-right:auto;
  font-family:var(--sans);font-stretch:70%;font-variation-settings:'wdth' 70;font-weight:900;font-size:1.3rem;
  letter-spacing:.005em;text-transform:uppercase;color:var(--ink);line-height:1}
.mark{display:block;background-color:currentColor;flex:0 0 auto;
  -webkit-mask:url(/assets/img/mark.f28e8c01.svg) no-repeat center/contain;
  mask:url(/assets/img/mark.f28e8c01.svg) no-repeat center/contain}
.lockup .mark{height:.66em;width:1.048em;transform:translateY(.01em)}
nav.main{display:flex;gap:var(--s4);flex-wrap:wrap}
nav.main a{font-family:var(--mono);font-size:var(--t7);letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);text-decoration:none;padding:3px 0;
  border-bottom:1px solid transparent}
nav.main a:hover{color:var(--ink)}
nav.main a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}
.lang{display:flex;border:1px solid var(--ink);flex:0 0 auto}
.lang a{font-family:var(--mono);font-size:var(--t8);letter-spacing:.1em;padding:4px 8px;
  color:var(--muted);text-decoration:none}
.lang a[aria-current]{background:var(--ink);color:var(--bg)}
@media(max-width:900px){.bar{padding:10px 0;gap:var(--s3)}nav.main{order:3;width:100%;gap:var(--s3)}}

main{display:block}
section, .sect{padding:0}
.page{padding:var(--s6) 0 calc(var(--s8) + var(--s4))}

/* naslov stranice: mono oznaka lijevo, naslov desno */
.head{display:grid;grid-template-columns:var(--col-label) 1fr;gap:0 var(--gutter);
  border-top:1px solid var(--ink);padding-top:var(--s3);margin:0 0 var(--s5)}
.cols{display:grid;grid-template-columns:var(--col-label) 1fr;gap:0 var(--gutter);
  margin-bottom:var(--s7)}
@media(max-width:760px){.head,.cols{grid-template-columns:1fr;gap:var(--s2) 0}}

hr.rule{border:0;border-top:1px solid var(--line);margin:var(--s7) 0;position:relative;overflow:visible}
hr.rule::before{content:"";position:absolute;left:0;top:-5px;width:44px;height:11px;
  background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 13px)}

/* ---------- brojke ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);margin-top:var(--s5)}
.stats div{padding:var(--s3) var(--s4) var(--s4);border-right:1px solid var(--line)}
.stats div:last-child{border-right:0}
.stats .n{font-family:var(--sans);font-stretch:78%;font-variation-settings:'wdth' 78;font-weight:800;
  font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1;font-variant-numeric:tabular-nums;
  margin-bottom:var(--s1)}
@media(max-width:640px){.stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(2n){border-right:0}
  .stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

.invert{background:var(--ink);color:var(--bg);padding:var(--s5) var(--s5) var(--s6)}
.invert .mono,.invert .micro{color:var(--bg);opacity:.62}
.invert a{color:var(--bg)}
.invert p{max-width:44em}

/* ---------- slike ---------- */
figure{margin:0}
figcaption{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding-top:var(--s2)}
img{max-width:100%;height:auto}
.im{display:block;width:100%;height:auto;border:1px solid var(--line)}
.band{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 45%;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sq{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 40%;
  border:1px solid var(--line)}

/* ---------- slike: sivo, boja na hover ---------- */
.im,.band,.sq,.portrait img,a.ex .th,.reel img{
  filter:grayscale(1) contrast(1.04);
  transition:filter .45s cubic-bezier(.2,.6,.2,1)}
.im:hover,.band:hover,.portrait:hover img,
a.ex:hover .th,.reel a:hover img,.grid a:hover .sq,figure:hover .im,figure:hover .sq{
  filter:grayscale(0) contrast(1)}
@media(hover:none){.im,.band,.sq,.portrait img,a.ex .th,.reel img{filter:grayscale(1) contrast(1.04)}}
@media(prefers-reduced-motion:reduce){.im,.band,.sq,.portrait img,a.ex .th,.reel img{transition:none}}

/* ---------- arhiva ---------- */
.yr{display:grid;grid-template-columns:var(--col-label) 1fr;gap:0 var(--gutter);
  border-top:1px solid var(--ink);padding-top:var(--s2);margin-top:var(--s5)}
.yr>.y{font-family:var(--sans);font-stretch:74%;font-variation-settings:'wdth' 74;font-weight:800;font-size:1.5rem;
  font-variant-numeric:tabular-nums;line-height:1;position:sticky;top:72px}
@media(max-width:760px){.yr{grid-template-columns:1fr}.yr>.y{position:static;margin-bottom:var(--s2)}}

a.ex{display:grid;grid-template-columns:46px 86px 1fr 190px 124px;gap:16px;align-items:baseline;
  padding:var(--s3) 0;border-bottom:1px solid var(--line);text-decoration:none}
a.ex:hover{background:var(--hair)}
a.ex:hover .t{text-decoration:underline;text-underline-offset:3px}
a.ex .th{width:46px;aspect-ratio:1/1;object-fit:cover;object-position:50% 40%;
  border:1px solid var(--line);align-self:center}
a.ex .th.empty{background:var(--hair);border:1px solid var(--line);display:block}
a.ex .d{font-family:var(--mono);font-size:var(--t7);letter-spacing:.05em;color:var(--muted)}
a.ex .t{font-family:var(--sans);font-stretch:84%;font-variation-settings:'wdth' 84;font-weight:700;font-size:1rem;
  text-transform:uppercase;line-height:1.12}
a.ex .a{font-size:.9rem;color:var(--muted);line-height:1.35}
a.ex .k{font-family:var(--mono);font-size:var(--t8);letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);text-align:right;line-height:1.4}
@media(max-width:860px){a.ex{grid-template-columns:46px 1fr;gap:12px}
  a.ex .d,a.ex .t,a.ex .a,a.ex .k{grid-column:2}a.ex .k{text-align:left}}

/* ---------- linije rada ---------- */
.lines{border-top:1px solid var(--ink)}
.lineitem{display:flex;align-items:baseline;gap:var(--s4);padding:15px 2px;
  border-bottom:1px solid var(--line);text-decoration:none}
.lineitem:hover{background:var(--hair);padding-left:12px}
.lineitem .ln{font-family:var(--sans);font-stretch:82%;font-weight:700;font-size:1.12rem;
  text-transform:uppercase;line-height:1.1}
.lineitem .lc{font-family:var(--mono);font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}
.lineitem .lg{margin-left:auto;font-family:var(--mono);font-size:var(--t8);letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);flex:0 0 auto}
@media(max-width:560px){.lineitem .lg{display:none}}

/* ---------- ciklusi ---------- */
.cyc{border-top:1px solid var(--ink);padding:var(--s4) 0 var(--s6);margin-top:var(--s5)}
.cyc-h{display:flex;align-items:baseline;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s3)}
.cyc-h h2{font-size:clamp(1.5rem,3.6vw,2.2rem)}
.cyc .grid{margin-top:var(--s4)}

/* ---------- članstvo ---------- */
.tiers{border-top:1px solid var(--ink)}
.tier{display:grid;grid-template-columns:1fr 150px;gap:4px var(--s4);padding:var(--s4) 2px;
  border-bottom:1px solid var(--line)}
.tier .tn{font-family:var(--sans);font-stretch:82%;font-weight:700;font-size:1.1rem;text-transform:uppercase}
.tier .tp{font-family:var(--mono);font-size:.74rem;color:var(--muted);text-align:right;
  font-variant-numeric:tabular-nums}
.tier .td{grid-column:1;max-width:36em;font-size:.95rem;line-height:1.6;color:var(--ink)}
@media(max-width:640px){.tier{grid-template-columns:1fr}.tier .tp{text-align:left}}

/* ---------- nastupi ---------- */
.fair2{display:grid;grid-template-columns:96px 1fr;gap:0 var(--s4);
  border-top:1px solid var(--line);padding:var(--s4) 0}
.fair2 .fy{font-family:var(--sans);font-stretch:74%;font-weight:800;font-size:1.4rem;
  font-variant-numeric:tabular-nums;line-height:1}
@media(max-width:560px){.fair2{grid-template-columns:1fr;gap:var(--s2) 0}}

/* ---------- filter chipovi ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s4)}
.chips button{font-family:var(--mono);font-size:var(--t8);letter-spacing:.11em;text-transform:uppercase;
  background:none;border:1px solid var(--line);color:var(--muted);padding:7px 11px;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px}
.chips button:hover{border-color:var(--ink);color:var(--ink)}
.chips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chips .n{font-variant-numeric:tabular-nums;opacity:.6}

/* ---------- indeks ---------- */
.az{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--gutter);border-top:1px solid var(--ink)}
@media(max-width:820px){.az{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.az{grid-template-columns:1fr}}
.ar{display:flex;align-items:baseline;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--hair);font-size:.94rem;text-decoration:none}
.ar:hover{color:var(--muted)}
.ar .c{font-family:var(--mono);font-size:var(--t8);color:var(--muted);margin-left:auto;
  font-variant-numeric:tabular-nums}
.biblio .c{margin-left:auto;text-align:right;max-width:60%;font-size:.78rem;line-height:1.4}

/* ---------- mreža izložbi ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
.grid a{text-decoration:none;display:block}
.grid .gt{font-family:var(--sans);font-stretch:88%;font-weight:700;font-size:.78rem;
  text-transform:uppercase;line-height:1.15;margin-top:var(--s2)}
.grid .gd{font-family:var(--mono);font-size:var(--t8);letter-spacing:.1em;color:var(--muted);margin-top:3px}

/* ---------- unos izložbe ---------- */
.entry{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:var(--s6);align-items:start}
@media(max-width:860px){.entry{grid-template-columns:1fr;gap:var(--s5)}}
.entry .body{white-space:pre-wrap;font-size:var(--t5);line-height:1.62;max-width:40em}
dl.meta{display:grid;grid-template-columns:130px 1fr;gap:0 var(--s3);margin:var(--s5) 0 0;max-width:44em}
dl.meta dt{font-family:var(--mono);font-size:var(--t8);letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);padding:7px 0;border-top:1px solid var(--line)}
dl.meta dd{margin:0;padding:7px 0;border-top:1px solid var(--line);font-size:var(--t6)}
@media(max-width:560px){dl.meta{grid-template-columns:1fr}dl.meta dd{border-top:0;padding-top:0}}

dl.tl{display:grid;grid-template-columns:112px 1fr;gap:0 var(--s4);margin:0}
dl.tl dt{font-family:var(--mono);font-size:var(--t7);color:var(--muted);padding:11px 0;
  border-top:1px solid var(--hair)}
dl.tl dd{margin:0;padding:11px 0;border-top:1px solid var(--hair);font-size:.94rem}
@media(max-width:560px){dl.tl{grid-template-columns:1fr}dl.tl dd{border-top:0;padding-top:0}}

.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}
@media(max-width:820px){.g3,.g2{grid-template-columns:1fr}}

.fair{display:grid;grid-template-columns:var(--col-label) 1fr 1fr;gap:0 var(--gutter);
  border-top:1px solid var(--ink);padding:var(--s4) 0 var(--s5)}
@media(max-width:820px){.fair{grid-template-columns:1fr;gap:var(--s3) 0}}
.fair .yy{font-family:var(--sans);font-stretch:65%;font-weight:800;font-size:1.5rem;
  font-variant-numeric:tabular-nums;line-height:1}

.btn{display:inline-block;font-family:var(--mono);font-size:var(--t7);letter-spacing:.13em;
  text-transform:uppercase;border:1px solid var(--ink);padding:10px 16px;text-decoration:none;
  background:var(--ink);color:var(--bg)}
.btn.ghost{background:none;color:var(--ink)}
.btn+.btn{margin-left:var(--s2)}

.note{border-left:2px solid var(--ink);padding:1px 0 1px 14px;font-family:var(--mono);
  font-size:.7rem;line-height:1.6;color:var(--muted);text-transform:none;letter-spacing:.01em;
  max-width:46em}
.src{font-family:var(--mono);font-size:var(--t8);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line);padding:1px 5px;margin-left:6px;white-space:nowrap;color:var(--muted)}
.crumbs{font-family:var(--mono);font-size:var(--t8);letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);margin-bottom:var(--s4)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}

.iggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border:1px solid var(--line)}
@media(max-width:640px){.iggrid{grid-template-columns:repeat(2,1fr)}}
.igc{aspect-ratio:1;background:var(--hair);display:flex;align-items:flex-end;padding:9px}

footer{border-top:1px solid var(--ink);padding:var(--s5) 0 var(--s6);margin-top:var(--s6)}
.foot{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5)}
@media(max-width:760px){.foot{grid-template-columns:1fr 1fr}}
footer a{text-decoration:none;display:block;padding:2px 0}
footer a:hover{color:var(--muted)}
.sig{display:flex;flex-direction:column;align-items:flex-start}
.sig .mark{height:24px;width:38.1px;margin:0 0 14px}
.sig-name{font-family:var(--sans);font-stretch:70%;font-weight:900;font-size:1.1rem;
  letter-spacing:.005em;text-transform:uppercase;line-height:1;margin-bottom:10px}


/* ---------- traka s izjavama ---------- */
.ticker{border-bottom:1px solid var(--ink);background:var(--bg);overflow:hidden;
  position:relative;height:34px;display:flex;align-items:center}
.ticker__track{display:flex;gap:0;white-space:nowrap;will-change:transform;
  animation:slide 46s linear infinite}
.ticker:hover .ticker__track,.ticker:focus-within .ticker__track{animation-play-state:paused}
.ticker span{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);padding:0 26px;position:relative}
.ticker span::after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;
  background:var(--ink);transform:translateY(-50%) rotate(45deg);opacity:.5}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- pokretna traka covera ---------- */
.reel{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  padding:0;margin-top:var(--s5)}
.reel__track{display:flex;gap:0;width:max-content;animation:slide 90s linear infinite}
.reel:hover .reel__track{animation-play-state:paused}
.reel a{display:block;width:150px;flex:0 0 auto;border-right:1px solid var(--line)}
.reel img{display:block;width:150px;height:150px;object-fit:cover;object-position:50% 40%}
@media(max-width:640px){.reel a,.reel img{width:112px}.reel img{height:112px}}

@media(prefers-reduced-motion:reduce){
  .ticker__track,.reel__track{animation:none}
  .ticker__track{transform:none}
  .reel{overflow-x:auto}
}

/* ---------- parovi slika / znakovi ---------- */
.figpair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s4)}
.figpair img{aspect-ratio:4/5;object-fit:cover;object-position:50% 40%}
@media(max-width:640px){.figpair{grid-template-columns:1fr}}
.marks{display:flex;gap:var(--s4);align-items:center;margin:var(--s4) 0 var(--s3)}
.marks>*{width:92px;height:92px;flex:0 0 auto}
.marks .mkbox{background:var(--ink);display:flex;align-items:center;justify-content:center}
.marks .mkbox .mark{width:56px;height:36px;background-color:var(--bg)}
.marks img{display:block;object-fit:contain;border:1px solid var(--line)}
.marks .plus{width:auto;height:auto;font-family:var(--mono);font-size:.9rem;color:var(--muted)}
.blueprint{filter:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .blueprint{filter:invert(1)}}
:root[data-theme="dark"] .blueprint{filter:invert(1)}

/* ---------- portret / kartica osobe ---------- */
.person{display:grid;grid-template-columns:minmax(0,250px) 1fr;gap:var(--s5);align-items:start}
@media(max-width:700px){.person{grid-template-columns:1fr}}
.portrait{aspect-ratio:4/5;border:1px solid var(--ink);display:flex;flex-direction:column;
  justify-content:flex-end;padding:var(--s4);background:var(--ink);color:var(--bg)}
.portrait .pn{font-family:var(--sans);font-stretch:65%;font-weight:800;text-transform:uppercase;
  font-size:1.5rem;line-height:.95}
.portrait .pr{font-family:var(--mono);font-size:var(--t8);letter-spacing:.12em;
  text-transform:uppercase;opacity:.7;margin-top:8px}
.portrait img{width:100%;height:100%;object-fit:cover}
.portrait.has-img{padding:0;display:block}

/* ---------- forma ---------- */
form.contact{max-width:38em}
.field{display:block;margin-bottom:var(--s4)}
.field>span{display:block;font-family:var(--mono);font-size:var(--t8);letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;font-family:var(--sans);font-size:1rem;
  color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:11px 12px;
  border-radius:0;appearance:none}
.field select{background-image:none}
.field textarea{min-height:150px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:none}
.field input::placeholder,.field textarea::placeholder{color:var(--muted)}
form.contact button{font-family:var(--mono);font-size:var(--t7);letter-spacing:.13em;
  text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--bg);
  padding:12px 22px;cursor:pointer}
form.contact button:hover{background:var(--bg);color:var(--ink)}
.hp{position:absolute;left:-9999px}
.formnote{font-family:var(--mono);font-size:var(--t8);letter-spacing:.06em;color:var(--muted);
  line-height:1.7;margin-top:var(--s3);text-transform:none}
.formstat{font-family:var(--mono);font-size:var(--t8);letter-spacing:.06em;color:var(--muted);
  margin-top:var(--s3)}
.formok{border:1px solid var(--ink);padding:var(--s5)}
.formok .lede{margin:0}
.formok .formnote{margin-top:var(--s3)}
.formfail{border:1px solid var(--ink);padding:var(--s4);margin-top:var(--s4);line-height:1.7}
.formfail a{font-weight:600}
form.contact button[disabled]{opacity:.45;cursor:default}

/* ---------- u medijima ---------- */
a.ex.press{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);
  flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
a.ex.press:hover{background:var(--ink);color:var(--bg);
  box-shadow:0 0 0 10px var(--ink);border-bottom-color:var(--ink)}
a.ex.press .pt{flex:1 1 22em;line-height:1.35}
a.ex.press .pm{flex:0 1 auto;max-width:24em;text-align:right;font-size:var(--t8);letter-spacing:.07em;
  opacity:.62;text-transform:none;line-height:1.6}
a.ex.press:hover .pm{opacity:.85}
h2 .cnt{font-size:var(--t8);letter-spacing:.12em;opacity:.45;margin-left:10px;vertical-align:.35em}

/* ---------- traka fotografija ---------- */
.fotostrip{position:relative;left:50%;width:100vw;margin:var(--s5) 0 0 -50vw;
  background:#000;overflow:hidden;padding:12px 0}
.fotostrip__track{display:flex;gap:4px;width:max-content;animation:slide 240s linear infinite}
.fotostrip:hover .fotostrip__track{animation-play-state:paused}
.fotostrip img{display:block;height:170px;width:auto;flex:0 0 auto;
  filter:grayscale(1) contrast(1.05) brightness(.92);
  transition:filter .45s cubic-bezier(.2,.6,.2,1)}
.fotostrip img:hover{filter:none}
@media(max-width:640px){.fotostrip img{height:112px}}
@media(prefers-reduced-motion:reduce){
  .fotostrip__track{animation:none}
  .fotostrip{overflow-x:auto}
}

/* ---------- link kartica ---------- */
.linkcard{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);
  border:1px solid var(--ink);padding:var(--s4) var(--s5);text-decoration:none;flex-wrap:wrap}
.linkcard:hover{background:var(--ink);color:var(--bg)}
.linkcard:hover .lcs{color:var(--bg);opacity:.7}
.lch{font-family:var(--sans);font-stretch:70%;font-weight:800;text-transform:uppercase;
  font-size:clamp(1.2rem,3vw,1.9rem);line-height:1}
.lcs{font-family:var(--mono);font-size:var(--t8);letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted)}

@media(prefers-reduced-motion:reduce){.im,.band,.sq{transition:none}}
@media print{header,nav,footer{display:none}body{font-size:11pt}}