/* ══════════════════════════════════════════════════════════════════════
   AI BUS GERAI — galutinis puslapis aibusgerai.eu pakeitimui.
   KOMPOZICIJA iš Web-Taste/references/patterns.md blokų (ne vieno šaltinio klonas):
     · 1a kampų rėmas + §5 mikro-HUD laikrodis
     · 2a sukrauti ekranai + clip-path užuolaida (Dovydo favoritas)
     · 3a kanjonas: display 10.5vw / 15px / 13px — tarp jų tuščia
     · 4c spalva kas darbą, tikrinta prieš kadro šviesumą (šviesiems kadrams — tamsus rašalas)
     · popieriniai intro/apie ekranai (šviesus ↔ tamsus poliariškumas)
   Šriftai: Hanken Grotesk 900/600 (display, latin-ext patikrintas, metrikos
   adv .574 / cap .697 / xh .493) + IBM Plex Mono 400/500 (meta sluoksnis, latin-ext).
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --ink:#0A0A0A;
  --pap:#EFEDE8;               /* popierius — šiltas, ne baltas ir ne pilkas */
  --dark:#050505;
  --t:10.5vw;                  /* kanjono display (3a): ~159px @1512 */
  --k:13px;                    /* mono etiketės */
  --n:15px;                    /* mono po-eilutės ir kampai */
  --pm:clamp(11px,.82vw,18px);
  --blu:#1638FF;               /* vienintelis hero chromatinis akcentas */
  --red:#F22B25;
  --hero-paper:#F5ECE9;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  background:var(--dark); color:var(--pap);
  font-family:"Hanken Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:var(--n); font-weight:600; line-height:1.25;
  /* overflow-x:hidden čia paverčia body scroll konteineriu ir Chromium nustoja
     piešti sticky .list nuscrollinus (rasta 2026-07-26: juodas ekranas nuo 2-o
     kadro). `clip` kerta perteklių NEsukurdamas scroll konteinerio. */
  overflow-x:clip; -webkit-font-smoothing:antialiased;
}
video{display:block}
a{color:inherit;text-decoration:none}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-weight:400;letter-spacing:0}
::selection{background:var(--ink);color:var(--pap)}
.skip{
  position:fixed;z-index:100;top:8px;left:8px;padding:.7em 1em;
  background:var(--ink);color:var(--pap);transform:translateY(-160%);
}
.skip:focus{transform:translateY(0)}
.cn a:focus-visible,.w:focus-visible,.fin-r a:focus-visible{
  outline:2px solid currentColor;outline-offset:4px;
}

/* ── KAMPŲ RĖMAS (1a): 6 fiksuoti taškai, jokios juostos ─────────────── */
.cn{position:fixed;inset:0;z-index:80;pointer-events:none}
.cn>*{position:absolute;pointer-events:auto;text-transform:uppercase;color:var(--pap);
      font-size:var(--n);font-weight:600;white-space:nowrap;transition:color .3s}
.cn>.mono{font-weight:400;font-size:var(--k)}
.cn a::before{content:"";position:absolute;inset:-12px 0}
.c-tl{top:1.2vh;left:1vw}
.c-tc{top:1.2vh;left:50%;transform:translateX(-50%)}
.c-tr{top:1.2vh;right:1vw}
.c-bl{bottom:1.6vh;left:1vw}
.c-bc{bottom:1.6vh;left:50%;transform:translateX(-50%)}
.c-br{bottom:1.6vh;right:1vw}
.cn a:hover{opacity:.5}
.cn.dark>*{color:var(--ink)}   /* ant popierinio ekrano kampai apsiverčia */

/* ── SUKRAUTI EKRANAI (2a) ───────────────────────────────────────────── */
.scroll{position:relative}
.list{position:relative;background:var(--dark)}
.trgs{position:relative;z-index:0}
.trg{height:100svh}

.item{
  position:relative; min-height:100svh;
  display:grid; grid-template-columns:1fr 1fr;
  pointer-events:auto; visibility:visible;
}
.motion-loading .list,.motion-ready .list{
  position:sticky;top:0;height:100svh;overflow:hidden;z-index:1
}
.motion-loading .item,.motion-ready .item{
  position:absolute;inset:0;min-height:0;
  pointer-events:none;visibility:hidden;
}
.item.lite{background:var(--pap);grid-template-columns:1fr}
/* .vis gauna clip-path užuolaidą; .inner 140% aukščio — tarpas kadro krašte neįmanomas */
.vis{position:relative;overflow:hidden;clip-path:inset(0 0 0 0)}
.inner{position:absolute;left:0;right:0;top:-20%;height:140%;will-change:transform}
.inner video{width:100%;height:100%;object-fit:cover}

/* ── Tekstas: VIENA kopija, juda kaip blokas (be perskirtų pusių) ────── */
.ct{
  position:absolute; inset:0; z-index:3;
  display:flex; align-items:center; justify-content:center;
  padding:0 3vw; pointer-events:none;
}
.ct a{pointer-events:auto}
.blk{text-align:center;will-change:transform}
.item:not(.lite) .blk{color:var(--c,#EFEDE8)}  /* --c iš .ct; be jos — popierius */
.item.lite .blk{color:var(--ink)}

.k{font-size:var(--k);text-transform:uppercase;margin-bottom:1.6vh;color:inherit}
.t{
  font-size:var(--t); font-weight:900; letter-spacing:-.04em; line-height:.84;
  text-transform:uppercase; text-wrap:balance; max-width:88vw; margin:0 auto;
}
.s{font-size:var(--k);text-transform:uppercase;margin-top:2.2vh}
.w{
  display:inline-flex;align-items:center;min-height:44px;
  margin-top:3.4vh; font-size:var(--k); text-transform:uppercase;
  border:1px solid currentColor; padding:.55em 1.1em;
}
.w:hover{background:var(--pap);color:var(--dark);border-color:var(--pap)}
.item.lite .w:hover{background:var(--ink);color:var(--pap);border-color:var(--ink)}

/* ── REDAKCINIS VIRŠELIS ───────────────────────────────────────────────
   Vienas stiprus teiginys, tikras Dovydo portretas ir devynios atskiros
   DOM iškarpos. Smulkūs .wr žodžiai lieka fisheye taikiniais. */
.item.poster{
  position:relative;display:block;height:100svh;min-height:100svh;
  overflow:hidden;isolation:isolate;pointer-events:auto;
  background:var(--hero-paper);color:var(--ink);text-transform:uppercase;
  font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:var(--pm);font-weight:500;line-height:1.35;letter-spacing:.01em;
}
.poster-camera{
  position:absolute;z-index:2;inset:0;overflow:hidden;
  transform-origin:50% 21%;will-change:transform,clip-path;
}
.fx-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cover-kicker,.cover-word,.cover-brand,.fl{
  font-family:"Hanken Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:900;line-height:.78;letter-spacing:-.045em;white-space:nowrap;
}
.cover-type{position:absolute;inset:0;z-index:6;pointer-events:none}
.cover-kicker{
  position:absolute;top:10.5vh;left:39vw;
  width:max-content;font-size:5.1vw;
}
.cover-word{
  position:absolute;top:18.2vh;left:1.35vw;
  width:max-content;color:var(--blu);font-weight:900;font-size:15.6vw;
}
.cover-brand{
  position:absolute;z-index:7;left:2vw;bottom:4.8vh;
  width:max-content;font-size:5.2vw;
}
.cover-meta,.cover-copy,.cover-folio{
  position:absolute;z-index:8;font-size:clamp(9px,.68vw,13px);
}
.cover-meta--top{
  top:5.3vh;left:2vw;right:2vw;
  display:grid;grid-template-columns:1fr 1fr auto;align-items:start;
}
.cover-meta--top>span:nth-child(2){text-align:center}
.cover-meta--top>span:last-child{text-align:right}
.cover-copy{top:59vh;left:3vw;width:20vw}
.cover-lead{
  font-family:"Hanken Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(15px,1.35vw,27px);font-weight:800;line-height:1.08;
  letter-spacing:-.02em;
}
.cover-small{
  margin-top:1.6em;padding-top:1.2em;border-top:1px solid currentColor;
  font-size:clamp(9px,.64vw,12px);
}
.cover-meta--side{
  top:58.7vh;right:3vw;width:17vw;
  display:grid;gap:2.2em;text-align:right;
}
.cover-folio{right:2vw;bottom:5.1vh;text-align:right}
.portrait-scene{
  position:absolute;z-index:4;left:50%;bottom:-3.5vh;
  width:min(96vw,1840px);aspect-ratio:16/9;margin:0;
  transform:translateX(-50%);pointer-events:none;
}
.sofa-scene,.shutter-ghost{
  position:absolute;inset:0;width:100%;height:100%;
}
.sofa-scene{
  z-index:1;display:block;object-fit:contain;object-position:center bottom;
}
.shutter-ghost{
  z-index:8;object-fit:contain;object-position:center bottom;
  mix-blend-mode:normal;will-change:transform,opacity;
}
.shutter-ghost--a{
  opacity:.28;filter:url(#low-shutter) saturate(.86) contrast(1.04);
  transform:translateX(-2vw) scaleX(1.08);
}
.shutter-ghost--b{
  opacity:.07;filter:url(#low-shutter) saturate(.76) contrast(1.06);
  transform:translateX(8vw) scaleX(1.34);
}
.note-stickers{position:absolute;inset:0;z-index:6}
.note-sticker{
  position:absolute;display:flex;align-items:center;justify-content:center;
  width:clamp(54px,5vw,92px);min-height:clamp(48px,4.4vw,82px);padding:.7em;
  background:#F1DA72;color:var(--ink);
  font-size:clamp(7px,.54vw,11px);font-weight:600;line-height:1.22;
  text-align:center;text-transform:uppercase;
  will-change:transform,opacity;
}
.note-sticker--a{left:27%;top:14%;transform:rotate(-7deg)}
.note-sticker--b{right:26%;top:8%;transform:rotate(5deg);background:#B8C8FF}
.note-sticker--c{left:21%;top:34%;transform:rotate(4deg)}
.note-sticker--d{right:18%;top:32%;transform:rotate(-6deg);background:#F8F3E9}
.note-sticker--e{left:29%;top:49%;transform:rotate(2deg);background:#B8C8FF}
.note-sticker--f{right:24%;top:51%;transform:rotate(7deg)}
.shutter-frame{
  position:absolute;z-index:5;inset:0;pointer-events:none;
  background:rgba(5,5,5,.015);
  backdrop-filter:url(#low-shutter) saturate(.9) brightness(.95);
  will-change:backdrop-filter;
}
.creative-tape{
  position:absolute;z-index:10;left:50%;top:18.2%;
  transform:translateX(-50%) rotate(-1.4deg);
  background:var(--red);color:#fff;padding:.28em .78em .34em;
  font-family:"Hanken Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(15px,1.55vw,30px);font-weight:900;line-height:.84;
  letter-spacing:-.025em;text-transform:uppercase;
  will-change:transform;
}
.final{
  position:absolute;z-index:1;inset:0;visibility:hidden;pointer-events:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8vh;
}
.fl{
  font-size:7.2vw;
}
.wd{display:inline-block;position:relative;transform-origin:50% 60%;will-change:transform}

/* apie ekranas */
.blk-apie{max-width:44rem}
.a{
  font-size:clamp(19px,1.72vw,26px); font-weight:600; line-height:1.42;
  text-align:center; margin-bottom:4vh;
}
/* klientų BĖGANTI juosta (kaip senam aibusgerai.eu) — dubliuotas turinys,
   begalinė CSS kilpa; ant popierinio ekrano, per visą lango plotį */
.tape-l{margin-top:5vh}
.tape{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw)}
.tape-t{
  display:flex;gap:3.2em;width:max-content;padding:.2em 0;
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:var(--n);
  text-transform:uppercase;white-space:nowrap;
  animation:tape 28s linear infinite;
}
@keyframes tape{to{transform:translateX(-50%)}}

/* ── KONTAKTAI ───────────────────────────────────────────────────────── */
.fin{
  position:relative; z-index:2; min-height:100svh;
  background:var(--pap); color:var(--ink);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4vh; padding:12vh 3vw;
}
.fin-t{color:var(--ink)}
.fin-r{display:flex;flex-wrap:wrap;justify-content:center;gap:.7em 2.6em;
       font-size:var(--n);text-transform:uppercase}
.fin-r a{display:inline-flex;align-items:center;min-height:44px}
.fin-r a:hover{opacity:.5}
.fin-b{font-size:var(--k);text-transform:uppercase;opacity:.68}

/* ── MOBILUS ≤820px: sukrauta architektūra virsta SRAUTU (patterns §7.1) ─
   Užuolaida telefone neveikia — ekranai tampa normaliom sekcijom. */
@media (max-width:820px){
  :root{--t:16.5vw;--k:12px;--n:13px}
  .list{position:static;height:auto;overflow:visible}
  .trgs{display:none}
  .item{
    position:relative; inset:auto; visibility:visible; pointer-events:auto;
    min-height:100svh; grid-template-columns:1fr 1fr; grid-template-rows:1fr;
  }
  .item{grid-template-columns:1fr}   /* telefone — VIENA panelė darbui */
  .item .vis + .vis{display:none}
  .item.lite{min-height:92svh}
  .vis{clip-path:none;min-height:100svh}
  .inner{top:0;height:100%;transform:none!important}
  .ct{position:absolute;padding:0 6vw}
  .w{padding:.8em 1.5em;margin-top:4vh}   /* didesnis lietimo taikinys */
  .c-tc,.c-bc{display:none}          /* centriniai kampai telefone nereikalingi */
  .a{font-size:17px;text-align:left}
  .item.poster{position:relative;height:100svh;min-height:100svh;overflow:hidden;font-size:10px}
  .final{display:none}
  .cover-meta--top{top:6.8vh;left:4vw;right:4vw;grid-template-columns:1fr auto}
  .cover-meta--top>span:nth-child(2){display:none}
  .cover-kicker{top:14.3vh;left:26vw;font-size:13.5vw}
  .cover-word{top:21.2vh;left:-1.5vw;font-size:23vw}
  .portrait-scene{bottom:-3.5vh;width:177svh;max-width:none}
  .shutter-ghost--a{transform:translateX(-12vw) scaleX(1.45)}
  .shutter-ghost--b{transform:translateX(14vw) scaleX(1.65)}
  .note-sticker--a{left:43%;top:13%}
  .note-sticker--b{right:42%;top:8%}
  .note-sticker--c{left:41%;top:34%}
  .note-sticker--d{right:41%;top:32%}
  .note-sticker--e{left:43%;top:49%}
  .note-sticker--f{right:42%;top:51%}
  .creative-tape{font-size:15px}
  .cover-copy{top:63vh;left:4vw;width:44vw}
  .cover-lead{font-size:14px}
  .cover-small,.cover-meta--side{display:none}
  .cover-brand{left:4vw;bottom:5.4vh;font-size:11.7vw}
  .cover-folio{right:4vw;bottom:5.7vh;font-size:8px}
  .blk-apie{max-width:100%}
  .tape-t{font-size:12px;gap:2.2em;animation-duration:20s}
  .fin-r{flex-direction:column;align-items:center;gap:1em}
}
@media (prefers-reduced-motion:reduce){
  .tape-t{animation:none}
  .cn>*{transition:none}
  .wd,.inner{transform:none!important;will-change:auto}
  .list{position:static;height:auto;overflow:visible}
  .trgs{display:none}
  .item{position:relative;inset:auto;visibility:visible;min-height:100svh}
  .vis{clip-path:none}
  .inner{top:0;height:100%}
  .item.poster{height:100svh;min-height:100svh;overflow:hidden}
  .shutter-ghost{filter:blur(18px);will-change:auto}
  .final{display:none}
}