/* work-v1.css — /dirbk-su-manimi.
   Atskiras failas tuo pačiu principu kaip form-v1.css ir product-typo.css:
   canonical home-v2.css lieka NEPALIESTAS.
   Nė vienos naujos spalvos, nė vieno naujo šrifto, nė vieno naujo žetono —
   visos reikšmės paimtos iš jau patvirtintų home-v2.css taisyklių.
   Įkeliamas TIK /dirbk-su-manimi. */

/* ---------- 01 · HERO — .lb geometrija ---------- */
.wm1{background:var(--dark);color:var(--ivory);
     padding-block:clamp(132px,13vw,196px) clamp(56px,5.6vw,84px)}
.wm1__k{grid-column:1/-1;color:var(--warm);margin-bottom:var(--breath)}
.wm1__t{grid-column:1/span 8;margin:0;font-family:var(--serifA);font-weight:400;
        font-size:clamp(38.33px,4.5vw,65px);line-height:1.2;letter-spacing:-.02em;color:var(--ivory)}
.wm1__st{grid-column:1/span 7;margin:clamp(30px,3vw,42px) 0 0;font-family:var(--serifA);
         font-weight:400;font-size:clamp(20.83px,2.08vw,29.17px);line-height:1.416;
         letter-spacing:-.012em;color:var(--ivory)}
.wm1__p{grid-column:1/span 6;margin:clamp(24px,2.4vw,32px) 0 0;font-family:var(--sansA);
        font-size:17px;line-height:1.75;color:var(--warm);max-width:52ch}

/* ---------- 02–04 · TRYS KELIAI ---------- */
.wm2{padding-block:var(--silence)}
.wm2__n{grid-column:1/-1;margin:0 0 var(--breath);color:var(--accent)}
.wm2__t{grid-column:1/span 7;margin:0;font-family:var(--serifA);font-weight:400;
        font-size:clamp(28.33px,3vw,41.67px);line-height:1.32;letter-spacing:-.016em}
.wm2__body{grid-column:1/span 6;margin-top:clamp(34px,3.4vw,46px)}
.wm2__p{margin:0;font-family:var(--sansA);font-size:17.5px;line-height:1.78;
        color:var(--ink-body);max-width:46ch}
.wm2__p--n{margin-top:clamp(20px,2vw,26px)}
.wm2__sub{margin:clamp(24px,2.4vw,32px) 0 0;font-family:var(--serifA);font-weight:400;
          font-size:clamp(16.08px,1.51vw,21.75px);line-height:1.68;letter-spacing:-.01em;
          color:var(--ink);max-width:40ch}
.wm2__aside{grid-column:8/span 5;margin-top:clamp(34px,3.4vw,46px);
            padding-top:clamp(26px,2.6vw,34px);border-top:1px solid var(--rule-l)}
.wm2__lk{margin:0;color:var(--ink-muted)}
.wm2__list{margin:clamp(18px,1.8vw,24px) 0 0;padding:0;list-style:none}
.wm2__list li{position:relative;padding-left:26px;margin-top:10px;
              font-family:var(--sansA);font-size:16.5px;line-height:1.78;color:var(--ink-body)}
.wm2__list li:first-child{margin-top:0}
.wm2__list li::before{content:"—";position:absolute;left:0;top:0;color:var(--ink-muted)}
.wm2__note{grid-column:1/span 6;margin:clamp(30px,3vw,42px) 0 0;font-family:var(--sansA);
           font-size:16.5px;line-height:1.78;color:var(--ink-muted);max-width:44ch}
.wm2__cta{grid-column:1/-1;margin-top:clamp(44px,4.4vw,62px)}

/* Kaina — RAMI, ne „sales badge". Naujų reikšmių nėra: dydis, line-height
   ir letter-spacing nurašyti PAŽODŽIUI iš .wm1__st (tos pačios sistemos
   serif paantraštė). Todėl kaina sąmoningai MAŽESNĖ už savo antraštę
   .wm2__t (29,17 px vs 41,67 px ties 1440 px). Tarpas ir grid-column —
   pažodžiui iš buvusio .wm2__note, kurio vietoje ji stovi.
   Jokios dėžutės, jokio fono, jokios naujos spalvos. */
.wm2__price{grid-column:1/span 6;margin:clamp(30px,3vw,42px) 0 0;
            font-family:var(--serifA);font-weight:400;
            font-size:clamp(20.83px,2.08vw,29.17px);line-height:1.416;
            letter-spacing:-.012em;color:var(--ink)}
.wm2--d .wm2__price{color:var(--ivory)}

/* Antrinė tekstinė nuoroda tamsiame fone. NAUJO komponento NĖRA:
   tipografinės reikšmės — pažodžiui iš .linkA (svetainės antrinė
   nuoroda), spalvos — pažodžiui iš .ft__nav a (svetainės rami nuoroda
   tamsiame fone), linija — esamas žetonas --rule-d, tarpas — --breath. */
.wm2__more{grid-column:1/-1;margin-top:var(--breath)}
.wm2__more a{display:inline-flex;align-items:baseline;gap:14px;min-height:44px;
             font-family:var(--sansA);font-size:12px;font-weight:500;letter-spacing:.2em;
             text-transform:uppercase;text-decoration:none;color:rgba(241,234,224,.66);
             padding:10px 2px 12px;border-bottom:1px solid var(--rule-d);
             transition:color .25s,border-color .25s}
.wm2__more a:hover{color:var(--ivory);border-bottom-color:rgba(241,234,224,.62)}

/* Tamsi bordo variacija — 02 kelias. Tik spalvos, geometrija ta pati. */
.wm2--d .wm2__n{color:var(--warm)}
.wm2--d .wm2__t{color:var(--ivory)}
.wm2--d .wm2__p{color:var(--dim)}
.wm2--d .wm2__sub{color:var(--ivory)}
.wm2--d .wm2__aside{border-top-color:var(--rule-d)}
.wm2--d .wm2__lk{color:var(--warm)}
.wm2--d .wm2__list li{color:var(--dim)}
.wm2--d .wm2__list li::before{color:var(--warm)}
.wm2--d .wm2__note{color:var(--dim2)}

/* ---------- 05 · PATIRTYS — naudoja esamą .h6 / .tri / .tm ---------- */
.wm3__t{grid-column:1/span 7;grid-row:1;margin:0 0 clamp(48px,4.8vw,68px);
        font-family:var(--serifA);font-weight:400;
        font-size:clamp(31.67px,3.33vw,46.67px);line-height:1.272;letter-spacing:-.014em;
        color:var(--ink);max-width:16ch}

/* ---------- 06 · FINALAS — .lf geometrija ---------- */
.wm4{background:var(--dark);color:var(--ivory);padding-block:var(--silence)}
.wm4__t{grid-column:1/span 7;margin:0;font-family:var(--serifA);font-weight:400;
        font-size:clamp(31.67px,3.33vw,46.67px);line-height:1.272;letter-spacing:-.014em;
        color:var(--ivory)}
.wm4__p{grid-column:1/span 6;margin:clamp(34px,3.4vw,46px) 0 0;font-family:var(--sansA);
        font-size:17.5px;line-height:1.78;color:var(--dim);max-width:44ch}
.wm4__cta{grid-column:1/-1;margin-top:clamp(44px,4.4vw,62px)}
.wm4__note{grid-column:1/span 6;margin:clamp(26px,2.6vw,34px) 0 0;font-family:var(--sansA);
           font-size:13.4px;line-height:1.75;color:var(--dim2)}

/* ══════════════════ MOBILE · tas pats lūžio taškas kaip visoje temoje ══════════════════ */
@media (max-width:640px){
  .wm1__t,.wm1__st,.wm1__p{grid-column:1/-1;max-width:none}
  .wm2__n,.wm2__t,.wm2__body,.wm2__aside,.wm2__note,.wm2__price,.wm2__cta,.wm2__more{grid-column:1/-1}
  /* Tas pats dydis kaip .linkBd telefone (11.5px); hierarchiją laiko
     svoris 500 vs 600 ir 66 % nepermatomumas. */
  .wm2__more a{font-size:11.5px}
  .wm2__t{max-width:none}
  .wm2__aside{margin-top:clamp(30px,7.5vw,40px)}
  .wm3__t{grid-column:1/-1;max-width:none;margin-bottom:clamp(34px,8.5vw,44px)}
  .wm4__t,.wm4__p,.wm4__note{grid-column:1/-1;max-width:none}
}