/* ==========================================================================
   re-forma.lt · maketas „Lapas“ · assets/css/pages/apie.css  (savininkas P4)
   7.5 Apie mus – tik išdėstymas ir sekcijų specifika; spalvos, šriftai, šešėliai,
   tarpai ir judesys – tik style.css tokenai. Mobile-first; lūžiai 640 · 760 · 1000.
   Laikini komponentai, kurių dar nėra style.css (TODO F, žr. _brief/build/F-P4.md):
   rf-pagehead--scene, rf-submenu, rf-services, citatos pabraukimas.
   CLS (10.7): statiniai tekstai – apie.html; JS pildomos vietos, matomos pirmame ekrane (scena, legenda),
   turi rezervuotą aukštį, todėl atvaizdavus turinys nepasislenka.
   ========================================================================== */

/* CLS (10.7/11) – vietinis apėjimas kaip index.css (F-P1.md): naršyklė nupiešia pirmą kadrą PRIEŠ `defer`
   skriptus, todėl main.js įterpiama mock juosta + antraštė stumdavo visą turinį. Vietos žymės rezervuoja aukštį,
   kol jas pakeičia sugeneruotas HTML; pirmo ekrano H1 nematomas, kol neišskaidytas (C3) – be dvigubo mirktelėjimo. */
div[data-rf-include="mockbar"]{ display:block; height:var(--rf-mockbar-h); background:var(--rf-ink); }
div[data-rf-include="header"]{ display:block; height:var(--rf-header-h); }
@media (prefers-reduced-motion:no-preference){
  html.rf-js:not(.rf-rm) #apie-h1[data-split]:not(.rf-split-done){ opacity:0; }
}

.rf-apie{
  --rf-apie-sub-h:58px;                                   /* submeniu aukštis (44 px chip + 2 × 6 px + 2 × 1 px) */
}
/* Inkarai (7.5/2, 10.7 „submeniu inkarai veikia su scroll-margin-top“): sekcijos turi savo viršaus paraštę,
   todėl tikslas prasideda tiksliai po lipniais elementais – be ankstesnės sekcijos juostelės.
   < 1000: tik antraštė (submeniu neprilimpa, filtrų juostos nėra) */
.rf-apie [id]{ scroll-margin-top:var(--rf-header-h); }
@media (min-width:1000px){
  .rf-apie [id]{ scroll-margin-top:calc(var(--rf-header-h) + var(--rf-apie-sub-h)); }
  /* sekcijų antraštės su ilgesniu tekstu dešinėje: eyebrow lieka prie H2 (ne išsiskiria per eilutės aukštį) */
  .rf-apie .rf-sechead > .rf-eyebrow{ align-self:end; }
  .rf-apie .rf-sechead > .rf-sechead__aside{ grid-column:8 / span 5; }
  .rf-apie .rf-sechead__aside .rf-lead{ font-size:clamp(1.0625rem, .95rem + .45vw, 1.3125rem); }
  /* Antraštės su ilga įžanga (Veiklos kryptys, Projektai, Klientai): įžanga per 3 eilutes, pirmoji (fr) sugeria
     jos perteklinį aukštį – eyebrow lieka 18 px virš H2, o ne „nuplaukia“ per ištemptą eilutę */
  .rf-apie .rf-apie-sechead{ grid-template-rows:minmax(0,1fr) auto auto; row-gap:0; }
  .rf-apie .rf-apie-sechead > .rf-eyebrow{ grid-row:2; margin-bottom:18px; }
  .rf-apie .rf-apie-sechead > h2{ grid-row:3; }
  .rf-apie .rf-apie-sechead > .rf-sechead__aside{ grid-row:1 / span 3; }
}
/* Legendos (antraštė, studija): Pav. | pavadinimas | žyma – ilgas pavadinimas laužosi, žyma lieka dešinėje */
.rf-apie .rf-legend li{ display:grid; grid-template-columns:3.8em minmax(0,1fr) auto; column-gap:12px; align-items:baseline; }
.rf-apie .rf-legend .rf-tag{ margin-left:0; align-self:center; }
@media (max-width:639.98px){
  .rf-apie .rf-legend li{ grid-template-columns:3.8em minmax(0,1fr); row-gap:8px; }
  .rf-apie .rf-legend .rf-tag{ grid-column:2; justify-self:start; }
}


/* ==========================================================================
   1 · ANTRAŠTĖ SU GYLIO SCENA  rf-pagehead--scene  (7.5/1)
   TODO F: rf-pagehead / rf-pagehead--scene komponentas (bendras su 7.2, 7.3, 7.6)
   ========================================================================== */
.rf-pagehead--scene{
  position:relative; overflow:clip;                        /* pelės sluoksniai ir L0 nekuria horizontalaus slinkimo */
  padding-top:clamp(24px, 4vw, 56px); padding-bottom:clamp(40px, 5vw, 72px);
}
.rf-pagehead__grid{ display:grid; grid-template-columns:minmax(0,1fr); row-gap:28px; }
.rf-pagehead__intro{ display:flex; flex-direction:column; gap:16px; }
.rf-pagehead__title{ max-width:13em; }
.rf-pagehead__legend{ max-width:34rem; }
.rf-pagehead__legend li{ font-size:var(--rf-fs-small); }
.rf-pagehead__legend .rf-link{ color:var(--rf-graphite); padding-block:5px; background-position:0 calc(100% - 4px); } /* taikinys ≥ 24 px (10.2) */
/* legenda atvaizduojama JS: vieta rezervuota, kad mobiliajame po ja esantis submeniu nepasislinktų (CLS) */
html.rf-js .rf-pagehead__legend:empty{ min-height:154px; }
@media (min-width:640px){ html.rf-js .rf-pagehead__legend:empty{ min-height:98px; } }
@media (hover:hover){ .rf-pagehead__legend .rf-link:hover{ color:var(--rf-moss); } }

/* Scena: mobiliajame – tik L2 rėmas su L1 fone (7.5/1) */
.rf-pagehead__scene{ position:relative; aspect-ratio:1 / .84; }
.rf-scene__layer{ position:absolute; }
.rf-scene__l0,.rf-scene__l3{ display:none; }
.rf-scene__l1{ top:0; left:0; width:68%; z-index:1; }
.rf-scene__l2{ right:0; bottom:0; width:84%; z-index:2; }
.rf-scene__l2 .rf-frame{ box-shadow:var(--rf-d2); }       /* L2 – paspartu + --rf-d2 (7.5/1) */
.rf-scene__l1 .rf-frame{ box-shadow:none; }

/* Mobiliajame: eyebrow + H1 → scena → legenda */
@media (max-width:999.98px){
  .rf-pagehead__text{ display:contents; }
  .rf-pagehead__intro{ order:1; }
  .rf-pagehead__scene{ order:2; margin-top:8px; }
  .rf-pagehead__legend{ order:3; }
}
@media (min-width:640px) and (max-width:999.98px){
  .rf-pagehead__scene{ aspect-ratio:auto; height:clamp(420px, 62vw, 560px); }
  .rf-scene__l1{ width:56%; }
  .rf-scene__l2{ width:70%; }
}

@media (min-width:1000px){
  .rf-pagehead--scene{
    display:flex; flex-direction:column;
    min-height:calc(80vh - var(--rf-header-h)); min-height:calc(80svh - var(--rf-header-h));
    padding-top:clamp(32px, 3.4vw, 56px); padding-bottom:clamp(48px, 4.6vw, 72px);
  }
  .rf-pagehead__grid{
    flex:1 1 auto; grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--rf-gap);
  }
  .rf-pagehead__text{
    grid-column:1 / span 6; display:flex; flex-direction:column; justify-content:space-between; gap:48px;
    padding-top:clamp(8px, 2vw, 32px); padding-right:clamp(0px, 2vw, 32px);
  }
  .rf-pagehead__title{ font-size:var(--rf-fs-h1); min-height:calc(2em * var(--rf-lh-display)); }
  .rf-pagehead__scene{ grid-column:7 / span 6; aspect-ratio:auto; min-height:clamp(440px, 36vw, 600px); }

  /* L0: tinko faktūra (Pexels ≤ 960 px, 9 sk.), bėga iki lango krašto */
  .rf-scene__l0{
    display:block; top:0; bottom:9%; left:14%; right:calc(-1 * var(--rf-gutter)); max-width:960px; z-index:0;
  }
  .rf-scene__tex{ position:absolute; inset:0; overflow:hidden; background:var(--rf-mat); }
  .rf-scene__teximg{ width:100%; height:100%; object-fit:cover; opacity:.35; }
  /* L1: kliento planas, pilkas; L2: B66 C 01; L3: mosto lankai */
  .rf-scene__l1{ top:5%; left:0; width:54%; }
  .rf-scene__l2{ right:6%; bottom:0; width:66%; }
  .rf-scene__l3{ display:block; top:-3%; right:4%; width:40%; z-index:1; pointer-events:none; }
  .rf-scene__arcs{ width:100%; height:auto; }
}
@media (min-width:1440px){
  .rf-scene__l2{ width:64%; }
}


/* ==========================================================================
   2 · SUBMENIU  rf-submenu  (7.5/2)
   ≥ 1000: lipnus po antrašte (data-sticky="below-header"), --rf-header-bg + blur;
   < 1000: neprilimpa, horizontaliai slenkanti rf-chip eilutė (kaip filtrų juosta).
   TODO F: rf-submenu komponentas (Page Submenu [K 6.18])
   ========================================================================== */
.rf-submenu{
  /* position: sticky (≥ 1000) / relative (< 1000) – style.css [data-sticky]; +1 – virš lipnaus Studijos teksto
     (tas pats --rf-z-sticky, bet vėlesnis DOM), kad sekcijos pabaigoje eyebrow/H2 neužlįstų ant juostos */
  z-index:calc(var(--rf-z-sticky) + 1);
  background-color:var(--rf-page-bg); border-top:1px solid var(--rf-line); border-bottom:1px solid var(--rf-line);
}
.rf-submenu__list{
  display:flex; align-items:center; gap:2px; list-style:none;
  margin:0 calc(-1 * var(--rf-gutter)); padding:6px var(--rf-gutter) 6px calc(var(--rf-gutter) - 10px);
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain;
  scroll-snap-type:x proximity; scroll-padding-inline:var(--rf-gutter);
  -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 48px), transparent);
          mask-image:linear-gradient(to right, #000 calc(100% - 48px), transparent);
}
.rf-submenu__list::-webkit-scrollbar{ display:none; }
.rf-submenu__list > li{ flex:none; }
@media (min-width:1000px){
  .rf-submenu{
    background-color:var(--rf-header-bg);
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  }
  .rf-submenu__list{
    margin:0 0 0 -10px; padding:6px 0; overflow:visible; gap:8px;
    -webkit-mask-image:none; mask-image:none;
  }
}


/* ==========================================================================
   3 · STUDIJA  (#studija – kaip Pradžios 2 blokas, 7.1/2)
   ========================================================================== */
.rf-apie-studio{ padding-top:clamp(56px, 6vw, 104px); }       /* submeniu jau atskiria nuo antraštės */
.rf-apie-studio__grid{ display:grid; grid-template-columns:minmax(0,1fr); row-gap:clamp(40px, 7vw, 64px); }
.rf-apie-studio__text{ display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.rf-apie-studio__h2{ font-size:clamp(1.625rem, 1.15rem + 1.5vw, 2.5rem); line-height:1.14; }
.rf-apie-studio__p{ color:var(--rf-graphite); max-width:var(--rf-w-text); }
.rf-apie-studio__text .rf-legend{ align-self:stretch; margin-top:8px; }
.rf-apie-studio__media{ position:relative; }
.rf-apie-studio__media .rf-cascade{ z-index:1; }
/* TODO F: data-reveal="mask" galutinė būsena clip-path:inset(0) nukerpa sluoksnių šešėlius (--rf-d2/--rf-d3, 5.21);
   laikinai – kaukė baigiasi už rėmo ribų (šešėliams vietos), judesys tas pats (iš apačios į viršų) */
html.rf-js .rf-apie .rf-cascade__layer[data-reveal="mask"].is-in{ clip-path:inset(-90px -90px -160px -90px); }
.rf-apie-studio__arcs{ position:absolute; z-index:0; right:-2%; bottom:-7%; width:56%; height:auto; pointer-events:none; }
/* Koliažas < 1000: sluoksniai persidengia mažiau (5.21), kad Pav. 2 (vidurinis) būtų įskaitomas, o ne siaura juostelė
   po priekiniu kadru. TODO F: perkelti į style.css 25 sk. (žr. F-P4.md) */
@media (max-width:639.98px){
  .rf-apie-studio .rf-cascade{ aspect-ratio:1 / 1.1; }
  .rf-apie-studio .rf-cascade__layer--rear{ width:70%; }
  .rf-apie-studio .rf-cascade__layer--front{ top:30%; width:60%; }
  .rf-apie-studio .rf-cascade__layer--mid{ width:56%; }
}
@media (min-width:640px) and (max-width:999.98px){
  .rf-apie-studio .rf-cascade{ aspect-ratio:1.25 / 1; }
  .rf-apie-studio .rf-cascade__layer--rear{ width:60%; }
  .rf-apie-studio .rf-cascade__layer--front{ top:34%; width:52%; }
  .rf-apie-studio .rf-cascade__layer--mid{ width:50%; }
}
@media (min-width:1000px){
  .rf-apie-studio__grid{ grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--rf-gap); align-items:start; }
  .rf-apie-studio__text{ grid-column:1 / span 5; align-self:start; padding-right:clamp(0px, 2vw, 32px); }
  .rf-apie-studio__text[data-sticky]{ top:calc(var(--rf-header-offset) + var(--rf-apie-sub-h) + 32px); }
  .rf-apie-studio__media{ grid-column:6 / span 7; padding-left:clamp(0px, 2vw, 40px); }
  .rf-apie-studio__arcs{ right:-3%; bottom:-9%; width:50%; }
}


/* ==========================================================================
   4 · SKAIČIAI  (5.16, 5 skaičiai)
   ========================================================================== */
.rf-apie-stats{ padding-top:calc(var(--rf-section-y) * .5); }
@media (min-width:760px) and (max-width:999.98px){
  .rf-apie-stats .rf-stat__num{ font-size:clamp(3rem, 1rem + 5vw, 4.5rem); }   /* 5 skaičiai planšetėje telpa */
}
@media (max-width:759.98px){
  .rf-apie-stats .rf-stats__list > .rf-stat:last-child{ grid-column:1 / -1; }  /* 5-as skaičius per visą eilutę */
}


/* ==========================================================================
   5 · VEIKLOS KRYPTYS + PASLAUGOS  (#kryptys, sand)
   ========================================================================== */
.rf-apie-dir__cols{ display:grid; grid-template-columns:minmax(0,1fr); gap:48px var(--rf-gap); }
@media (min-width:760px){ .rf-apie-dir__cols{ grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:clamp(32px, 5vw, 96px); } }
.rf-apie-dir__wrap{ min-width:0; }
.rf-apie-dir__col{ position:relative; display:flex; flex-direction:column; gap:14px; height:100%; padding-top:28px; }
.rf-apie-dir__rule{ position:absolute; left:0; right:0; top:0; background:var(--rf-ink); }
.rf-apie-dir__title{ font-size:var(--rf-fs-h3); line-height:1.2; }
.rf-apie-dir__col > p{ color:var(--rf-graphite); max-width:34rem; }
.rf-apie-dir__cats{
  list-style:none; margin:6px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:var(--rf-gap);
}
/* planšetė: 2 kryptys greta, todėl kiekvienos kategorijos – vienu stulpeliu (be „Kavinės ir / restoranai“ lūžių) */
@media (min-width:760px) and (max-width:999.98px){ .rf-apie-dir__cats{ grid-template-columns:minmax(0,1fr); } }
.rf-apie-dir__cat{
  position:relative; display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  min-height:48px; padding:13px 0 12px; border-bottom:1px solid var(--rf-line);
  font-size:15px; line-height:1.4; color:var(--rf-ink); text-decoration:none;
  transition:color var(--rf-t-1) linear, border-color var(--rf-t-2) linear;
}
.rf-apie-dir__cat .rf-count{ transition:transform var(--rf-t-2) var(--rf-e-out); }
.rf-apie-dir__cat::after{                                 /* rodyklė išnyra hover/fokuso metu */
  content:""; position:absolute; right:0; top:50%; width:16px; height:16px; margin-top:-8px; background:currentColor;
  -webkit-mask:var(--rf-ico-arrow) center / 16px no-repeat; mask:var(--rf-ico-arrow) center / 16px no-repeat;
  opacity:0; transform:translateX(-8px); transition:opacity var(--rf-t-2) var(--rf-e-out), transform var(--rf-t-2) var(--rf-e-out);
}
@media (hover:hover){
  .rf-apie-dir__cat:hover{ color:var(--rf-moss); border-color:var(--rf-ink); }
  .rf-apie-dir__cat:hover .rf-count{ transform:translateX(-26px); }
  .rf-apie-dir__cat:hover::after{ opacity:1; transform:none; }
}
.rf-apie-dir__cat:focus-visible{ outline-offset:2px; color:var(--rf-moss); border-color:var(--rf-ink); }
.rf-apie-dir__cat:focus-visible .rf-count{ transform:translateX(-26px); }
.rf-apie-dir__cat:focus-visible::after{ opacity:1; transform:none; }
.rf-apie-dir__after{
  margin-top:clamp(40px, 5vw, 72px); max-width:44rem;
  font-size:var(--rf-fs-lead); line-height:1.5; color:var(--rf-ink); text-wrap:pretty;
}

/* Paslaugų sąrašas rf-services (7.5/5): žiniaraščio lentelė, 4 grupės A–D, 01–15
   TODO F: rf-services komponentas (Horizontal List Item + Border Animation [K 4.4]) */
.rf-services{ margin-top:clamp(48px, 6vw, 88px); border-top:1px solid var(--rf-ink); }
.rf-services__group{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding-top:22px; }
.rf-services__group + .rf-services__group{ margin-top:clamp(20px, 3vw, 40px); border-top:1px solid var(--rf-line-ui); }
.rf-services__gh{ display:flex; align-items:baseline; gap:14px; margin:0; font-size:inherit; line-height:1.4; }
.rf-services__letter{
  flex:none; min-width:1.1em; font-family:var(--rf-font-display); font-size:clamp(1.75rem, 1.3rem + 1.2vw, 2.5rem);
  font-weight:var(--rf-wght-display); line-height:1; font-stretch:112%; color:var(--rf-ink);
}
.rf-services__list{ list-style:none; margin:0; padding:0; }
.rf-services__row{
  position:relative; display:grid; grid-template-columns:2.6em minmax(0,1fr); align-items:baseline; gap:12px;
  min-height:56px; padding:15px 12px 14px 0;
  transition:background-color var(--rf-t-2) var(--rf-e-out);
}
.rf-services__row::before,
.rf-services__row::after{                                 /* ::before – plaukinė (įėjimas), ::after – tušo linija (hover) */
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px; transform-origin:left center; pointer-events:none;
}
.rf-services__row::before{ background:var(--rf-line-ui); opacity:.55; }
.rf-services__row::after{ background:var(--rf-ink); transform:scaleX(0); transition:transform 600ms var(--rf-e-draw); }
.rf-services__nr{ font-family:var(--rf-font-data); font-size:var(--rf-fs-micro); line-height:1.4; letter-spacing:.04em; color:var(--rf-lead); font-variant-numeric:tabular-nums; }
.rf-services__title{
  display:block; font-size:var(--rf-fs-h4); line-height:1.35; color:var(--rf-ink); text-wrap:pretty;
  transition:transform var(--rf-t-2) var(--rf-e-out);
}
@media (hover:hover){
  .rf-services__row:hover{ background-color:var(--rf-mat); }
  .rf-services__row:hover::after{ transform:scaleX(1); }
  .rf-services__row:hover .rf-services__title{ transform:translateX(6px); }
  .rf-services__row:hover .rf-services__nr{ color:var(--rf-ink); }
}
/* eilučių linijos nusipiešia (data-draw ant sąrašo, data-draw-seg → --rf-i) */
html.rf-js .rf-services__list[data-draw] .rf-services__row::before{
  transform:scaleX(0); transition:transform var(--rf-t-5) var(--rf-e-draw) calc(var(--rf-i, 0) * 70ms);
}
html.rf-js .rf-services__list[data-draw].is-in .rf-services__row::before{ transform:none; }
@media (min-width:760px){
  .rf-services__row{ padding-left:12px; }
}
@media (min-width:1000px){
  .rf-services__group{ grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--rf-gap); padding-top:26px; }
  .rf-services__gh{ grid-column:1 / span 4; align-self:start; padding-top:12px; padding-right:24px; }
  .rf-services__list{ grid-column:5 / span 8; }
}


/* ==========================================================================
   6 · POŽIŪRIS  (#poziuris, data-color-change="#EAE3D7")
   ========================================================================== */
/* be min-height: spalvos keitimui užtenka 50 % matomumo (main.js), o 70vh + centravimas palikdavo ~330 px tuštumos */
.rf-apie-approach__grid{ display:grid; grid-template-columns:minmax(0,1fr); row-gap:clamp(28px, 4vw, 56px); }
.rf-apie-approach__head{ display:flex; flex-direction:column; gap:14px; }
.rf-apie-quote{ margin:0; }
.rf-apie-quote .rf-quote{ text-indent:-.36em; max-width:30em; }   /* kabančios „ kabutės */
.rf-apie-approach__text{ display:grid; grid-template-columns:minmax(0,1fr); gap:20px var(--rf-gap); }
.rf-apie-approach__text p{ color:var(--rf-graphite); max-width:36rem; }
/* „nesivadovaudamas šablonais“ – 2 px --rf-signal linija nusipiešia (Highlighted Text [K 5.2])
   TODO F: bendras .rf-hl (Regular Underline) komponentas */
.rf-apie-hl{
  background-image:linear-gradient(var(--rf-signal), var(--rf-signal)); background-repeat:no-repeat;
  background-position:0 92%; background-size:0 2px;
  transition:background-size 1400ms var(--rf-e-draw) 650ms;
}
html:not(.rf-js) .rf-apie-hl,
.rf-apie-quote.is-in .rf-apie-hl{ background-size:100% 2px; }
@media (min-width:1000px){
  .rf-apie-approach__grid{ grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--rf-gap); }
  .rf-apie-approach__head,.rf-apie-quote{ grid-column:1 / span 10; }
  .rf-apie-approach__text{ grid-column:3 / span 9; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:clamp(32px, 4vw, 64px); }
}


/* ==========================================================================
   7 · KAIP DIRBAME  (rf-process--row, 5.18)
   ========================================================================== */
.rf-apie-process{ padding-top:calc(var(--rf-section-y) * .5); }   /* kaip kitos iš eilės einančios popieriaus sekcijos */
.rf-apie-process .rf-process__step p{ max-width:22rem; }


/* ==========================================================================
   8 · PATIRTIS: SWEDBANK  (#patirtis, 5.22 juosta ≤ 1 040 px + tekstas 7 stulp.)
   ========================================================================== */
.rf-apie-exp{ position:relative; padding-block:var(--rf-section-y); }
/* Iš eilės einančios popieriaus sekcijos (Kaip dirbame → Patirtis → Projektai → Klientai): viršaus tarpas
   perpus, kad dvigubas --rf-section-y (iki 320 px) nesuskaldytų puslapio ritmo */
.rf-apie-exp,
.rf-apie-places,
.rf-apie-clients{ padding-top:calc(var(--rf-section-y) * .5); }
.rf-apie-exp__title{ font-size:clamp(1.625rem, 1.15rem + 1.4vw, 2.5rem); line-height:1.12; }
.rf-apie-exp .rf-band__content{ display:grid; grid-template-columns:minmax(0,1fr); row-gap:clamp(40px, 6vw, 56px); }
.rf-apie-exp__text{ min-width:0; max-width:48rem; }
.rf-apie-exp__text > * + *{ margin-top:18px; }
.rf-apie-exp__text p{ color:var(--rf-graphite); }
.rf-apie-exp__text .rf-apie-exp__lead{ font-size:var(--rf-fs-lead); line-height:1.5; color:var(--rf-ink); }
.rf-apie-exp__cities{ margin-top:26px; padding-block:20px 18px; border-top:1px solid var(--rf-line-ui); border-bottom:1px solid var(--rf-line); }
.rf-apie-exp__text .rf-apie-exp__end{ margin-top:8px; font-size:var(--rf-fs-small); color:var(--rf-lead); }
/* 5 stulpelių miestų tinklelis (5.20) 7 stulpelių lauke telpa tik nuo ~1280 px; siauriau – 4 stulp.,
   kad Geist Mono pavadinimai („Druskininkai“, „Šalčininkai“) nelūžtų per žodžio vidurį */
@media (min-width:1000px) and (max-width:1279.98px){ .rf-apie-exp .rf-cities{ columns:4; } }
/* < 760: kortelė tame pačiame 16 px lauke kaip tekstas ir miestai (TODO F: .rf-band__card margin-inline) */
@media (max-width:759.98px){ .rf-apie-exp .rf-band__card{ margin-inline:0; } }
@media (min-width:1000px){
  .rf-apie-exp .rf-band__content{ grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--rf-gap); align-items:start; }
  .rf-apie-exp .rf-band__card{ grid-column:1 / span 5; width:auto; min-width:0; }
  .rf-apie-exp__text{ grid-column:6 / span 7; padding-top:calc(120px + clamp(40px, 4vw, 64px)); padding-left:clamp(0px, 2vw, 32px); max-width:none; }
}


/* ==========================================================================
   9 · PROJEKTAI LIETUVOJE IR UŽSIENYJE – atvirukai (7.5/9)
   desktop: horizontali eilė su kaukės kraštais, tempiama (Flickity analogas);
   mobile: 1 stulpelio sąrašas.
   ========================================================================== */
.rf-apie-places .rf-sechead__aside{ gap:22px; }
.rf-apie-rail__nav{ display:none; gap:8px; }
.rf-apie-rail{ padding-inline:var(--rf-gutter); }
.rf-apie-rail__track{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.rf-apie-rail__item{ min-width:0; }
/* mobile sąrašas: miniatiūra kairėje, etiketė dešinėje */
.rf-apie-rail .rf-card__link{ display:grid; grid-template-columns:minmax(0, 42%) minmax(0,1fr); gap:16px; align-items:center; padding-block:14px; border-bottom:1px solid var(--rf-line); }
.rf-apie-rail__item:first-child .rf-card__link{ border-top:1px solid var(--rf-line); }
.rf-apie-rail .rf-card__label{ margin-top:0; padding-top:0; border-top:0; }
.rf-apie-rail .rf-card__frame{ box-shadow:var(--rf-d1); }
.rf-apie-rail .rf-card__top{ flex-wrap:wrap; justify-content:flex-start; gap:6px 10px; }
.rf-apie-rail .rf-card__top > :nth-child(2){ margin-left:auto; }   /* Nr. kairėje; „tikslinama“ + žyma dešinėje */
.rf-apie-rail .rf-card__top .rf-tag{ padding:2px 7px; }
@media (max-width:759.98px){                               /* siauras sąrašo stulpelis: žyma visada antroje eilutėje, kairėje */
  .rf-apie-rail .rf-card__top{ row-gap:0; }
  .rf-apie-rail .rf-card__top::after{ content:""; order:1; flex-basis:100%; height:0; }
  .rf-apie-rail .rf-card__top > .rf-tag{ order:2; margin-left:0; margin-top:6px; }
}
@media (min-width:760px){
  .rf-apie-rail__nav{ display:flex; }
  .rf-apie-rail{
    position:relative; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain;
    padding-inline:max(var(--rf-gutter), calc((100% - var(--rf-w-content)) / 2));
    scroll-padding-inline:max(var(--rf-gutter), calc((100% - var(--rf-w-content)) / 2));
    scroll-snap-type:x mandatory; cursor:grab;
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--rf-gutter), #000 calc(100% - 96px), transparent 100%);
            mask-image:linear-gradient(to right, transparent 0, #000 var(--rf-gutter), #000 calc(100% - 96px), transparent 100%);
  }
  .rf-apie-rail::-webkit-scrollbar{ display:none; }
  .rf-apie-rail.is-at-end{
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 96px, #000 calc(100% - var(--rf-gutter)), transparent 100%);
            mask-image:linear-gradient(to right, transparent 0, #000 96px, #000 calc(100% - var(--rf-gutter)), transparent 100%);
  }
  .rf-apie-rail:not(.is-scrollable){ cursor:auto; -webkit-mask-image:none; mask-image:none; }
  .rf-apie-rail.is-dragging{ cursor:grabbing; scroll-snap-type:none; user-select:none; }
  .rf-apie-rail.is-dragging .rf-card__link{ pointer-events:none; }
  .rf-apie-rail__track{
    display:flex; align-items:flex-start; gap:clamp(20px, 2.4vw, 40px); width:max-content;
    padding-block:18px 36px;                                /* vieta pakilimui ir šešėliui */
  }
  .rf-apie-rail__item{ flex:none; width:clamp(264px, 25vw, 348px); scroll-snap-align:start; }
  .rf-apie-rail__item:nth-child(even){ margin-top:clamp(28px, 3vw, 48px); }   /* atvirukai „prisegti“ skirtingame aukštyje, be pasukimo */
  .rf-apie-rail .rf-card__link{ display:block; padding-block:0; border:0; }
  .rf-apie-rail__item:first-child .rf-card__link{ border-top:0; }
  .rf-apie-rail .rf-card__label{ margin-top:16px; padding-top:12px; border-top:1px solid var(--rf-line); }
  .rf-apie-rail img{ -webkit-user-drag:none; }
}
@media (min-width:1000px){
  .rf-apie-places__head > *{ grid-column:1 / span 6; }
  .rf-apie-places__head > .rf-sechead__aside{ grid-column:8 / span 5; }
}


/* ==========================================================================
   10 · MŪSŲ KLIENTAI  (#klientai, 5.19 tinklelis 6 stulp.)
   ========================================================================== */
@media (max-width:759.98px){                               /* 3 stulp. mobiliajame: logotipai įskaitomi */
  .rf-apie-clients .rf-clients__cell{ height:96px; padding:10px 8px; }
  .rf-apie-clients .rf-clients__grid img{ max-width:78%; max-height:36px; }
  .rf-apie-clients .rf-clients__note{ left:8px; top:6px; }
  .rf-apie-clients .rf-clients__grid--partners .rf-clients__cell{ height:76px; }
}
/* 3 stulpelių tinklelis (< 760) kaip 6 pusstulpeliai: paskutinė nepilna eilutė ištempiama (16 → 4 × 3 + 2 × 2,
   partneriai 5 → 3 + 2), kad neliktų vieno „kabančio“ langelio */
@media (max-width:759.98px){
  .rf-apie-clients .rf-clients__grid{ grid-template-columns:repeat(6, minmax(0,1fr)); }
  .rf-apie-clients .rf-clients__grid > li{ grid-column:span 2; }
  .rf-apie-clients .rf-clients__grid > li:nth-child(3n+1):nth-last-child(4),
  .rf-apie-clients .rf-clients__grid > li:nth-child(3n+1):nth-last-child(4) ~ li,
  .rf-apie-clients .rf-clients__grid > li:nth-child(3n+1):nth-last-child(2),
  .rf-apie-clients .rf-clients__grid > li:nth-child(3n+1):nth-last-child(2) ~ li{ grid-column:span 3; }
}
@media (min-width:760px){ .rf-apie-clients__partners .rf-clients__grid{ grid-template-columns:repeat(5, minmax(0,1fr)); } }
/* Plonų raidžių / apvalūs ženklai 60 % × 44 px langelyje tampa neįskaitomi (TODO F: dydžio pataisos klientų duomenyse) */
.rf-apie-clients .rf-clients__grid img[src$="/vilniaus-oro-uostas.png"]{ max-width:86%; max-height:56px; }
.rf-apie-clients .rf-clients__grid img[src$="/restoranas-barcelona.png"]{ max-height:64px; }
.rf-apie-clients .rf-clients__grid img[src$="/armstrong.png"]{ max-width:80%; }
@media (max-width:759.98px){
  .rf-apie-clients .rf-clients__grid img[src$="/vilniaus-oro-uostas.png"]{ max-width:94%; max-height:44px; }
  .rf-apie-clients .rf-clients__grid img[src$="/restoranas-barcelona.png"]{ max-height:52px; }
  .rf-apie-clients .rf-clients__grid img[src$="/armstrong.png"]{ max-width:92%; }
}
.rf-apie-clients__partners{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:clamp(40px, 5vw, 64px); }
.rf-apie-clients__ph{ margin:0; font-size:var(--rf-fs-micro); }
@media (min-width:1000px){
  .rf-apie-clients__partners{ grid-template-columns:repeat(12, minmax(0,1fr)); column-gap:var(--rf-gap); align-items:center; }
  .rf-apie-clients__ph{ grid-column:1 / span 2; }
  .rf-apie-clients__partners .rf-clients__grid{ grid-column:3 / span 10; grid-template-columns:repeat(5, minmax(0,1fr)); }
}