/* ============================================================
   KOMPOZICIJA
   Antraštės gauna liniją ir sekcijos numerį krašte, skaičiai -
   savo juostą. Tikslas: puslapis turi ritmą ir pabaigas, o ne
   vienodų blokų virtinę.
   ============================================================ */

/* ------------------------------------------------------------
   SEKCIJOS ANTRAŠTĖ
   Virš antraštės — linija per visą plotį; dešinėje krašte —
   sekcijos numeris. Kaip lapo numeris brėžinių komplekte.
------------------------------------------------------------ */
.shead{
  max-width:none;position:relative;
  display:grid;grid-template-columns:1fr;gap:var(--s-5);
  padding-top:var(--s-5);
  border-top:var(--border) solid var(--line);
}
@media (min-width:1024px){
  .shead{grid-template-columns:minmax(0,52rem) 1fr;align-items:start;}
}
.shead__main{min-width:0;}
.shead__index{
  font-family:var(--font-mono);font-weight:500;font-size:var(--fs-label);
  letter-spacing:.14em;color:var(--ink-faint);
  justify-self:start;align-self:start;
}
@media (min-width:1024px){.shead__index{justify-self:end;}}
.shead__title{font-size:var(--fs-d2);margin-top:var(--s-4);}
.shead__lead{margin-top:var(--s-5);}

/* ------------------------------------------------------------
   ĮŽANGOS SEKCIJA
   Vienas platus teiginys, po juo skaičiaus juosta. Dešinė pusė
   sąmoningai palikta tuščia — tai paraštė, o ne nebaigtas tinklelis,
   todėl antraštė turi būti pakankamai stambi, kad ją atlaikytų.
------------------------------------------------------------ */
.intro__inner{display:flex;flex-direction:column;gap:var(--s-10);}
.intro__title{
  margin-top:var(--s-4);
  font-size:var(--fs-d2);max-width:18ch;
}
.intro__lead{margin-top:var(--s-6);max-width:52ch;}
/* Skaičiaus juosta: didelis skaičius kairėje, paaiškinimas dešinėje.
   Per visą plotį - todėl sekcija baigiasi linija, o ne tuštuma. */
.intro__band{
  grid-column:1/-1;
  padding-top:var(--s-6);
  border-top:var(--border) solid var(--line-strong);
}
.intro__band .stat{
  display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:var(--s-3) var(--s-8);
}
.intro__band .stat__label{margin-top:0;text-align:right;max-width:34ch;}
/* Juostoje brūkšnys virš etiketės nereikalingas - juostą jau riboja linija */
.intro__band .stat__label::before{display:none;}

/* ------------------------------------------------------------
   SEKCIJOS UŽBAIGA
   Nuoroda „visos paslaugos" gauna liniją, kad sekcija turėtų dugną.
------------------------------------------------------------ */
.section__more{
  margin-top:var(--s-8);padding-top:var(--s-6);
  border-top:var(--border) solid var(--line);
}

/* ------------------------------------------------------------
   SKAIČIAI
   Matavimo vienetas mažesnis ir prilipęs prie skaičiaus, kad
   „12.000 m²" niekada nelūžtų per dvi eilutes.
------------------------------------------------------------ */
.stat__value{white-space:nowrap;display:flex;align-items:baseline;gap:.12em;}
.stat__unit{
  font-size:.34em;font-weight:600;letter-spacing:0;
  color:var(--accent-ctx);
}

/* Keturių stulpelių tinklelyje skaičius turi tilpti į stulpelį */
@media (min-width:1024px){
  .stats__grid .stat__value{font-size:clamp(2.25rem,1.2rem + 3.2vw,4rem);}
}
@media (min-width:768px) and (max-width:1023px){
  .stats__grid .stat__value{font-size:clamp(2rem,1rem + 4vw,3.25rem);}
}

/* ------------------------------------------------------------
   ILGI ŽODŽIAI
   Danų ir lietuvių dūriniai ilgi. Antraštėse žodžio laužti per
   vidurį negalima — mažesnis dydis geriau nei „KONSTRUKTI-ONER".
------------------------------------------------------------ */
@media (min-width:768px){
  h1,h2,.d1,.d2,.d3,.about__title,.shead__title{overflow-wrap:normal;word-break:normal;}
}
.about__title{font-size:clamp(2rem,1.1rem + 3.4vw,4rem);}

/* ------------------------------------------------------------
   LIETUVIŠKA TIPOGRAFIJA
   Danų ir anglų didžiosios telpa į `line-height:.92` — jos neturi nieko
   virš raidės aukščio. Lietuvių turi: Ė Š Ž Ū kyla aukštyn, Ą Ę Į Ų
   krinta žemyn. Susidėjus dviem eilutėms taškas atsiduria ant apatinės
   raidės, o nosinė nulenda po bloku.
   Todėl LT versijai eilutės tarpas didinamas — tik jai, kad danų
   antraštės liktų tokios pat tankios kaip suplanuota.
------------------------------------------------------------ */
html[lang="lt"] h1,
html[lang="lt"] h2,
html[lang="lt"] .d1,
html[lang="lt"] .d2,
html[lang="lt"] .d3,
html[lang="lt"] .about__title,
html[lang="lt"] .shead__title,
html[lang="lt"] .hero__title{line-height:1.04;}

html[lang="lt"] .mnav__link{line-height:1.2;}
html[lang="lt"] .service__title,
html[lang="lt"] .step__title,
html[lang="lt"] .project__name{line-height:1.25;}