/* ── ДанТри Тех: 3D знакът като фон на подстраниците (Услуги, Проекти, За нас) ──
   Същото като на началната: кадрите C1→C5 стоят фиксирани зад страницата и вървят със скрола.
   html.bgseq = анимиран режим (слага се в <head>, ако посетителят не е избрал „намалено движение“).
   Без него (намалено движение, без JavaScript) фонът изобщо не се показва — страницата е както преди. */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}

:root{
  --hdr:76px;
  --seq-bg:#F2EFEC;
  --wrapL:calc(max(0px,(100vw - 1240px) / 2) + clamp(20px,4vw,48px));
  --textW:min(540px,40vw);
  --mw:min(calc((100vw - var(--wrapL) - var(--textW) - 60px) * 1.5873),calc((100svh - var(--hdr)) * 1.7778));
  --mL:calc(100vw - 20px - var(--mw) * .92);
}

.stage{display:none}
.bgseq .dt{background-color:transparent!important}
.bgseq .stage{display:block;position:fixed;inset:0;z-index:-1;background:var(--seq-bg);pointer-events:none;overflow:hidden}
.bgseq .seq-media{position:absolute;aspect-ratio:16/9;width:var(--mw);left:var(--mL);
  top:calc(var(--hdr) + (100svh - var(--hdr) - var(--mw) * .5625) * .45)}
.bgseq .seq-poster,.bgseq .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.bgseq .stage canvas{will-change:transform}
.seq-ready .seq-poster{visibility:hidden}
.bgseq .seq-scrim{position:absolute;inset:0;opacity:0;
  background:linear-gradient(90deg,var(--seq-bg) 0,var(--seq-bg) calc(var(--wrapL) + var(--textW) * .6),rgba(242,239,236,0) calc(var(--wrapL) + var(--textW) + 180px))}
.bgseq .stage-veil{position:absolute;inset:0;background-color:#F4F2EE;opacity:0}

/* началният блок: на цял екран, текстът вляво, знакът вдясно (воалът се отдръпва) */
.bgseq .pg-hero{min-height:calc(100svh - var(--hdr));display:flex;flex-direction:column;justify-content:center;
  padding:clamp(48px,6vw,88px) 0;border-bottom:0;background-color:transparent!important;background-image:none!important}
.bgseq .pg-hero>.wrap{width:100%}
.bgseq .pg-hero .wrap>*,.bgseq .dt .pg-hero .pg-h1{max-width:var(--hw)}
.bgseq main{--hw:max(420px,min(660px,calc(var(--mL) + var(--mw) * var(--F,.42) - 40px - var(--wrapL))))}
.bgseq .dt .pg-h1{font-size:clamp(40px,calc(var(--hw) * .118),80px)}
.bgseq .dt .pg-hero .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.bgseq .chips a{background:rgba(255,255,255,.7)}

/* светлите секции пропускат фона (воалът го прави едва видим, като на началната); тъмните ленти остават плътни */
.bgseq .pg-sec,.bgseq .pg-sec.tex{background-color:transparent!important;background-image:none!important}
.bgseq .pg-hero+.pg-sec{border-top:1px solid rgba(29,33,31,.1)}

/* телефон и портретен таблет: кадърът горе под менюто, текстът под него */
@media (max-width:768px),(max-aspect-ratio:1/1){
  :root{
    --txt:332px;
    --ms:clamp(220px,calc((100svh - var(--hdr) - var(--txt)) * 1.0976),100vw);
  }
  .bgseq .seq-media{aspect-ratio:720/656;width:var(--ms);left:calc((100vw - var(--ms)) / 2);top:var(--hdr)}
  .bgseq .seq-scrim{display:none}
  .bgseq .pg-hero{justify-content:flex-start;padding:calc(var(--ms) * .9111 + 8px) 0 48px}
  .bgseq .pg-hero .wrap>*,.bgseq .dt .pg-hero .pg-h1{max-width:none}
  .bgseq .dt .pg-h1{font-size:clamp(32px,8.6vw,52px)}
  .bgseq .dt .pg-lead{margin-top:16px;font-size:16.5px;line-height:1.55}
  .bgseq .pg-hero .eyebrow{margin-bottom:14px!important}
  .bgseq .dt .chips{margin-top:24px}
}
@media (min-width:600px) and (max-aspect-ratio:1/1){:root{--txt:400px}}
@media (max-width:768px) and (max-height:760px){:root{--txt:298px}}