@import url("../fonts/fonts.css");

/* ============================================================
   Justinukas — Scandinavian tonal system
   Muted interface; the logo is the only saturated element.
   Every text/ground pair below clears WCAG AA (4.5:1).
   ============================================================ */
:root{
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.25rem; --s5:3.5rem; --s6:5rem;
  --t-xxl:clamp(2.25rem,4.6vw,3.5rem); --t-xl:clamp(1.6rem,2.6vw,2.15rem);
  --t-l:1.3rem; --t-m:1.0625rem; --t-b:1rem; --t-s:.8125rem;
  --wrap:75rem; --prose:38rem;
  --r-s:10px; --r-m:16px; --r-l:24px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(43,53,46,.04), 0 6px 18px -12px rgba(43,53,46,.22);
  --shadow-2:0 2px 4px rgba(43,53,46,.05), 0 18px 40px -22px rgba(43,53,46,.32);
  --ease:cubic-bezier(.2,.7,.3,1); --dur:.22s;
  --font:'DM Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font:var(--t-b)/1.65 var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
h1,h2,h3{line-height:1.14;letter-spacing:-.025em;text-wrap:balance;margin:0 0 var(--s2);font-weight:700}
h1{font-size:var(--t-xxl)} h2{font-size:var(--t-xl)} h3{font-size:var(--t-l);letter-spacing:-.015em}
p,ul,ol{margin:0 0 var(--s2)}
a{color:var(--sage);text-underline-offset:.18em;text-decoration-thickness:1px;
  transition:color var(--dur) var(--ease)}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--s3)}
.muted{color:var(--ink-soft)}
.plain{list-style:none;padding:0;margin:0}
.lead{font-size:var(--t-m);color:var(--ink-soft);max-width:44ch}
.prose{max-width:var(--prose);padding-block:var(--s5)}
.prose h2{margin-top:var(--s4)}
.eyebrow{font-size:var(--t-s);font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-soft);margin:0 0 var(--s1)}

.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--surface);
  padding:var(--s1) var(--s2);z-index:100;border-radius:0 0 var(--r-s) 0}
.skip:focus{left:0}

/* ---------- soft clicks ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:48px;padding:.7rem 1.6rem;border-radius:var(--r-pill);
  font-weight:500;font-size:var(--t-b);text-decoration:none;border:1.5px solid transparent;
  box-shadow:var(--shadow-1);cursor:pointer;
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease),
             background-color var(--dur) var(--ease), color var(--dur) var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.btn:active{transform:translateY(1px) scale(.985);box-shadow:0 1px 2px rgba(43,53,46,.12)}
.btn--primary{background:var(--sage);color:var(--surface)}
.btn--primary:hover{background:#425B48;color:var(--surface)}
.btn--accent{background:var(--sun);color:var(--ink)}
.btn--accent:focus-visible{outline-color:var(--sage-deep)}
.btn--accent:hover{background:#EDB92E;color:var(--ink)}
.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none}
.btn--ghost:hover{border-color:var(--sage-soft);color:var(--ink);box-shadow:var(--shadow-1)}

/* ---------- utility + header ---------- */






.site-header{background:var(--paper);position:sticky;top:0;z-index:50;
  border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}
.site-header__inner{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding-block:var(--s2)}
.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);
  font-weight:700;letter-spacing:-.02em;min-height:48px}
.logo__text{font-size:1.0625rem}
.header__cta{margin-left:auto;order:3}
.nav-toggle{margin-left:auto;order:2;min-height:48px;padding:0 var(--s2);background:var(--surface);
  border:1.5px solid var(--line);border-radius:var(--r-pill);font:500 var(--t-b) var(--font);
  color:var(--ink);display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.nav-toggle:active{transform:scale(.97)}
.nav-toggle__bar{width:17px;height:1.5px;background:currentColor;
  box-shadow:0 5px currentColor,0 -5px currentColor;border-radius:2px}
.nav{order:4;flex-basis:100%;display:none}
.nav--open{display:block;padding-bottom:var(--s2)}
.nav__list,.nav__sub{list-style:none;margin:0;padding:0}
.nav__item>a{display:block;min-height:48px;line-height:48px;font-weight:500;color:var(--ink);
  text-decoration:none;border-top:1px solid var(--line)}
.nav__sub a{display:block;min-height:42px;line-height:42px;padding-left:var(--s2);
  color:var(--ink-soft);text-decoration:none;font-size:var(--t-s)}
.nav a[aria-current]{color:var(--sage)}

@media (min-width:74rem){
  .nav-toggle{display:none}
  .nav{display:block;order:2;flex-basis:auto;margin-left:auto}
  .nav__list{display:flex;gap:clamp(.7rem,1.3vw,1.1rem);align-items:center}
  .nav__item{position:relative}
  .nav__item>a{border-top:0;min-height:40px;line-height:40px;font-size:.9375rem}
  .nav__sub{position:absolute;top:calc(100% + 6px);left:-var(--s2);min-width:17rem;
    background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
    padding:.45rem 0;box-shadow:var(--shadow-2);opacity:0;visibility:hidden;
    transform:translateY(-6px);transition:opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease),visibility var(--dur)}
  .nav__item--has-children:hover .nav__sub,.nav__item--has-children:focus-within .nav__sub{
    opacity:1;visibility:visible;transform:translateY(0)}
  .nav__sub a{padding:0 var(--s2)}
  .nav__sub a:hover{color:var(--ink);background:var(--sun-soft)}
  .header__cta{order:3;margin-left:var(--s2)}
}

/* ---------- hero: everything that matters, one screen ---------- */
.hero{padding-block:var(--s5) var(--s4)}
.hero__grid{display:grid;gap:var(--s4);align-items:start}
@media (min-width:56rem){.hero__grid{grid-template-columns:1.05fr .95fr;gap:var(--s5)}}
.hero h1{margin-bottom:var(--s2)}
.hero__name{color:var(--sage);display:block}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.hero__media{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-2);background:var(--sun-soft)}
.hero__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2);margin-top:var(--s4);
  padding-top:var(--s3);border-top:1px solid var(--line);list-style:none}
@media (min-width:34rem){.facts{grid-template-columns:repeat(4,1fr)}}
.facts dt{font-size:var(--t-s);color:var(--ink-soft);margin-bottom:.15rem}
.facts dd{margin:0;font-weight:500;font-size:.9375rem}

/* ---------- task cards ---------- */
.band{padding-block:var(--s5)}
.band--tint{background:var(--sun-soft)}
.band--clay{background:var(--sun-soft)}
.band__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);
  flex-wrap:wrap;margin-bottom:var(--s3)}
.band__head h2{margin:0}
.cards{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  list-style:none;padding:0;margin:0}
.card{position:relative;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-m);padding:var(--s3);box-shadow:var(--shadow-1);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
             border-color var(--dur) var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--sage-soft)}
.card:active{transform:translateY(-1px)}
.card h3,.card .card__h{font-size:var(--t-m);margin-bottom:.35rem;font-weight:500}
.card p{margin:0;font-size:.9375rem;color:var(--ink-soft)}
.card a{text-decoration:none;color:var(--ink)}
.card a::after{content:"";position:absolute;inset:0;border-radius:var(--r-m)}
.card a:hover{color:var(--sage)}

/* ---------- admission ---------- */
.admission{background:var(--sage-deep);color:var(--surface);padding-block:var(--s5);
  border-radius:var(--r-l);margin-block:var(--s2)}
.admission h2,.admission p{color:var(--surface)}
.admission p{opacity:.92;max-width:46ch}
.admission__inner{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between}
.admission .btn--ghost{background:transparent;color:var(--surface);border-color:rgba(255,255,255,.5)}
.admission .btn--ghost:hover{background:rgba(255,255,255,.1);color:var(--surface);border-color:var(--surface)}

.breadcrumb{font-size:var(--t-s);padding-block:var(--s3) 0;color:var(--ink-soft)}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.breadcrumb li+li::before{content:"›";margin-right:.4rem;color:var(--sage-soft)}

.post__date{color:var(--ink-soft);font-size:var(--t-s)}
.docs{margin-top:var(--s4);border-top:1px solid var(--line);padding-top:var(--s3)}
.docs__list{list-style:none;padding:0}
.docs__item{padding-block:.7rem;border-bottom:1px solid var(--line)}
.docs__item a{font-weight:500;text-decoration:none}
.docs__meta{display:block;color:var(--ink-soft);font-size:var(--t-s)}

.cta{background:var(--sun-soft);padding-block:var(--s5);margin-top:var(--s6)}
.cta__actions{display:flex;flex-wrap:wrap;gap:var(--s2)}

.site-footer{background:var(--sage-deep);color:var(--paper);padding-block:var(--s5) var(--s4);margin-top:var(--s6)}
.site-footer a{color:var(--paper);text-decoration:none}
.site-footer a:hover{color:var(--sun)}
.site-footer .muted{color:rgba(247,246,241,.62)}
.site-footer__grid{display:grid;gap:var(--s4) var(--s3);
  grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
@media (min-width:70rem){
  /* the steigėjas mark is small — give the map and contacts the room */
  .site-footer__grid{grid-template-columns:7.5rem 1.4fr 1fr 1.5fr;align-items:start}
}
.footer__h{font-size:var(--t-s);letter-spacing:.12em;text-transform:uppercase;
  color:rgba(247,246,241,.62);font-weight:500;margin-bottom:var(--s2)}
.site-footer address{font-style:normal;line-height:1.9;font-size:.9375rem}
.site-footer li{margin-bottom:.35rem;font-size:.9375rem}
.site-footer li a{display:inline-block;min-height:30px}
.map-link img{border-radius:var(--r-m);display:block;transition:opacity var(--dur) var(--ease)}
.map-link:hover img{opacity:.88}
.founder{margin-top:var(--s3);font-size:var(--t-s)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .btn:hover,.card:hover{transform:none}
}
.logo__mark{color:var(--sage);flex:none;transition:color var(--dur) var(--ease)}
.logo:hover .logo__mark{color:var(--ink)}
.logo__text{line-height:1.15}

/* ---- sun-warm additions ---- */
.hero__lockup{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
  padding:var(--s4);display:grid;place-items:center;box-shadow:var(--shadow-1)}
.hero__lockup img{width:100%;max-width:26rem;height:auto;aspect-ratio:auto;object-fit:contain}
.facts dd{color:var(--sage-deep)}
.band--sun{background:var(--sun-soft)}
.card--sun{background:var(--sun-soft);border-color:transparent}
.card--sun:hover{border-color:var(--sun)}
.site-footer a:hover{color:var(--sun)}
.footer__h{color:rgba(253,248,234,.66)}
.site-footer .muted{color:rgba(253,248,234,.66)}
.skip{background:var(--sage-deep)}

/* ============================================================
   Inner pages — sun palette carried through
   ============================================================ */
.pagehead{background:var(--sun-soft);padding-block:var(--s3) var(--s5);
  border-bottom:1px solid var(--line)}
.pagehead h1{margin:var(--s2) 0 0;max-width:20ch}
.pagehead .lead{margin-top:var(--s2)}
.pagehead .breadcrumb{padding-block:0}
.pagehead--post h1{max-width:26ch}
.pagehead--post .post__date{margin:var(--s2) 0 0;color:var(--sage)}

.pagebody{display:grid;gap:var(--s4);padding-block:var(--s5);align-items:start}
@media (min-width:62rem){
  .pagebody{grid-template-columns:16rem minmax(0,1fr);gap:var(--s5)}
  .pagebody--narrow{grid-template-columns:minmax(0,1fr);max-width:44rem}
}
.pagebody .prose{padding-block:0;max-width:38rem}

/* section nav */
.secnav{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
  padding:var(--s2);box-shadow:var(--shadow-1)}
@media (min-width:62rem){.secnav{position:sticky;top:var(--s5)}}
.secnav__title{margin:0 0 var(--s1);font-size:var(--t-s);letter-spacing:.1em;
  text-transform:uppercase;font-weight:500}
.secnav__title a{color:var(--ink-soft);text-decoration:none}
.secnav__title a:hover{color:var(--sage)}
.secnav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.secnav__list a{display:block;padding:.5rem .65rem;min-height:40px;line-height:1.4;
  border-radius:var(--r-s);color:var(--ink);text-decoration:none;font-size:.9375rem;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),
             transform var(--dur) var(--ease)}
.secnav__list a:hover{background:var(--sun-soft);color:var(--ink)}
.secnav__list a:active{transform:scale(.985)}
.secnav__list a[aria-current]{background:var(--sage);color:var(--surface);font-weight:500}
.secnav__list a[aria-current]:hover{background:var(--sage-deep);color:var(--surface)}

/* prose rhythm */
.prose h2{font-size:1.45rem;margin-top:var(--s4);padding-top:var(--s2);
  border-top:1px solid var(--line)}
.prose h2:first-child{margin-top:0;border-top:0;padding-top:0}
.prose h3{font-size:1.125rem;margin-top:var(--s3)}
.prose ul,.prose ol{padding-left:1.15em}
.prose li{margin-bottom:.4rem}
.prose li::marker{color:var(--sage-soft)}
.prose blockquote{margin:var(--s3) 0;padding:var(--s2) var(--s3);background:var(--sun-soft);
  border-radius:var(--r-m);font-size:var(--t-m)}
.prose blockquote p:last-child{margin:0}
.prose a{font-weight:500}
.updated{margin-top:var(--s4);padding-top:var(--s2);border-top:1px solid var(--line);
  font-size:var(--t-s);color:var(--ink-soft)}
.backlink{margin-top:var(--s4)}

/* tables — darbo užmokestis, biudžeto ataskaitos */
.prose .tablewrap,.prose table{margin-bottom:var(--s3)}
.prose table{width:100%;border-collapse:collapse;font-size:.9375rem;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.prose th{text-align:left;background:var(--sun-soft);font-weight:500;font-size:var(--t-s);
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding:.7rem .9rem;white-space:nowrap}
.prose td{padding:.7rem .9rem;border-top:1px solid var(--line);vertical-align:top}
.prose td:last-child{font-variant-numeric:tabular-nums}

/* documents */
.docs{margin-top:var(--s5);border-top:0;padding-top:0}
.docs h2{font-size:1.45rem;margin-bottom:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}
.docs__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.docs__item{margin:0}
.docs__link{display:flex;gap:var(--s2);align-items:center;padding:.75rem var(--s2);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
  text-decoration:none;color:var(--ink);box-shadow:var(--shadow-1);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
             border-color var(--dur) var(--ease)}
.docs__link:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--sun)}
.docs__link:active{transform:translateY(0)}
.docs__chip{flex:none;display:grid;place-items:center;width:3rem;height:3rem;
  background:var(--sun-soft);border-radius:var(--r-s);font-size:.6875rem;font-weight:700;
  letter-spacing:.06em;color:var(--sage-deep);text-transform:uppercase}
.docs__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.docs__title{font-weight:500;line-height:1.35}
.docs__meta{font-size:var(--t-s);color:var(--ink-soft)}

/* archive + section index bands sit on the warm ground */
.band--tint{background:var(--sun-soft)}
.cta{background:var(--sun-soft);margin-top:0}
.cta__inner h2{max-width:22ch}

/* logo lockup sits flush on the mark's own ground */
.hero__lockup{padding:var(--s3)}
.hero__lockup img{max-width:30rem}

/* ============================================================
   Green institutional chrome — utility strip and inner-page band.
   Most subpages are statutory, so green reads as solid and official.
   ============================================================ */






.pagehead{background:var(--sage-deep);border-bottom:0;color:var(--paper)}
.pagehead h1{color:var(--paper)}
.pagehead .lead{color:rgba(253,249,238,.82)}
.pagehead .breadcrumb{color:rgba(253,249,238,.72)}
.pagehead .breadcrumb a{color:rgba(253,249,238,.72);text-decoration:none}
.pagehead .breadcrumb a:hover{color:var(--sun)}
.pagehead .breadcrumb li[aria-current]{color:var(--paper)}
.pagehead .breadcrumb li+li::before{color:rgba(253,249,238,.45)}
.pagehead--post .post__date{color:var(--sun)}
.pagehead :focus-visible{outline-color:var(--sun)}

/* ---- footer: steigėjas block, map, base bar ---- */
.founder-mark{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;
  transition:opacity var(--dur) var(--ease)}
.founder-mark img{width:100%;max-width:6.875rem;height:auto}
.founder-mark span{font-size:.9375rem;color:var(--paper)}
.founder-mark:hover{opacity:.85}
.founder-mark:hover span{color:var(--sun)}
.map-attrib{margin:.45rem 0 0;font-size:.6875rem;color:rgba(253,249,238,.5)}
.map-attrib a{color:rgba(253,249,238,.62);text-decoration:underline}
.map-attrib a:hover{color:var(--sun)}

/* ---- caret + mega menu ---- */
.nav__item > a{display:flex;align-items:center;gap:.4rem}
.caret{flex:none;opacity:.65;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.nav__item--has-children:hover > a .caret,
.nav__item--has-children:focus-within > a .caret,
.nav__item.is-open > a .caret{transform:rotate(180deg);opacity:1}
.nav__mega{display:none}
@media (min-width:74rem){
  .nav__item--has-children.is-open .nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
  .nav__mega{display:block;position:absolute;top:calc(100% + 6px);right:0;
    background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
    padding:var(--s3);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;
    transform:translateY(-6px);transition:opacity var(--dur) var(--ease),
    transform var(--dur) var(--ease),visibility var(--dur);z-index:60}
  .nav__item--mega:hover .nav__mega,
  .nav__item--mega:focus-within .nav__mega,
  .nav__item--mega.is-open .nav__mega{opacity:1;visibility:visible;transform:translateY(0)}
  .nav__mega-inner{display:grid;grid-template-columns:repeat(4,minmax(12.5rem,1fr));gap:var(--s3)}
  .nav__col ul{list-style:none;margin:0;padding:0}
  .nav__col a{display:block;padding:.3rem .5rem;border-radius:var(--r-s);
    color:var(--ink);text-decoration:none;font-size:.875rem;line-height:1.4;
    transition:background-color var(--dur) var(--ease)}
  .nav__col a:hover{background:var(--sun-soft)}
  .nav__col-title{display:block;font-size:var(--t-s);font-weight:600;letter-spacing:.06em;
    text-transform:uppercase;color:var(--sage);padding:.3rem .5rem;margin:0 0 .35rem;
    border-bottom:1px solid var(--line);text-decoration:none}
  .nav__col-title--plain{color:var(--ink-soft)}
}
@media (max-width:73.99rem){
  .nav__mega{display:block}
  .nav__mega-inner{display:block}
  .nav__col-title{display:block;padding:.6rem 0 .2rem var(--s2);font-size:var(--t-s);
    font-weight:600;color:var(--sage);text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
  .nav__col ul{list-style:none;margin:0;padding:0}
  .nav__col a{display:block;min-height:42px;line-height:42px;padding-left:var(--s3);
    color:var(--ink-soft);text-decoration:none;font-size:.9375rem}
}
.secnav__group{margin:var(--s3) 0 .35rem;font-size:var(--t-s);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sage)}
.secnav__group a{color:var(--sage);text-decoration:none}
.secnav__group:first-of-type{margin-top:var(--s2)}
.band__sub{font-size:var(--t-m);font-weight:600;color:var(--sage);margin:var(--s4) 0 var(--s2);text-transform:uppercase;letter-spacing:.06em}
.band__sub:first-child{margin-top:0}

/* ---- hero lockup doubles as a quick link to the programme ---- */
a.hero__lockup{display:block;text-decoration:none;color:var(--ink);position:relative;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
a.hero__lockup:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.hero__lockup-cta{display:inline-flex;align-items:center;gap:.45rem;margin-top:var(--s2);
  font-weight:500;color:var(--sage);font-size:.9375rem}
a.hero__lockup:hover .hero__lockup-cta{color:var(--sage-deep)}
.hero__lockup-cta svg{transition:transform var(--dur) var(--ease)}
a.hero__lockup:hover .hero__lockup-cta svg{transform:translateX(3px)}

/* ---- rekvizitai (Aprašo 9 p.) ---- */
.band--identity{border-top:1px solid var(--line);padding-block:var(--s4)}
.identity{display:grid;gap:var(--s2) var(--s3);margin:0 0 var(--s2);
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.identity dt{font-size:var(--t-s);color:var(--ink-soft);margin-bottom:.1rem}
.identity dd{margin:0;font-weight:500;font-size:.9375rem}

/* ---- migrated tables: wide, multi-line cells ---- */
.prose .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m);
  background:var(--surface);margin-bottom:var(--s3);-webkit-overflow-scrolling:touch}
.prose .tablewrap table{border:0;border-radius:0;margin:0;min-width:36rem}
.prose .tablewrap th{white-space:normal;vertical-align:bottom}
.prose .tablewrap td{vertical-align:top;line-height:1.5}
.prose .tablewrap td:last-child{font-variant-numeric:normal}
@media (min-width:62rem){.pagebody .prose{max-width:46rem}}

/* ---- renovation gallery: scroll-snap strip, no library ---- */
.gallery{display:flex;gap:var(--s2);list-style:none;margin:0;padding:0 0 var(--s1);
  overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin}
.gallery:focus-visible{outline:3px solid var(--sun);outline-offset:4px;border-radius:var(--r-m)}
.gallery__item{flex:0 0 min(38rem,86%);scroll-snap-align:start;border-radius:var(--r-m);
  overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}
.gallery__item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.empty{color:var(--ink-soft);background:var(--surface);border:1px dashed var(--line);
  border-radius:var(--r-m);padding:var(--s3);margin:0}



/* ---- gallery arrows ---- */
.gallery__nav{display:flex;gap:.5rem}
.gallery__btn{width:40px;height:40px;display:grid;place-items:center;cursor:pointer;
  background:var(--surface);color:var(--sage);border:1px solid var(--line);
  border-radius:var(--r-pill);box-shadow:var(--shadow-1);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),
             opacity var(--dur) var(--ease)}
.gallery__btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--sage-soft)}
.gallery__btn:active:not(:disabled){transform:translateY(0) scale(.96)}
.gallery__btn:disabled{opacity:.35;cursor:default}
.renovation__lead{margin-bottom:var(--s3);max-width:none}
.requisites{font-style:normal;line-height:1.95;font-size:.9375rem}
.requisites strong{font-weight:600;letter-spacing:.01em}

/* ---- lėšų gavėjas block ---- */


/* ============================================================
   Utility bar — right-aligned on desktop, compact rows on phones
   ============================================================ */
.utility{background:var(--sage-deep);color:var(--paper);font-size:var(--t-s)}
.utility__inner{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:flex-end;gap:.1rem var(--s3);padding-block:.35rem}
.utility__item{display:inline-flex;align-items:center;gap:.4rem;min-height:32px;
  color:var(--paper);text-decoration:none;white-space:nowrap}
.utility__item--plain{opacity:.85}
a.utility__item:hover{color:var(--sun)}
a.utility__item:focus-visible{outline-color:var(--sun)}
.utility__icon{flex:none;opacity:.7}
a.utility__item:hover .utility__icon{opacity:1}
.utility__lang{font-weight:600;border:1px solid rgba(253,249,238,.35);
  border-radius:var(--r-pill);padding:0 .65rem;min-height:26px;margin-left:var(--s1)}
.utility__lang:hover{background:rgba(253,249,238,.12)}

@media (max-width:47.99rem){
  /* one tidy row: the phone number stays readable, the rest collapse to icons.
     Address and hours are repeated in full in the footer, so nothing is lost. */
  .utility__inner{justify-content:flex-start;gap:0 var(--s2);font-size:.75rem;flex-wrap:nowrap}
  .utility__item{min-height:34px}
  .utility__item--mail .utility__text,
  .utility__item--map .utility__text{position:absolute;width:1px;height:1px;
    margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .utility__item--mail,.utility__item--map{padding:0 .2rem}
  .utility__item--hours{display:none}
  .utility__icon{width:16px;height:16px;opacity:.85}
  .utility__lang{margin-left:auto;padding:0 .5rem}
}

/* ---- header on phones: the CTA was outgrowing everything ---- */
@media (max-width:73.99rem){
  .site-header__inner{flex-wrap:wrap;gap:var(--s1) var(--s2)}
  .logo{flex:1 1 auto;min-width:0}
  .logo__text{font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header__cta{order:2;margin-left:auto;min-height:38px;padding:.35rem .85rem;
    font-size:.8125rem;box-shadow:none}
  .nav-toggle{order:3;margin-left:0;min-height:38px;padding:0 .8rem;font-size:.8125rem}
}
@media (max-width:22rem){
  .header__cta{font-size:.75rem;padding:.3rem .65rem}
  .logo__text{display:none}
}

/* ---- motion ------------------------------------------------------------
   All of it is inert under prefers-reduced-motion.                      */

/* the institution name sits with the tagline, not below it as a label */
.hero .eyebrow{font-size:var(--t-m);letter-spacing:.06em}

/* cards and gallery frames rise as they enter the viewport */
.reveal{opacity:0;transform:translateY(16px)}
.reveal.is-in{opacity:1;transform:none;
  transition:opacity .55s var(--ease),transform .55s var(--ease)}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.is-in{opacity:1!important;transform:none!important}
}

/* ---- programme tile: white artwork on the brand green, links to the programme PDF ---- */
.programme-tile{display:block;width:min(100%,9.5rem);background:var(--sage-deep);border-radius:var(--r-m);
  padding:.75rem;box-shadow:var(--shadow-1);text-decoration:none;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}
.programme-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);background:var(--sage)}
.programme-tile:active{transform:translateY(-1px)}
.programme-tile:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.programme-tile img{display:block;width:100%;height:auto;aspect-ratio:auto}
@media (prefers-reduced-motion:reduce){.programme-tile:hover{transform:none}}

/* header switch point: the full desktop header (logo + 7 menu items + ELIIS button) needs ~1160px;
   below that the compact menu is used, so the ELIIS button never drops to a second row */

/* mega panel: anchor it to the header row, not to the "Apie mus" link. Anchored to the link (which sits near the
   left) a 922px panel ran ~150px past the left edge of the screen and cut the first column off. */
@media (min-width:74rem){
  .site-header__inner{position:relative}
  .nav__item--mega{position:static}
  .nav__mega{right:var(--s3);max-width:calc(100vw - 2 * var(--s3))}
}

/* ---- staff cards (Administracija) ---------------------------------------------------- */
.people{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s3)}
.person{display:grid;gap:var(--s2);padding:var(--s3);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-m);box-shadow:var(--shadow-1)}
.person--has-photo{grid-template-columns:auto 1fr;align-items:start;column-gap:var(--s3)}
.person__photo img{display:block;width:9.5rem;height:auto;border-radius:var(--r-m)}
.person__name{font-size:var(--t-l);margin:0 0 .15rem}
.person__role{margin:0 0 var(--s2);color:var(--ink-soft)}
.person__body p{margin:0 0 var(--s1)}
.person__body a{overflow-wrap:anywhere}
.docs--inline{margin-top:var(--s2)}
.docs--inline h3{font-size:var(--t-s);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:500;margin:0 0 var(--s1)}
@media (max-width:40rem){.person--has-photo{grid-template-columns:1fr}.person__photo img{width:8rem}}

/* ---- a picture that carries information (job ad, schema) */
.prose .figure{margin:var(--s3) 0}
.prose .figure img{display:block;max-width:min(100%,30rem);height:auto;border-radius:var(--r-m);border:1px solid var(--line)}

/* Gallery block inside a page (e.g. Renovacija): a tidy responsive grid, photos keep their proportions */
.prose .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--s3);margin:var(--s5) 0;padding:0;list-style:none}
.prose .wp-block-gallery figure{margin:0;width:auto}
.prose .wp-block-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-m);display:block}

/* Homepage hero picture: rises out of nothing — fades in, grows from slightly smaller, settles. Off under reduced motion. */
@keyframes jk-emerge{from{opacity:0;transform:translateY(1.5rem) scale(.92)}to{opacity:1;transform:none}}
.hero__lockup{animation:jk-emerge 1.1s cubic-bezier(.22,1,.36,1) .2s both}
@media (prefers-reduced-motion:reduce){.hero__lockup{animation:none}}