/* Padangos ir keitimas – hero juostelė + Premium 11a „Protektorius“ (padangos.js). Spalvos ir šriftai – iš dist/styles.css tokenų. */
.hero-spec{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:2.2rem;padding-top:1.1rem;border-top:1px solid rgb(239 237 232 / .18);max-width:44rem;font-size:.95rem;color:var(--color-ink-2);list-style:none}
.hero-spec b{font:700 1.15rem/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);margin-right:.45rem}

/* ---------- Bazė (be WebGL / reduced-motion): tinklelis ---------- */
.pt{position:relative;z-index:1;background:var(--color-paper);padding:clamp(4rem,10vh,7rem) 0}
.pt-stage{max-width:1600px;margin:0 auto;padding:0 clamp(1.25rem,3vw,2.5rem)}
.pt-h{font:700 clamp(2.8rem,4.6vw,5rem)/.9 var(--font-display);text-transform:uppercase;color:var(--color-ink);margin-top:1rem}
.pt-h em{font-style:normal;color:var(--color-accent)}
.pt-hint{margin-top:1rem;color:var(--color-ink-3);max-width:34ch}
.pt-act,.pt-sw{display:none}
.pt-list{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.pt-list a{display:block;text-decoration:none;color:var(--color-ink);border-radius:6px;background:var(--color-surface);padding:8px 8px 14px;box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow .35s var(--ease-out-soft)}
.pt-list a:hover{box-shadow:inset 0 0 0 1px var(--color-accent)}
.pt-list img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:3px;background:var(--color-raised)}
.pt-n{display:flex;gap:.6rem;align-items:baseline;margin:.8rem .3rem 0;font:700 1.45rem/1 var(--font-display);text-transform:uppercase}
.pt-n b{color:var(--color-accent);font-weight:600;font-size:1rem}
.pt-d{display:block;margin:.35rem .3rem 0;font-size:.92rem;color:var(--color-ink-3)}

/* ---------- Kompiuteris su WebGL: prisegta scena per 320vh ---------- */
.pt-on .pt{height:320vh;padding:0}
.pt-on .pt-stage{position:sticky;top:0;height:100vh;height:100svh;max-width:none;padding:0;overflow:hidden;
  background:linear-gradient(90deg,var(--color-paper) 30%,#171717 100%)}
.pt-on .pt canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;opacity:0;transition:opacity 1s var(--ease-out-soft)}
.pt-on .pt.is-ready canvas{opacity:1}
.pt-on .pt-tx{position:absolute;z-index:2;left:clamp(1.5rem,4vw,4rem);top:0;bottom:0;width:min(30rem,34vw);display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.pt-on .pt-tx a,.pt-on .pt-tx button{pointer-events:auto}
.pt-on .pt-act{display:block;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--color-line-strong)}
.pt-no{font:600 .8rem/1 var(--font-sans);letter-spacing:.24em;color:var(--color-ink-2)}
.pt-no b{color:var(--color-accent)}
.pt-name{margin-top:.7rem;font:700 clamp(2.1rem,3.1vw,3.2rem)/.95 var(--font-display);text-transform:uppercase;color:var(--color-ink)}
.pt-desc{margin-top:.6rem;color:var(--color-ink-2);min-height:3.2em;max-width:32ch}
.pt-cta{margin-top:1.2rem}
.pt-act.is-swap .pt-name,.pt-act.is-swap .pt-desc{animation:ptIn .5s var(--ease-out-expo) both}
@keyframes ptIn{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
.pt-on .pt-sw{display:inline-flex;align-self:flex-start;margin-top:2rem;padding:4px;border-radius:4px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line-strong)}
.pt-sw button{font:600 .85rem var(--font-sans);letter-spacing:.04em;color:var(--color-ink-2);background:none;border:0;min-height:40px;padding:.55rem 1rem;border-radius:3px;cursor:pointer;transition:background-color .3s var(--ease-out-soft),color .3s var(--ease-out-soft)}
.pt-sw button:hover{color:var(--color-ink)}
.pt-sw button[aria-pressed="true"]{background:var(--color-ink);color:var(--color-paper)}
/* Sąrašas lieka prieinamas skaitytuvams ir klaviatūrai (fokusas suka būgną), bet nematomas */
.pt-on .pt-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.pt-on .pt-list a:focus-visible{outline:none}
@media (max-width: 1100px){.pt-on .pt-tx{width:min(24rem,38vw)}}