/*
 * Absurdni arhiv — koralna oblikovna izdaja 0.5.1 za portal 1.1.0.
 * Namen: izrazita uredniška naslovnica in miren prostor za daljšo satiro.
 * Delovanje: dopolni skupni site.v040.css z lokalnimi barvami in naslovnico.
 * Avtor: Damjan Vidmar; kontakt: https://kr-neki.si/
 * Soavtor: OpenAI ChatGPT, tehnična priprava po navodilih avtorja.
 */

/* Koralni poudarek in jantarni odziv ostaneta kontrastna na temni podlagi. */
:root { --accent: #ff5c7a; --accent-secondary: #ffb454; --accent-rgb: 255, 92, 122; }

/* Dvodelna naslovnica loči identiteto arhiva od dejanskega zadnjega prispevka. */
.hero { display: grid; grid-template-columns: 1.02fr .98fr; gap: 64px; align-items: center; padding-block: 66px 72px; }
.hero-copy { min-width: 0; }
.hero h1 { margin: 25px 0 18px; font-size: clamp(3.8rem, 7.6vw, 6.5rem); font-weight: 750; line-height: .99; letter-spacing: -.07em; }
.hero-subtitle { margin: 0 0 22px; color: var(--body-ink); font-size: clamp(1.15rem, 2.1vw, 1.6rem); line-height: 1.4; letter-spacing: -.025em; }
.hero .intro-copy { max-width: 26rem; margin-bottom: 28px; }
.feature-paper { position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 470px; overflow: hidden; padding: 28px 32px; border: 1px solid rgba(var(--accent-rgb), .36); border-radius: 22px; background: radial-gradient(ellipse at 100% 0%, rgba(var(--accent-rgb), .13), transparent 65%), var(--surface); box-shadow: 0 20px 70px rgba(0,0,0,.23); text-decoration: none; }
.feature-paper::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--accent), var(--accent-secondary)); content: ""; }
.feature-paper:hover { color: var(--ink); border-color: var(--accent); box-shadow: 0 18px 70px rgba(var(--accent-rgb), .09); }
.paper-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; padding-bottom: 18px; border-bottom: 1px solid var(--rule); color: var(--muted); font: .65rem/1.7 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.paper-top > span:first-child { color: var(--accent); }
.paper-index { display: block; margin: 32px 0 15px; color: var(--accent-secondary); font: .62rem/1.7 var(--mono); letter-spacing: .14em; }
.feature-paper h2 { position: relative; z-index: 1; max-width: 100%; margin: 0 0 18px; font-size: clamp(2rem, 3.25vw, 3rem); font-weight: 700; line-height: 1.12; letter-spacing: -.045em; overflow-wrap: anywhere; }
.feature-paper p { position: relative; z-index: 1; max-width: 25rem; margin: 0 0 20px; color: var(--muted); font-size: .97rem; line-height: 1.7; }
.paper-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--rule); color: var(--accent); font-size: .82rem; font-weight: 600; }
.paper-bottom span { font-size: 1.4rem; }
.paper-stamp { position: absolute; z-index: 0; right: 28px; bottom: 56px; color: rgba(var(--accent-rgb), .055); font: 800 9rem/1 var(--sans); letter-spacing: -.12em; transform: rotate(-10deg); pointer-events: none; user-select: none; }
.feature-paper .views-indicator { color: var(--muted); opacity: 1; }

/* Enak poudarek ostane prepoznaven tudi pri prehodu na en stolpec. */
@media (max-width: 980px) { .hero { gap: 32px; } .feature-paper { padding-inline: 26px; } }
@media (max-width: 760px) {
  .hero { grid-template-columns: 1fr; gap: 34px; padding-block: 36px 40px; }
  .hero h1 { margin-top: 20px; font-size: clamp(3.5rem, 15vw, 6.5rem); }
  .hero-subtitle { font-size: 1.3rem; }
  .hero .intro-copy { max-width: 30rem; }
  .feature-paper { min-height: 380px; padding: 25px; border-radius: 16px; }
  .feature-paper h2 { font-size: clamp(2rem, 7.8vw, 3rem); }
  .paper-index { margin-top: 25px; }
  .paper-stamp { font-size: 7rem; }
}
@media (max-width: 380px) { .feature-paper { padding-inline: 21px; } }
/* Tiskano besedilo uporablja črnino; barvni zgornji rob je dekorativen. */
@media print { :root { --accent: #000; --accent-secondary: #000; } .feature-paper::before { display: none; } }


/*
 * NADGRADNJA 0.5.1 — koralno-jantarni sijaj in večplastna 3D naslovnica.
 * Avtor: Damjan Vidmar; kontakt: https://kr-neki.si/
 * Soavtor: OpenAI ChatGPT.
 */
.hero { position: relative; isolation: isolate; }
.hero::before {
  position: absolute;
  z-index: -1;
  inset: -35px -10% -15px 36%;
  background: radial-gradient(ellipse at 53% 43%, rgba(255,92,122,.19), transparent 70%),
              radial-gradient(ellipse at 88% 83%, rgba(255,180,84,.10), transparent 58%);
  pointer-events: none;
  content: "";
}
.hero h1 { text-shadow: 0 15px 44px rgba(0,0,0,.65), 0 0 48px rgba(255,92,122,.16); }
.feature-paper {
  border-color: rgba(255,92,122,.65);
  background: linear-gradient(144deg, rgba(255,255,255,.09) 0%, transparent 24%),
              radial-gradient(ellipse at 93% -5%, rgba(255,180,84,.18), transparent 58%),
              radial-gradient(ellipse at 5% 90%, rgba(255,92,122,.11), transparent 74%),
              linear-gradient(155deg, #271e35, #121b2e 54%, #101321 100%);
  box-shadow: 0 4px 1px rgba(0,0,0,.12), 0 28px 70px rgba(0,0,0,.50),
              0 36px 95px -40px rgba(255,92,122,.48),
              0 0 39px rgba(255,92,122,.16), inset 0 1px 0 rgba(255,255,255,.17);
}
.feature-paper::before {
  height: 4px;
  box-shadow: 0 0 17px rgba(255,92,122,.62), 0 0 35px rgba(255,180,84,.23);
}
/* Odsev ob desnem robu ne blokira besedila ali povezave kartice. */
.feature-paper::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: linear-gradient(114deg, rgba(255,255,255,.085), transparent 22%, transparent 64%, rgba(255,180,84,.065));
  pointer-events: none;
  content: "";
}
.feature-paper > :not(.paper-stamp) { position: relative; z-index: 1; }
.paper-top, .paper-bottom { border-color: rgba(255,180,84,.20); }
.paper-stamp { color: rgba(255,180,84,.11); text-shadow: 0 0 40px rgba(255,92,122,.10); }
.feature-paper:hover, .feature-paper:focus-visible {
  border-color: rgba(255,180,84,.87);
  box-shadow: 0 25px 70px rgba(0,0,0,.43), 0 37px 93px -39px rgba(255,180,84,.46),
              0 0 55px rgba(255,92,122,.27), inset 0 1px 0 rgba(255,255,255,.25);
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  .feature-paper { transition: transform .45s cubic-bezier(.19,.8,.24,1), border-color .35s ease, box-shadow .35s ease; }
  .feature-paper:hover { transform: perspective(1400px) translate3d(0,-7px,0) rotateX(1.5deg) rotateY(1.8deg); }
}
@media (max-width: 760px) { .hero::before { inset: 5% -10% -5%; } }
@media (prefers-reduced-motion: reduce) { .feature-paper { transform: none !important; } }
@media (forced-colors: active) {
  .feature-paper { background: Canvas; box-shadow: none; }
  .hero::before, .feature-paper::after { display: none; }
}
@media print {
  .feature-paper { background: #fff !important; box-shadow: none !important; transform: none !important; }
  .hero::before, .feature-paper::after { display: none !important; }
  .hero h1 { text-shadow: none !important; }
}


/* ================================================================
   ENHANCED 3D GLOW v0.5.2 — ABSURDNI ARHIV
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Soavtor: OpenAI ChatGPT
   Karta: koralna / rožnata / jantarna s plastmi 3D in mehkim ambientom.
   ================================================================ */
:root { --accent:#ff5b83; --accent-secondary:#ffb45f; --accent-rgb:255,91,131; }
/* Svetlobni ambient se brez pravokotnega odreza razlije v ozadje. */
.hero { isolation:isolate; }
.hero::before {
  inset:-160px 0 -135px 26%;
  background:
    radial-gradient(ellipse 43% 38% at 68% 37%,rgba(255,103,116,.30),transparent 94%),
    radial-gradient(ellipse 34% 29% at 84% 73%,rgba(255,155,77,.20),transparent 96%),
    radial-gradient(ellipse 38% 45% at 24% 60%,rgba(237,69,149,.105),transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 78% 76% at 63% 52%,#000 31%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 76% at 63% 52%,#000 31%,transparent 100%);
}
/* Dekorativni orbitni obroč ni slika, ne sprejema klikov, ne povzroča animacij. */
.hero::after {
  position:absolute;z-index:-1;
  right:8%;top:4%;width:45%;height:81%;
  border:1px solid rgba(255,128,126,.12);
  border-left-color:transparent;
  border-radius:50%;
  transform:rotate(-25deg);
  box-shadow: 0 0 40px rgba(255,82,134,.09),inset 0 0 60px rgba(255,113,91,.055);
  pointer-events:none;content:'';
}
.hero h1 { text-shadow:0 13px 42px rgba(0,0,0,.65),0 0 48px rgba(255,91,131,.12); }
.feature-paper {
  min-height:470px;
  border:1px solid rgba(255,105,143,.81);
  background:
    linear-gradient(141deg,rgba(255,255,255,.095),transparent 34%),
    radial-gradient(ellipse at 96% -3%,rgba(255,181,91,.21),transparent 63%),
    radial-gradient(ellipse at 4% 99%,rgba(242,78,149,.17),transparent 66%),
    linear-gradient(153deg,#2b233a,#161e32 55%,#0e1528);
  box-shadow:0 4px 0 rgba(0,0,0,.26), 0 30px 82px rgba(0,0,0,.52),
             0 41px 105px -47px rgba(255,96,138,.59),
             0 0 46px rgba(255,81,143,.22),
             inset 0 1px 0 rgba(255,255,255,.30),
             inset -2px 0 0 rgba(255,173,115,.15);
}
.feature-paper::before {
  height:3px;
  background:linear-gradient(90deg,#fa4d97 0%,#ff638c 45%,#ffbf64 100%);
  box-shadow:0 0 16px rgba(255,96,142,.73),0 0 30px rgba(255,168,99,.20);
}
.feature-paper::after {
  z-index:0;
  border:1px solid rgba(255,176,156,.13);
  background:
    linear-gradient(113deg,rgba(255,255,255,.075),transparent 30%,transparent 70%,rgba(255,169,95,.11)),
    radial-gradient(ellipse at 104% 101%,rgba(255,137,90,.08),transparent 63%);
  box-shadow:inset 0 0 55px rgba(244,70,142,.035);
}
/* Spodnji watermark pridobi vizualni relief, a ostane sekundaren. */
.paper-stamp {
  right:15px;bottom:48px;
  color:rgba(255,153,110,.20);
  -webkit-text-stroke:1px rgba(255,166,120,.19);
  text-shadow:1px 1px 0 rgba(255,120,109,.13),3px 3px 0 rgba(117,56,77,.17),
              7px 9px 2px rgba(22,17,37,.43),0 0 31px rgba(255,112,115,.23);
  transform:perspective(820px) rotateX(8deg) rotateY(-15deg) rotateZ(-9deg);
}
.paper-top,.paper-bottom { border-color:rgba(255,171,124,.28); }
.feature-paper:hover,.feature-paper:focus-visible {
  border-color:rgba(255,190,131,.96);
  box-shadow:0 30px 74px rgba(0,0,0,.51),0 43px 112px -37px rgba(255,154,117,.58),
             0 0 64px rgba(255,92,130,.31),inset 0 1px 0 rgba(255,255,255,.28);
}
@media (hover:hover) and (pointer:fine) and (min-width:769px) and (prefers-reduced-motion:no-preference) {
  .feature-paper:hover {
    transform:perspective(1450px) translate3d(0,-9px,0) rotateX(1.5deg) rotateY(1.3deg);
  }
  .paper-stamp { transition:transform .5s cubic-bezier(.17,.74,.19,1); }
  .feature-paper:hover .paper-stamp {
    transform:perspective(820px) rotateX(10deg) rotateY(-11deg) rotateZ(-6deg) translateY(-4px);
  }
}
@media (max-width:980px) {
  .hero::before { inset:-55px 0 -70px 10%; }
  .hero::after { right:7%;top:13%;width:53%;height:65%; }
}
@media (max-width:760px) {
  .hero::before { inset:-38px 0 -50px; }
  .hero::after { display:none; } /* brez vodoravnega preliva na telefonih */
  .feature-paper{min-height:380px;}
  .paper-stamp{font-size:7rem;opacity:.66;}
}
@media (prefers-reduced-motion:reduce) {
  .feature-paper,.paper-stamp{transition:none !important;}
  .feature-paper:hover{transform:none !important;}
}
@media (forced-colors:active) {
  .hero::before,.hero::after,.feature-paper::after,.paper-stamp{display:none !important;}
  .feature-paper{box-shadow:none !important;}
}
@media print {
  .hero::before,.hero::after,.feature-paper::after,.paper-stamp{display:none !important;}
  .feature-paper{background:#fff !important;box-shadow:none !important;}
}


/* ======================================================================
   v0.5.4 MIRROR GLASS — ABSURDNI ARHIV (koral/jantar)
   Avtor: Damjan Vidmar | https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT
   ====================================================================== */
.hero { padding-block:50px 46px;gap:54px; }
.hero h1 {text-shadow:0 12px 40px rgba(0,0,0,.72),0 0 32px rgba(255,91,131,.11);}
.hero::before {
  background:
    radial-gradient(ellipse 42% 44% at 68% 41%,rgba(255,87,131,.27),transparent 97%),
    radial-gradient(ellipse 35% 31% at 89% 75%,rgba(255,167,104,.18),transparent 100%);
  mask-image:radial-gradient(ellipse 82% 80% at 67% 50%,#000 22%,transparent 100%);
}
.feature-paper {
  min-height:445px;
  border-radius:24px;
  border:1px solid rgba(255,157,174,.89);
  background:
    linear-gradient(147deg,rgba(255,250,255,.175) 0%,rgba(255,255,255,.042) 21%,transparent 42%),
    radial-gradient(ellipse 62% 57% at 101% 2%,rgba(255,183,112,.25),transparent 85%),
    radial-gradient(ellipse 77% 63% at 14% 100%,rgba(242,78,149,.12),transparent 90%),
    linear-gradient(150deg,#33233d 0%,#202139 48%,#10192c 100%);
  box-shadow:
    0 31px 82px rgba(0,0,0,.54),
    0 44px 96px -40px rgba(255,97,139,.52),
    0 0 46px rgba(255,98,141,.23),
    inset 0 2px 0 rgba(255,251,254,.52),
    inset 2px 0 0 rgba(255,200,195,.28),
    inset -2px 0 0 rgba(255,181,106,.25),
    inset 0 -2px 0 rgba(98,39,67,.48);
}
.feature-paper::before {
  height:3px;
  background:linear-gradient(90deg,#ff6baf,#ff668d 50%,#ffd188 100%);
  box-shadow:0 0 17px rgba(255,94,137,.73),0 0 34px rgba(255,170,108,.32);
}
.feature-paper::after {
  z-index:0;inset:0;border-radius:inherit;
  border:1px solid rgba(255,226,219,.22);
  background:
    linear-gradient(153deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.047) 18%,transparent 38%),
    linear-gradient(115deg,transparent 42%,rgba(255,247,239,.060) 59%,transparent 75%),
    linear-gradient(0deg,rgba(255,111,132,.078),transparent 20%);
  box-shadow:inset 0 0 44px rgba(255,179,140,.055),
             inset 0 20px 29px -27px rgba(255,255,255,.18);
  pointer-events:none;
}
.feature-paper > :not(.paper-stamp) {position:relative;z-index:1;}
.paper-stamp {
  color:rgba(255,137,126,.20);
  -webkit-text-stroke:1px rgba(255,199,177,.40);
  text-shadow:
    2px 2px 0 rgba(255,144,140,.25),
    4px 5px 0 rgba(161,72,89,.27),
    8px 12px 3px rgba(51,20,46,.53),
    0 0 31px rgba(255,122,125,.39),
    0 0 66px rgba(255,123,109,.18);
  transform:perspective(900px) rotateX(9deg) rotateY(-17deg) rotateZ(-7deg);
}
.paper-top,.paper-bottom {border-color:rgba(255,191,174,.28);}
@media (hover:hover) and (pointer:fine) and (min-width:769px) and (prefers-reduced-motion:no-preference) {
  .feature-paper:hover {
    transform:perspective(1450px) translate3d(0,-7px,0) rotateX(1deg) rotateY(1.25deg);
    box-shadow:0 35px 90px rgba(0,0,0,.56),
               0 50px 101px -40px rgba(255,117,143,.62),
               0 0 62px rgba(255,111,148,.27),
               inset 0 2px 0 rgba(255,253,251,.60);
  }
}
@media (max-width:980px) {
  .hero {gap:32px;}
}
@media (max-width:760px) {
  .hero {padding-block:34px 30px;}
  .feature-paper {min-height:380px;border-radius:17px;}
  .feature-paper::after {opacity:.76;}
}
@media (forced-colors:active) {
  .feature-paper {background:Canvas !important;box-shadow:none !important;border:1px solid CanvasText !important;}
  .feature-paper::before,.feature-paper::after,.paper-stamp,.hero::before {display:none !important;}
}
@media print {
  .feature-paper {background:#fff !important;box-shadow:none !important;}
  .feature-paper::before,.feature-paper::after,.paper-stamp,.hero::before {display:none !important;}
}


/* ========================================================================
   v0.5.4c – mehka desna svetlobna meja (ABSURDNI ARHIV).
   Namen: odstranitev vidnega pravokotnega/vertikalnega odseka ambienta.
   Poseg: samo .hero::before; brez sprememb kartice, gumbov in števcev.
   Avtor: Damjan Vidmar | kontakt: https://kr-neki.si/
   Tehnični soavtor: OpenAI ChatGPT
   ======================================================================== */
.hero::before {
  /* Psevdoplast ostane znotraj razpoložljive širine naslovnega bloka.
     S tem ni nevarnosti novega vodoravnega drsenja. */
  background:
    radial-gradient(
      ellipse 52% 47% at 63% 40%,
      rgba(255, 87, 131, .25) 0%,
      rgba(255, 87, 131, .12) 33%,
      rgba(255, 87, 131, 0) 90%
    ),
    radial-gradient(
      ellipse 38% 39% at 69% 74%,
      rgba(255, 169, 101, .15) 0%,
      rgba(255, 169, 101, 0) 90%
    );
  /* Robovi svetlobne plasti se izgubijo v ozadju, še preden se
     psevdo-element konča. Enaki vrednosti za WebKit in druge brskalnike. */
  -webkit-mask-image: radial-gradient(
    ellipse 52% 63% at 47% 50%,
    #000 8%,
    rgba(0, 0, 0, .88) 37%,
    rgba(0, 0, 0, .36) 67%,
    transparent 97%
  );
  mask-image: radial-gradient(
    ellipse 52% 63% at 47% 50%,
    #000 8%,
    rgba(0, 0, 0, .88) 37%,
    rgba(0, 0, 0, .36) 67%,
    transparent 97%
  );
}

/* ========================================================================
 * ABSURDNI ARHIV — prilagoditev kartic s slikami, v1.0.0 (27. 10. 2026)
 * Namen: popravek arhivskih kartic, pri katerih je dodana slika povzrocila
 *        cetrti element v prvotni tristolpcni mrezi CSS Grid.
 * Delovanje: odzivna mreza postavi naslovnico in besedilo v dva berljiva
 *            stolpca; na ozjih zaslonih ju zlozi enega pod drugega.
 *            Kartice brez naslovnice ostanejo enostolpcne. Dopolnjena je
 *            tudi razporeditev naslovnic na karticah naslovne strani.
 * Varnost: izkljucno slogovni popravek. Ne spreminja vsebine, vnosov,
 *          avtentikacije, statistike ali objavnega mehanizma.
 * Avtor: Damjan Vidmar | kontakt: https://kr-neki.si/
 * Tehnicni soavtor: OpenAI ChatGPT
 * ======================================================================== */

/* Arhiv: vsaka slika je svoj stolpec in besedilo nikoli ne pristane v
   ozkem stolpcu, ki je bil prej namenjen gumbu za odpiranje. */
html[data-project="absurd"] .archive .entry-row {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas: "number number" "image content";
  align-items: start;
  column-gap: clamp(20px, 2.7vw, 34px);
  row-gap: 16px;
  padding: clamp(18px, 2.5vw, 30px);
}

/* Zaporedna stevilka je nad naslovnico; na ozjem zaslonu ne izgine. */
html[data-project="absurd"] .archive .entry-row > .entry-number {
  display: block;
  grid-area: number;
  padding: 0;
}

/* Slikovni del ne podeduje flex-basis in velikanskih implicitnih stolpcev. */
html[data-project="absurd"] .archive .entry-row > .entry-media-link {
  display: block;
  grid-area: image;
  align-self: start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  flex: none;
}
html[data-project="absurd"] .archive .entry-row .entry-media {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #020611;
  border-radius: 12px;
  border: 1px solid rgba(175, 214, 236, .13);
}

/* Preostali prostor pripada besedilu; dodan spodnji odmik je namenjen
   povezavi za odpiranje in preprecuje prekrivanje s stevcem ogledov. */
html[data-project="absurd"] .archive .entry-row > .entry-main {
  grid-area: content;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding-bottom: 55px;
}
html[data-project="absurd"] .archive .entry-row .entry-main h3 {
  max-width: none;
  margin-top: .7rem;
  font-size: clamp(1.4rem, 2.5vw, 2.15rem);
  line-height: 1.18;
  overflow-wrap: break-word;
  hyphens: auto;
}
html[data-project="absurd"] .archive .entry-row .entry-main p {
  max-width: 100%;
  font-size: clamp(.9rem, 1.1vw, 1rem);
  line-height: 1.7;
  overflow-wrap: break-word;
}

/* Gumb je znotraj kartice, spodaj desno, ne v lastni vrstici Grid. */
html[data-project="absurd"] .archive .entry-row > .entry-open {
  position: absolute;
  right: clamp(18px, 2.5vw, 30px);
  bottom: clamp(18px, 2.5vw, 30px);
  z-index: 2;
  width: 44px;
  height: 44px;
  margin: 0;
}

/* Kadar objava nima slike, besedilo uporablja vso sirino kartice. */
html[data-project="absurd"] .archive .entry-row:not(:has(> .entry-media-link)) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "number" "content";
}
html[data-project="absurd"] .archive .entry-row:not(:has(> .entry-media-link)) > .entry-main {
  max-width: 54rem;
}

/* Naslovnica: kartice s slikami dobijo dodatno vrstico med stevilko in
   opisom. Kartic brez slik se to pravilo ne dotakne. */
html[data-project="absurd"] .latest-section .entry-row:has(> .entry-media-link) {
  grid-template-rows: 30px auto 1fr;
}
html[data-project="absurd"] .latest-section .entry-row > .entry-media-link {
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
}
html[data-project="absurd"] .latest-section .entry-row > .entry-media-link .entry-media {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #020611;
  border-radius: 10px;
}
html[data-project="absurd"] .latest-section .entry-row:has(> .entry-media-link) > .entry-main {
  grid-column: 1 / -1;
  grid-row: 3;
}

/* Tablice in ozji prenosniki: zaporedje slika -> besedilo je berljivejse
   kot dva pretirano ozka stolpca. */
@media (max-width: 820px) {
  html[data-project="absurd"] .archive .entry-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas: "number" "image" "content";
    row-gap: 14px;
  }
  html[data-project="absurd"] .archive .entry-row:not(:has(> .entry-media-link)) {
    grid-template-rows: auto auto;
    grid-template-areas: "number" "content";
  }
  html[data-project="absurd"] .archive .entry-row .entry-main h3 {
    font-size: clamp(1.35rem, 5vw, 1.9rem);
  }
  html[data-project="absurd"] .archive .entry-row .entry-main p {
    font-size: .94rem;
  }
}

/* Izjemno ozki telefoni: manjsi odmiki brez spreminjanja razmerja slike. */
@media (max-width: 390px) {
  html[data-project="absurd"] .archive .entry-row {
    padding: 16px;
    row-gap: 12px;
  }
  html[data-project="absurd"] .archive .entry-row > .entry-open {
    right: 16px;
    bottom: 16px;
  }
}