/* Sections built from the byq components the owner chose himself:
   for-human-value-and-features-11 (renginių tipai), nextwell-tabs-1 (dažniausi
   deriniai), evermind-stats-1 (talpa), halden-miller-cta-2 (renginio užklausa)
   and terra-tory-combo-1 (kuo skiriamės, /apie/).

   All type comes from the site's own --text-* tokens, so these sections step at
   exactly the same breakpoints as every other page and cannot drift from it.
   Loaded after pp-pages.css; every class is prefixed rt2-/dr2-/tp2-/uz2-/ks2-,
   so nothing here can reach another section. */
/* ===== a ===== */
/* ============ rt2 — Renginių tipai (byq for-human-value-and-features-11) ============ */
.rt2-section{background:var(--colors-color-dark);color:var(--colors-color-light);padding:120px 0 160px;font-family:var(--font--main);font-size:16px;line-height:1.5;}
.rt2-container{max-width:1800px;margin:0 auto;padding:0 32px;}
.rt2-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.rt2-left{position:sticky;top:120px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:445px;}
.rt2-pill{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;border:1px solid rgba(245,240,234,0.32);}
.rt2-label{text-transform:uppercase;font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);line-height:var(--text-label-line-height);font-weight:var(--text-label-font-weight);letter-spacing:var(--text-label-letter-spacing);}
.rt2-h2{margin:0;font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);line-height:var(--text-h2-line-height);font-weight:var(--text-h2-font-weight);letter-spacing:var(--text-h2-letter-spacing);}
.rt2-cards{display:flex;flex-direction:column;gap:24px;}
/* Scroll focus: only the card nearest the middle of the screen is at full
   strength. Armed by JS (.rt2-focus), so without it every card stays lit.

   `filter: opacity()`, NOT the opacity property. The cards already own
   `opacity` for their entrance (.rt2-reveal → .rt2-in), and two effects on one
   property means one of them wins: measured, the entrance's `.rt2-in{opacity:1}`
   flattened the dimming completely and every card sat lit. filter multiplies
   with opacity instead of replacing it, so a card that has not entered yet is
   still invisible and one that has is dimmed.

   0.62 is not a guess either: the text is bg-1 through a 16% light card ground
   on the navy section, and at 0.62 it still measures past 4.5:1. The active
   card's ground also lifts a little, so the difference reads even when the
   page is standing still. */
.rt2-focus .rt2-card{
  filter:opacity(.62);
  transition:filter .45s cubic-bezier(.22,.61,.36,1),background-color .45s cubic-bezier(.22,.61,.36,1);
}
.rt2-focus .rt2-card.rt2-on{filter:none;background:rgba(245,240,234,0.22)}
@media (prefers-reduced-motion:reduce){
  .rt2-focus .rt2-card{filter:none;transition:none}
}
.rt2-card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px;width:100%;min-height:280px;padding:24px;border-radius:16px;background:rgba(245,240,234,0.16);}
.rt2-icon{--ico-cut:#2e3e4a;width:64px;height:64px;color:var(--colors-color-accent-1);}
.rt2-icon svg{display:block;width:100%;height:100%;}
.rt2-cardtext{display:flex;flex-direction:column;gap:16px;}
.rt2-cardtitle{margin:0;font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);line-height:var(--text-h4-line-height);font-weight:var(--text-h4-font-weight);letter-spacing:var(--text-h4-letter-spacing);}
.rt2-cardbody{margin:0;font-family:var(--text-text-large-font-family);font-size:var(--text-text-large-font-size);line-height:var(--text-text-large-line-height);font-weight:var(--text-text-large-font-weight);letter-spacing:var(--text-text-large-letter-spacing);}
/* entrance: only when JS confirmed running (never ship invisible content) */
.rt2-js .rt2-reveal{opacity:0;transform:translateY(32px);transition:opacity 700ms ease-out,transform 700ms ease-out;}
.rt2-js .rt2-reveal.rt2-in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
  .rt2-js .rt2-reveal{opacity:1;transform:none;transition:none;}
}
@media (max-width:991px){
  .rt2-grid{grid-template-columns:1fr;gap:64px;}
  .rt2-left{position:static;}
  .rt2-card{min-height:0;gap:64px;}
}
@media (max-width:767px){
  .rt2-h2{}
  .rt2-icon{width:48px;height:48px;}
}
@media (max-width:479px){
  .rt2-cards{gap:16px;}
  .rt2-card{gap:40px;}
}

/* ============ dr2 — Dažniausi deriniai (byq nextwell-tabs-1) ============ */
.dr2-section{background:var(--colors-color-bg-1,#fdfcfb);color:var(--colors-color-dark);padding:var(--spacing-section-120,120px) 0;font-family:var(--font--main);font-size:16px;line-height:1.5;}
.dr2-container{max-width:var(--container--main,1800px);margin:0 auto;padding:0 var(--spacing-site-padding-main,32px);}
.dr2-h2{max-width:62rem;margin:0 auto 64px;text-align:center;font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);line-height:var(--text-h2-line-height);font-weight:var(--text-h2-font-weight);letter-spacing:var(--text-h2-letter-spacing);}
.dr2-soft{color:rgba(8,28,43,0.64);}
.dr2-tabmenu{display:flex;justify-content:center;width:100%;margin:0 0 48px;}
.dr2-tabs{display:flex;flex-direction:column;align-items:center;width:100%;}
.dr2-tab{appearance:none;background:transparent;border:0;border-bottom:1px solid rgba(8,28,43,0.16);border-radius:0;flex:1 1 0;min-width:15.31rem;padding:0 1rem 0.5rem;display:flex;justify-content:center;align-items:center;color:rgba(8,28,43,0.64);cursor:pointer;transition:color 200ms,border-color 200ms,background-color 200ms;font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);line-height:var(--text-text-body-line-height);font-weight:var(--text-text-body-font-weight);letter-spacing:var(--text-text-body-letter-spacing);}
.dr2-tab[aria-selected="true"]{color:var(--colors-color-dark);border-bottom-color:rgba(8,28,43,0.64);}
.dr2-tab:focus-visible{outline:2px solid var(--colors-color-accent-1);outline-offset:2px;}
.dr2-panes{width:100%;}
/* Skirtuko pasikeitimas turi būti matomas. Panelės perjungiamos `hidden`
   atributu, o elementas, kurio `display` pereina iš none į grid, CSS animaciją
   paleidžia iš naujo — tad jokio JS čia nereikia, tik @keyframes. */
@keyframes dr2-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.dr2-pane{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:5.5rem;align-items:center;justify-items:center;width:100%;margin:0 auto;
  animation:dr2-in .42s cubic-bezier(.22,.61,.36,1) both;}
@media (prefers-reduced-motion:reduce){.dr2-pane{animation:none}}
.dr2-pane[hidden]{display:none;}
.dr2-ground{position:relative;overflow:hidden;width:100%;border-radius:0.5rem;padding:clamp(2.5rem,4.4vw,5rem) clamp(1.5rem,3.6vw,4rem);background-size:cover;background-position:center;}
.dr2-ground::before{content:"";position:absolute;inset:0;background:rgba(8,28,43,0.48);}
/* 2026-08-29, savininkas: „the card is a bit too wide - should have maxwidth
   so on wide screens i can see more of the picture". Kortelė nustoja augti
   ties 27rem, o likusį stulpelio plotį atiduoda nuotraukai po ja. */
.dr2-card{position:relative;z-index:5;width:100%;max-width:27rem;margin:0 auto;overflow:hidden;border-radius:0.5rem;background:var(--colors-color-bg-1);color:var(--colors-color-dark);}
.dr2-cardhead{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid rgba(8,28,43,0.16);}
.dr2-cardicon{--ico-cut:var(--colors-color-bg-1,#fdfcfb);width:24px;height:24px;flex:none;color:var(--colors-color-accent-1);}
.dr2-cardicon svg{display:block;width:100%;height:100%;}
.dr2-cardtitle{font-family:var(--text-h7-font-family);font-size:var(--text-h7-font-size);line-height:var(--text-h7-line-height);font-weight:var(--text-h7-font-weight);letter-spacing:var(--text-h7-letter-spacing);}
.dr2-rows{display:flex;flex-direction:column;gap:12px;padding:32px 24px 48px;}
.dr2-hair{width:100%;height:1px;background:rgba(8,28,43,0.16);}
.dr2-row{font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);line-height:var(--text-text-body-line-height);font-weight:var(--text-text-body-font-weight);letter-spacing:var(--text-text-body-letter-spacing);}
.dr2-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;}
/* Vienas mygtukas kiekviename skirtuke vietoj vieno bendro po tinkleliu. */
.dr2-cta{flex:0 0 auto;margin-top:8px;}
.dr2-meta{display:flex;flex-direction:column;gap:8px;}
.dr2-counter{text-transform:uppercase;font-variant-numeric:tabular-nums;font-family:var(--text-label-small-font-family);font-size:var(--text-label-small-font-size);line-height:var(--text-label-small-line-height);font-weight:var(--text-label-small-font-weight);letter-spacing:var(--text-label-small-letter-spacing);}
.dr2-h3{margin:0;font-family:var(--text-h4-font-family);font-size:var(--text-h4-font-size);line-height:var(--text-h4-line-height);font-weight:var(--text-h4-font-weight);letter-spacing:var(--text-h4-letter-spacing);}
.dr2-desc{margin:0;font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);line-height:var(--text-text-body-line-height);font-weight:var(--text-text-body-font-weight);letter-spacing:var(--text-text-body-letter-spacing);}
@media (max-width:1279px) and (min-width:768px){
  .dr2-tabmenu{width:100%;margin-left:auto;margin-right:auto;}
  .dr2-tab{min-width:0;flex:1 1 0;}
}
@media (max-width:767px){
  .dr2-section{padding:var(--spacing-section-96,80px) 0;}
  .dr2-container{padding:0 16px;}
  .dr2-h2{margin-bottom:40px;}
  .dr2-tabmenu{flex-direction:column;width:100%;max-width:25rem;gap:12px;margin:0 auto 32px;}
  .dr2-tab{min-width:0;padding:0 0.75rem 0.5rem;}
  .dr2-pane{grid-template-columns:1fr;gap:3rem;}
  .dr2-copy{gap:20px;}
  .dr2-h3{}
}
@media (max-width:479px){
  .dr2-ground{padding:2.5rem 1.5rem;}
}
/* ===== b ===== */
/* ============================================================
   Section 1 — „Talpa“ · byq evermind-stats-1 · prefix tp2-
   ============================================================ */
/* The hollow section, ported: a video ground, two gradients that let it bleed
   away into the navy above and below, and the whole block resolving out of
   blur rather than one heading at a time.

   No z-index on .tp2-ground, and an explicit one on the <video>: base.css
   parks `.w-background-video > video` at -100, which under a wrapper with its
   own stacking context would paint the footage BELOW the section background —
   you would see the poster and think there is no video. Same trap as .uz2. */
/* WHITE. 2026-08-30, savininkas: „what is this seciton bg, thefuck? make it
   white."

   This section carried the „hollow" treatment — a background video, a 70% navy
   scrim over it and a gradient fade at each end — added on 2026-08-29 after he
   had asked several times for that effect to appear somewhere. Looking at it
   in place he wants it gone, and that is the later instruction, so it goes.

   The footage, the scrim and the fades are still in the markup and are hidden
   here rather than deleted, so restoring the treatment is one rule. What
   changes with the ground is the INK: four cream figures and a cream heading on
   white would be invisible, so the whole block flips to the page's dark ink. */
.tp2-stats{
  position:relative;
  background:var(--colors-color-bg-1,#fdfcfb);
  padding:var(--spacing-section-120,120px) 0;
}
.tp2-stats .tp2-ground,
.tp2-stats .tp2-scrim,
.tp2-stats .tp2-fade{display:none}
.tp2-stats .tp2-heading,
.tp2-stats .tp2-figure{color:var(--colors-color-dark,#081c2b)}
.tp2-stats .tp2-lede,
.tp2-stats .tp2-caption{color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 68%,transparent)}
.tp2-ground{
  position:absolute;inset:0;z-index:0;
  height:auto;overflow:hidden;
  background-image:url("/videos/pp-hero-poster-00001.jpg");
  background-size:cover;background-position:50% 50%;
}
.tp2-ground > video{z-index:0}
/* The figures are the point; the footage is a ground, so it is held well back. */
.tp2-scrim{position:absolute;inset:0;z-index:1;background-color:rgba(8,28,43,0.70)}
.tp2-fade{position:absolute;left:0;right:0;z-index:2;height:120px;pointer-events:none}
.tp2-fade-top{top:0;background-image:linear-gradient(180deg,var(--colors-color-dark,#081c2b),rgba(8,28,43,0))}
.tp2-fade-bottom{bottom:0;background-image:linear-gradient(0deg,var(--colors-color-dark,#081c2b),rgba(8,28,43,0))}
.tp2-container{position:relative;z-index:3}
@media(max-width:767px){.tp2-stats{padding:var(--spacing-section-80,64px) 0}}
.tp2-container{max-width:var(--container--main,1800px);margin:0 auto;padding:0 var(--spacing-site-padding-main,32px)}
@media(max-width:991px){.tp2-container{padding:0 24px}}
@media(max-width:767px){.tp2-container{padding:0 20px}}
.tp2-grid{
  display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:6rem;align-items:center;
}
@media(max-width:991px){.tp2-grid{grid-template-columns:1fr;gap:2.5rem}}
.tp2-heading{margin:0;
  color:var(--colors-color-bg-1,#fdfcfb);font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);line-height:var(--text-h2-line-height);font-weight:var(--text-h2-font-weight);letter-spacing:var(--text-h2-letter-spacing);}
@media(max-width:991px){.tp2-heading{}}
@media(max-width:767px){.tp2-heading{}}
/* The heading column had a column of air next to it once the section took the
   site container width; the lede is what the section was missing anyway. */
.tp2-heading-wrap{display:flex;flex-direction:column;gap:20px}
.tp2-lede{margin:0;max-width:46ch;
  color:color-mix(in srgb,var(--colors-color-bg-1,#fdfcfb) 72%,var(--colors-color-dark,#081c2b));font-family:var(--text-text-large-font-family);font-size:var(--text-text-large-font-size);line-height:var(--text-text-large-line-height);font-weight:var(--text-text-large-font-weight);letter-spacing:var(--text-text-large-letter-spacing);}
.tp2-statgrid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 3rem}
@media(max-width:479px){.tp2-statgrid{grid-template-columns:1fr}}
.tp2-stat{
  border-left:1px solid var(--colors-color-accent-1,#a07f57);
  padding-left:1.75rem;
}
.tp2-figure{color:var(--colors-color-bg-1,#fdfcfb);
  margin-bottom:12px;font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);line-height:var(--text-h2-line-height);font-weight:var(--text-h2-font-weight);letter-spacing:var(--text-h2-letter-spacing);}
@media(max-width:991px){.tp2-figure{}}
@media(max-width:767px){.tp2-figure{}}
.tp2-iki{font-family:var(--text-h5-font-family);font-size:var(--text-h5-font-size);line-height:var(--text-h5-line-height);font-weight:var(--text-h5-font-weight);letter-spacing:var(--text-h5-letter-spacing);}
.tp2-caption{max-width:34ch;color:color-mix(in srgb,var(--colors-color-bg-1,#fdfcfb) 72%,var(--colors-color-dark,#081c2b));font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);line-height:var(--text-text-body-line-height);font-weight:var(--text-text-body-font-weight);letter-spacing:var(--text-text-body-letter-spacing);}
/* .tp2-armed ir jo pakopos išimtos 2026-08-29: bloką dabar iš miglos išveda
   ix2 „Heading UnBlur" ant .tp2-grid, ir dvi įėjimo sistemos ant to paties
   elemento kovotų dėl opacity. */

/* ============================================================
   Section 2 — „Renginio užklausa“ · byq halden-miller-cta-2 · prefix uz2-
   ============================================================ */
.uz2-cta{
  position:relative;
  background-color:var(--colors-color-dark,#081c2b);
  padding:var(--spacing-section-120,120px) 0;
}
@media(max-width:767px){.uz2-cta{padding:var(--spacing-section-80,64px) 0}}
.uz2-container{position:relative;z-index:2;max-width:var(--container--main,1800px);margin:0 auto;padding:0 var(--spacing-site-padding-main,32px)}
@media(max-width:767px){.uz2-container{padding:0 16px}}
/* The ground is the site's own CTA footage — the pine wood meeting the sea —
   and it runs the full width of the section, not an inset frame.

   Two z-index facts this depends on. base.css parks `.w-background-video >
   video` at z-index:-100, which behind a wrapper that makes no stacking
   context would drop the footage BELOW the section background: you would see
   the poster, a still frame, and conclude there is no video. So the wrapper
   takes z-index:0 (its own stacking context) and the <video> is lifted back
   to 0 inside it, where it paints over the wrapper's poster. */
.uz2-ground{
  position:absolute;inset:0;z-index:0;
  height:auto;overflow:hidden;
  background-image:url("/videos/pp-cta-poster-00001.jpg");
  background-size:cover;background-position:50% 50%;
}
.uz2-ground > video{z-index:0}
/* Scrim only. The site darkens footage, it never blurs it. */
.uz2-scrim{position:absolute;inset:0;z-index:1;background-color:rgba(8,28,43,0.40)}
.uz2-card{
  position:relative;z-index:2;
  max-width:1216px;margin:0 auto;
  border-radius:var(--spacing-radius-main,16px);
  background:var(--colors-color-bg-1,#fdfcfb);
  color:var(--colors-color-dark,#081c2b);
  padding:clamp(28px,3.9vw,56px);
}
@media(max-width:767px){.uz2-card{padding:24px}}
/* entrance — armed by JS only */
.uz2-armed .uz2-card{
  opacity:0;transform:translateY(24px);
  transition:opacity .7s ease-out,transform .7s ease-out;
}
.uz2-armed .uz2-card.uz2-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .uz2-armed .uz2-card{opacity:1!important;transform:none!important;transition:none!important}
}
.uz2-cols{display:flex;flex-direction:row}
@media(max-width:991px){.uz2-cols{flex-direction:column}}
/* Antraštė viršuje, pastraipos apačioje — savininko prašymu, ir tai vienintelė
   priežastis, kodėl čia yra space-between: kairio stulpelio apačia turi
   sutapti su formos mygtuko linija dešinėje. */
.uz2-left{
  width:44%;
  display:flex;flex-direction:column;justify-content:space-between;
  align-items:flex-start;gap:48px;
}
@media(max-width:991px){.uz2-left{width:100%;margin-bottom:64px}}
@media(max-width:767px){.uz2-left{gap:48px;margin-bottom:48px}}
.uz2-right{width:56%;padding-left:clamp(32px,5.2vw,88px)}
@media(max-width:991px){.uz2-right{width:100%;padding-left:0}}
.uz2-intro{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
@media(max-width:767px){.uz2-intro{gap:16px}}
.uz2-heading{margin:0;
  color:var(--colors-color-dark,#081c2b);font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);line-height:var(--text-h2-line-height);font-weight:var(--text-h2-font-weight);letter-spacing:var(--text-h2-letter-spacing);}
@media(max-width:767px){.uz2-heading{}}
.uz2-body,.uz2-direct{margin:0;
  color:var(--colors-color-dark,#081c2b);font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);line-height:var(--text-text-body-line-height);font-weight:var(--text-text-body-font-weight);letter-spacing:var(--text-text-body-letter-spacing);}
.uz2-link{
  display:inline-block;
  margin-top:4px;margin-right:16px;
  color:var(--colors-color-dark,#081c2b);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:var(--colors-color-accent-1,#a07f57);font-weight:var(--text-text-body-font-weight);}
.uz2-link:hover{text-decoration-thickness:2px}
/* Bėganti „KĄ ČIA ŠVENČIA" juosta (.uz2-strip / -pill / -marquee / -mask /
   -track / -copy ir @keyframes uz2-marquee) 2026-08-29 išimta savininko
   prašymu: tie patys aštuoni renginių tipai jau stovi kortelėmis „Renginių
   tipų" sekcijoje aukščiau. */
.uz2-form{display:flex;flex-direction:column;align-items:stretch;gap:20px}
@media(max-width:767px){.uz2-form{gap:16px}}
.uz2-field{display:flex;flex-direction:column;gap:8px}
.uz2-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:479px){.uz2-row{grid-template-columns:1fr}}
.uz2-label{text-transform:uppercase;
  color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 72%,var(--colors-color-bg-1,#fdfcfb));font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);line-height:var(--text-label-line-height);font-weight:var(--text-label-font-weight);letter-spacing:var(--text-label-letter-spacing);}
.uz2-input{width:100%;
  border-radius:8px;
  border:1px solid color-mix(in srgb,var(--colors-color-dark,#081c2b) 8%,transparent);
  background-color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 8%,transparent);
  padding:12px 16px;
  color:var(--colors-color-dark,#081c2b);
  outline:none;
  transition:border-color .2s;font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);line-height:var(--text-text-body-line-height);font-weight:var(--text-text-body-font-weight);letter-spacing:var(--text-text-body-letter-spacing);}
@media(max-width:767px){.uz2-input{padding:10px 12px;}}
.uz2-input::placeholder{color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 72%,var(--colors-color-bg-1,#fdfcfb))}
.uz2-input:focus{border-color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 48%,transparent)}
.uz2-input:focus-visible{outline:2px solid var(--colors-color-dark,#081c2b);outline-offset:2px}
textarea.uz2-input{height:125px;resize:none}
select.uz2-input{height:50px}
@media(max-width:767px){select.uz2-input{height:46px}}
.uz2-submit{position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  align-self:flex-start;
  border-radius:16px;
  padding:12px 16px;
  border:1px solid rgba(253,252,251,0.08);
  box-shadow:0 -1px 0 0 rgba(253,252,251,0.16),0 1px 0 0 rgba(253,252,251,0.08);
  background-color:var(--colors-color-dark,#081c2b);
  color:var(--colors-color-light,#ffffff);
  cursor:pointer;
  transition:background-color .3s;font-family:var(--buttons-button-large-font-family);font-size:var(--buttons-button-large-font-size);line-height:var(--buttons-button-large-line-height);font-weight:var(--buttons-button-large-font-weight);letter-spacing:var(--buttons-button-large-letter-spacing);text-transform:uppercase;}
@media(max-width:767px){.uz2-submit{padding:10px 12px;}}
.uz2-submit:hover{
  background-color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 88%,var(--colors-color-bg-1,#fdfcfb));
}
.uz2-submit:focus-visible{outline:2px solid var(--colors-color-dark,#081c2b);outline-offset:2px}
.uz2-submit-mask{display:block;height:24px;overflow:hidden}
@media(max-width:767px){.uz2-submit-mask{height:20px}}
.uz2-submit-text{
  display:block;
  text-shadow:0 1.5em 0 var(--colors-color-light,#ffffff);
  transition:transform .3s ease-out;
}
.uz2-submit:hover .uz2-submit-text{transform:translateY(-1.5em)}
@media(prefers-reduced-motion:reduce){
  .uz2-submit-text{transition:none}
  .uz2-submit:hover .uz2-submit-text{transform:none}
}
.uz2-link:focus-visible{outline:2px solid var(--colors-color-dark,#081c2b);outline-offset:2px;border-radius:2px}
/* review-only variant note (not part of either section) */
.uz2-variant-note{
  margin:0;padding:20px 32px;
  background:var(--colors-color-bg-1,#fdfcfb);
  font-family:var(--font--main,Arial,sans-serif);
  font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;
  color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 72%,var(--colors-color-bg-1,#fdfcfb));
  text-align:center;
}
/* ===== c ===== */
/* ============================================================
   Kuo skiriamės — byq terra-tory-combo-1 (Mission Statement
   Feature Grid), re-tinted to Prie Parko tokens. Static byq
   section; only the fact grid borrows the site's .js-reveal
   rise (same easing/duration/stagger as reveal.js), gated on
   a root flag so a dead script never hides content.
   ============================================================ */
/* Klasė rašoma du kartus (0-2-0), kad neštų prieš .pp-seam-top/.pp-seam-bottom,
   kurie savo siūlės sekcijoms užrašo nepermatomą bg-1. Čia fonas turi būti
   kreminis — tas, kurį iki sukeitimo turėjo „Toliau svetainėje". */
.ks2-section.ks2-section {
  background: var(--colors-color-bg-2, #f5f0ea);
  color: var(--colors-color-dark, #081c2b);
  padding: var(--pp-section-gap-lg, 160px) 0;
  font-family: var(--font--main, "Instrument Sans"), sans-serif;
}
.ks2-container { max-width: var(--container--main, 1800px); margin: 0 auto; padding: 0 var(--spacing-site-padding-main, 32px); }

/* --- part 1: label + flowing headline (byq about-text-master) --- */
.ks2-intro {
  display: flex; flex-direction: column; align-items: center;
  gap: 16px; max-width: 900px; margin: 0 auto 72px;
}
/* Prose, not decoration: this section now stands in for „Kuo skiriamės",
   so the four numbers need a sentence around them. */
.ks2-lede {margin: 0; text-align: center;
  color: color-mix(in srgb, var(--colors-color-dark,#081c2b) 72%, var(--colors-color-bg-2,#f5f0ea));
  font-family:var(--text-text-large-font-family);font-size:var(--text-text-large-font-size);line-height:var(--text-text-large-line-height);font-weight:var(--text-text-large-font-weight);letter-spacing:var(--text-text-large-letter-spacing);}
.ks2-lede { max-width: 62ch; margin-top: 8px; }
@media (max-width: 767px) { .ks2-lede { text-align: left; } }
.ks2-label {margin: 0; text-transform: uppercase;
  color: var(--colors-color-accent-1);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);line-height:var(--text-label-line-height);font-weight:var(--text-label-font-weight);letter-spacing:var(--text-label-letter-spacing);}
.ks2-headline {margin: 0;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  column-gap: 10px; row-gap: 0; text-align: center;font-family:var(--text-h2-font-family);font-size:var(--text-h2-font-size);line-height:var(--text-h2-line-height);font-weight:var(--text-h2-font-weight);letter-spacing:var(--text-h2-letter-spacing);}
.ks2-w { display: inline-flex; }
.ks2-pw { display: inline-flex; align-items: center; }
.ks2-pill {
  display: block; width: 72px; height: 32px;
  border-radius: 32px; overflow: hidden; flex: none;
}
.ks2-pill img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* --- part 2: fact grid inside one dashed frame (byq feature grid) --- */
.ks2-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border: 1px dashed rgba(8, 28, 43, 0.16); border-radius: 16px;
  margin: 0; padding: 0; list-style: none;
}
.ks2-cell { display: flex; flex-direction: column; gap: 48px; padding: 40px; }
/* byq's divider scheme, desktop: card 2 left+right, card 3 right */
.ks2-c2 { border-left: 1px dashed rgba(8, 28, 43, 0.16); border-right: 1px dashed rgba(8, 28, 43, 0.16); }
.ks2-c3 { border-right: 1px dashed rgba(8, 28, 43, 0.16); }
.ks2-ico {--ico-cut:var(--colors-color-bg-2,#f5f0ea); width: 32px; height: 32px; color: var(--colors-color-accent-1); }
.ks2-ico svg { display: block; width: 100%; height: 100%; }
.ks2-fact { display: flex; flex-direction: column; gap: 10px; }
.ks2-num {color: var(--colors-color-accent-1);font-family:var(--text-h3-font-family);font-size:var(--text-h3-font-size);line-height:var(--text-h3-line-height);font-weight:var(--text-h3-font-weight);letter-spacing:var(--text-h3-letter-spacing);}
.ks2-name {margin: 0;font-family:var(--text-text-large-font-family);font-size:var(--text-text-large-font-size);line-height:var(--text-text-large-line-height);font-weight:var(--text-text-large-font-weight);letter-spacing:var(--text-text-large-letter-spacing);}

/* --- reveal: site vocabulary (reveal.js), scoped and root-gated --- */
.ks2-reveal .ks2-cell {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.ks2-reveal .ks2-cell.ks2-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .ks2-reveal .ks2-cell { opacity: 1; transform: none; transition: none; }
}

/* --- tablet: 2 columns; byq moves the dashed dividers --- */
@media (max-width: 991px) {
  .ks2-section.ks2-section { padding: 88px 0; }
  .ks2-grid { grid-template-columns: 1fr 1fr; }
  .ks2-c1 { border-right: 1px dashed rgba(8, 28, 43, 0.16); border-bottom: 1px dashed rgba(8, 28, 43, 0.16); }
  .ks2-c2 { border-left: none; border-right: none; border-bottom: 1px dashed rgba(8, 28, 43, 0.16); }
  /* c3 keeps its right divider from the base rule */
}
@media (max-width: 767px) {
  .ks2-headline {}
}
/* --- phone: 1 column; horizontal dividers only --- */
@media (max-width: 479px) {
  .ks2-section.ks2-section { padding: 72px 0; }
  .ks2-container { padding: 0 16px; }
  .ks2-intro { margin-bottom: 54px; }
  .ks2-headline {}
  .ks2-pill { width: 56px; height: 28px; }
  .ks2-grid { grid-template-columns: 1fr; }
  .ks2-cell { gap: 32px; padding: 32px; }
  .ks2-c1 { border-right: none; }
  .ks2-c3 { border-right: none; border-bottom: 1px dashed rgba(8, 28, 43, 0.16); }
  .ks2-ico { width: 24px; height: 24px; }
  .ks2-num {}
  .ks2-name {}
}
/* ===== carried over from the sections these replaced ===== */

/* the „Renginių tipai" lede — the mockup's sticky column had headline only */
.rt2-lede{max-width:40ch;margin:20px 0 0;color:rgba(255,255,255,.64);
  font-family:var(--text-text-large-font-family);font-size:var(--text-text-large-font-size);
  line-height:var(--text-text-large-line-height);font-weight:var(--text-text-large-font-weight);
  letter-spacing:var(--text-text-large-letter-spacing)}


/* the enquiry keeps its Webflow wrapper, so its states need somewhere to show */
.uz2-formblock{width:100%;margin:0}
.uz2-cta .success-message,
.uz2-cta .error-message{margin-top:16px;padding:14px 16px;border-radius:8px;
  font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);
  line-height:var(--text-text-body-line-height);letter-spacing:var(--text-text-body-letter-spacing)}
.uz2-cta .success-message{background:var(--colors-color-bg-2);color:var(--colors-color-dark)}
.uz2-cta .error-message{background:#f7e9e4;color:#7a2e1a}

/* The site swaps every input[type=date] for a hidden input plus a .dp-field
   button (its own picker). That button arrives wearing the site's dashed
   .text-field styling, 58px tall next to 38px siblings, so it has to be told
   to look like the rest of this card's fields. */
.uz2-field .dp-field{width:100%;display:block;text-align:left;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--colors-color-dark,#081c2b) 8%,transparent);
  background-color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 8%,transparent);
  border-radius:8px;padding:12px 16px;min-height:0;
  color:var(--colors-color-dark,#081c2b);
  font-family:var(--text-text-body-font-family);font-size:var(--text-text-body-font-size);
  line-height:var(--text-text-body-line-height);letter-spacing:var(--text-text-body-letter-spacing);
  transition:border-color .2s}
.uz2-field .dp-field.is-empty{color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 48%,transparent)}
.uz2-field .dp-field:hover{border-color:color-mix(in srgb,var(--colors-color-dark,#081c2b) 20%,transparent)}
.uz2-field .dp-field:focus-visible{outline:2px solid var(--colors-color-accent-1,#a07f57);outline-offset:2px}

/* One height for every control in the card. Text inputs were sitting at 38px
   while the select and the picker button came out at 50px — same box model,
   different intrinsic content height — which the mockup shipped with. 50px is
   also the friendlier tap target. */
.uz2-form input.uz2-input,
.uz2-form select.uz2-input,
.uz2-field .dp-field{height:auto;min-height:50px}