/* ✨ #1211/#1213 What's new — laiko juosta su vamzdžiu (sąrašas /site/whatsnew.json, piešia site/whatsnew.js) */
.rb-puslapis .juosta { background: rgba(6, 8, 11, .82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.wn-p { position: relative; padding: 0 var(--kr) 120px; }
.wn-hero { position: relative; z-index: 1; max-width: 1080px; margin: 0 auto; padding-top: 128px; text-align: center; }
.wn-kicker { justify-content: center; }
.wn-hero h1 { margin: 10px 0 14px; font-size: clamp(44px, 7vw, 96px); line-height: .98; letter-spacing: -.035em;
  background: linear-gradient(180deg, #FFFFFF 30%, #FFC4AA 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wn-apie { margin: 0 auto; max-width: 34em; color: var(--tekstas-2); font-size: clamp(17px, 1.6vw, 20px); }
/* naujausia naujiena — didelis ekranas (iš jo apačios leidžiasi vamzdis) */
.wn-ekranas { display: block; margin-top: clamp(34px, 5vh, 56px); text-decoration: none; color: inherit; }
.wn-ekranas .ekranas-vidus { display: grid; place-items: center; }
.wn-ek-tekstas { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: clamp(16px, 3vw, 34px); text-align: left;
  background: linear-gradient(180deg, transparent, rgba(4, 5, 7, .85) 60%); }
.wn-ek-tekstas small { display: inline-flex; align-items: center; gap: 8px; color: #FFB79A; font-weight: 700; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.wn-ek-tekstas b { display: block; margin-top: 6px; font-size: clamp(22px, 3vw, 38px); line-height: 1.1; color: #fff; }
.wn-ek-tekstas span.wn-ek-s { display: block; margin-top: 6px; max-width: 36em; color: var(--tekstas-2); font-size: clamp(14px, 1.3vw, 17px); }
.wn-ek-tekstas .mygtukas { flex: none; }
/* laiko juosta */
.wn-sarasas { position: relative; z-index: 1; max-width: 1080px; margin: clamp(80px, 10vh, 130px) auto 0; display: grid; gap: clamp(56px, 8vh, 96px); }
.wn-irasas { scroll-margin-top: 110px; }
.wn-irasas .kicker { margin-bottom: 16px; gap: 10px; flex-wrap: wrap; }
.wn-tag { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
.wn-tag.app { background: rgba(232, 93, 42, .16); color: #FFC4AA; }
.wn-tag.site { background: rgba(96, 165, 250, .15); color: #BFDBFE; }
.wn-naujas { padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .08em; background: var(--zenklas, #E85D2A); color: #120A06; box-shadow: 0 0 18px -4px rgba(232, 93, 42, .9); }
.wn-kortele { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: clamp(24px, 4vw, 56px); padding: clamp(20px, 3vw, 36px); border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)); box-shadow: inset 0 0 0 1px var(--linija-2), 0 40px 90px -50px rgba(0, 0, 0, .9);
  transition: box-shadow .4s ease, transform .5s var(--lenk); }
.wn-kortele:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(232, 93, 42, .45), 0 50px 100px -50px rgba(0, 0, 0, .95), 0 0 60px -30px rgba(232, 93, 42, .6); }
.wn-irasas:nth-child(even) .wn-kortele { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.wn-irasas:nth-child(even) .wn-media { order: -1; }
.wn-tekstas h2 { margin: 0 0 12px; font-size: clamp(26px, 3vw, 40px); line-height: 1.08; letter-spacing: -.02em; }
.wn-tekstas p { margin: 0; color: var(--tekstas-2); font-size: 17px; line-height: 1.6; }
.wn-rasti { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding: 8px 14px; border-radius: 14px; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--linija); font-size: 14px; color: var(--blankus); }
.wn-rasti b { color: var(--tekstas); font-weight: 650; }
.wn-isbandyk { display: inline-flex; margin-top: 18px; }
.wn-isbandyk + .wn-rasti, .wn-rasti + .wn-isbandyk { margin-left: 0; }
.wn-veiksmai { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
/* vaizdas: klipas (media) arba ženklo plytelė */
.wn-media { position: relative; aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: #06080B; box-shadow: inset 0 0 0 1px var(--linija-2); }
.wn-media video, .wn-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wn-plyt { position: absolute; inset: 0; display: grid; place-items: center;
  background: radial-gradient(70% 80% at 30% 20%, var(--g1, rgba(232, 93, 42, .55)), transparent 70%), radial-gradient(60% 70% at 90% 100%, var(--g2, rgba(92, 200, 255, .22)), transparent 70%), #0A0F14; }
.wn-plyt::before { content: ''; position: absolute; inset: 0; opacity: .5;
  background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 34px 34px;
  mask-image: radial-gradient(70% 70% at 50% 50%, #000, transparent); -webkit-mask-image: radial-gradient(70% 70% at 50% 50%, #000, transparent); }
.wn-plyt i { position: relative; font-style: normal; font-size: clamp(64px, 9vw, 120px); line-height: 1; filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 40px rgba(232, 93, 42, .35));
  transition: transform .8s var(--lenk); }
.wn-kortele:hover .wn-plyt i, .wn-ekranas:hover .wn-plyt i { transform: scale(1.08) rotate(-4deg); }
.wn-plyt.site { --g1: rgba(96, 165, 250, .5); --g2: rgba(232, 93, 42, .25); }
.wn-krauna { color: var(--blankus); text-align: center; }
@media (max-width: 860px) {
  .wn-kortele, .wn-irasas:nth-child(even) .wn-kortele { grid-template-columns: 1fr; }
  .wn-irasas:nth-child(even) .wn-media, .wn-media { order: -1; }
  .wn-ek-tekstas { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 760px) {
  .wn-hero { padding-top: 104px; }
  .wn-sarasas { padding-left: 34px; }
  .wn-kortele { border-radius: 22px; }
  .wn-tekstas p { font-size: 16px; }
}
/* įsiliejimas slenkant (kaip svetainės [data-r]) + paryškinimas atėjus iš juostos sąrašo */
.wn-irasas { opacity: 0; transform: translateY(46px) scale(.97); filter: blur(10px); transition: opacity 1s var(--lenk), transform 1.15s var(--lenk), filter 1s var(--lenk); }
.wn-irasas.wn-matoma { opacity: 1; transform: none; filter: none; }
.wn-irasas.paryskinta .wn-kortele { box-shadow: inset 0 0 0 1.5px rgba(232, 93, 42, .8), 0 0 60px -20px rgba(232, 93, 42, .8); }
/* #1218 (Domantas: be linijos ir taškų — kaip kiti puslapiai): tik kortelės, data ir žymos virš kiekvienos */
.wn-irasas .kicker { margin-bottom: 14px; }