/* LOGOS Homepage 2026 — premium motion & visual refinement 3.0
   Desktop-only, lightweight, respects reduced motion. */

@media (min-width:861px){
  /* Trust: stronger proportions and less empty vertical space */
  .home-2026 .trust-section{
    padding-top:96px;
    padding-bottom:104px;
  }
  .home-2026 .trust-section .section-heading{
    grid-template-columns:minmax(520px,1fr) minmax(340px,.72fr);
    column-gap:72px;
    margin-bottom:48px;
  }
  .home-2026 .trust-section .section-heading h2{
    max-width:680px;
    font-size:clamp(2.85rem,3.65vw,4.25rem);
    line-height:.98;
  }
  .home-2026 .trust-section .section-heading p:not(.eyebrow){
    max-width:500px;
    font-size:1rem;
    line-height:1.72;
  }
  .home-2026 .trust-grid{align-items:stretch;gap:16px}
  .home-2026 .trust-card{min-height:248px;padding:29px}
  .home-2026 .trust-card:first-child{transform:translateY(-10px)}
  .home-2026 .trust-card:first-child:hover{transform:translateY(-16px)}

  /* About: less static brand block, more editorial / premium */
  .home-2026 #o-nas{padding-top:108px;padding-bottom:108px}
  .home-2026 #o-nas .about-grid{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    align-items:center;
    gap:92px;
  }
  .home-2026 #o-nas .about-visual{
    min-height:470px;
    border-radius:36px;
    box-shadow:0 34px 92px rgba(42,0,58,.20);
  }
  .home-2026 #o-nas .about-visual__logo-image{
    width:min(67%,315px);
    transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;
  }
  .home-2026 #o-nas .about-visual:hover .about-visual__logo-image{
    transform:translateY(-6px) scale(1.025);
    filter:drop-shadow(0 26px 42px rgba(20,0,30,.30));
  }
  .home-2026 #o-nas .about-grid>div:last-child{
    position:relative;
    padding:42px 28px 42px 44px;
  }
  .home-2026 #o-nas .about-grid>div:last-child:before{
    content:"";
    position:absolute;
    left:0;
    top:48px;
    bottom:48px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#f2b42c,#7b168d 74%,transparent);
  }
  .home-2026 #o-nas h2{
    max-width:650px;
    margin-bottom:25px;
    font-size:clamp(2.75rem,3.55vw,4.2rem);
    line-height:1;
    letter-spacing:-.05em;
  }
  .home-2026 #o-nas p{max-width:690px;font-size:1.02rem;line-height:1.76}
  .home-2026 #o-nas .text-link{display:inline-flex;margin-top:8px;font-weight:850}

  /* Ambient product detail — subtle, not decorative overload */
  .home-2026 .hero:after{animation:logosHeroOrbit 14s ease-in-out infinite alternate}
  .home-2026 #nowoczesna-wspolpraca .communication-shell:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    left:-230px;
    top:-250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(127,31,148,.09),rgba(127,31,148,0) 68%);
    pointer-events:none;
    animation:logosAmbientFloat 12s ease-in-out infinite alternate;
  }
  .home-2026 .contact:after{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-260px;
    top:-270px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,215,112,.11),rgba(255,215,112,0) 68%);
    pointer-events:none;
    animation:logosAmbientFloat 15s ease-in-out infinite alternate-reverse;
  }

  /* Advisor gets a tiny pointer-driven perspective, controlled by home-motion.js */
  .home-2026 .logos-advisor{
    --logos-rx:.5deg;
    --logos-ry:-2deg;
    transform:perspective(1200px) rotateX(var(--logos-rx)) rotateY(var(--logos-ry));
    transform-style:preserve-3d;
    will-change:transform;
    transition:transform .24s ease-out,box-shadow .28s ease;
  }
  .home-2026 .hero__visual--advisor:hover .logos-advisor{
    box-shadow:0 50px 140px rgba(15,0,24,.46),0 0 0 1px rgba(255,255,255,.07);
  }

  /* Buttons feel more product-like without constant animation */
  .home-2026 .btn--gold{
    background-size:180% 100%;
    background-position:0 0;
    transition:transform .2s ease,box-shadow .2s ease,background-position .42s ease;
  }
  .home-2026 .btn--gold:hover{
    transform:translateY(-2px);
    background-position:100% 0;
  }

  /* Progressive reveal. Content stays visible if JS fails. */
  .home-motion-ready.home-2026 [data-home-reveal]{
    opacity:0;
    transform:translateY(24px) scale(.992);
    transition:
      opacity .72s cubic-bezier(.2,.7,.2,1),
      transform .78s cubic-bezier(.2,.8,.2,1);
    transition-delay:var(--home-reveal-delay,0ms);
  }
  .home-motion-ready.home-2026 [data-home-reveal].is-inview{
    opacity:1;
    transform:none;
  }

  /* Keep headings visually anchored while cards reveal below them */
  .home-motion-ready.home-2026 .section-heading[data-home-reveal]{transform:translateY(18px)}
  .home-motion-ready.home-2026 .section-heading[data-home-reveal].is-inview{transform:none}
}

@keyframes logosHeroOrbit{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-26px,-18px,0) scale(1.035)}
}

@keyframes logosAmbientFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(34px,26px,0) scale(1.08)}
}

@media (prefers-reduced-motion:reduce){
  .home-2026 .hero:after,
  .home-2026 #nowoczesna-wspolpraca .communication-shell:before,
  .home-2026 .contact:after{animation:none!important}
  .home-motion-ready.home-2026 [data-home-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .home-2026 .logos-advisor{transform:none!important;transition:none!important}
}