.cmp-text-grid-v1{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,9vw,120px) var(--pad)}

/* tło: grafika w szarości + rozjaśnienie, przesuwana parallaxem */
.cmp-text-grid-v1__bg{position:absolute;z-index:-2;left:0;right:0;top:-18%;height:136%;
  background-image:url("/cmp/cmp-text-grid-v1/img/cmp-text-grid-v1-bg.jpg");background-size:cover;background-position:center;
  filter:grayscale(1) contrast(92%);will-change:transform}

.cmp-text-grid-v1::after{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg, rgba(242,242,242,.975) 0%, rgba(242,242,242,.96) 50%, rgba(242,242,242,.98) 100%)}

@media(prefers-reduced-motion:reduce){
  .cmp-text-grid-v1__bg{transform:none!important}
}

.cmp-text-grid-v1__wrap{max-width:var(--wrap);margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px,5vw,48px)}

.cmp-text-grid-v1__text{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}

.cmp-text-grid-v1__text--in{opacity:1;transform:none}

.cmp-text-grid-v1__heading-row{display:flex;align-items:center;gap:16px}

.cmp-text-grid-v1__mark{display:inline-flex;flex-direction:column;gap:5px;width:clamp(34px,4.7vw,52px)}

.cmp-text-grid-v1__mark span{display:block;height:8px;background:var(--dark-gray)}

.cmp-text-grid-v1__mark span:nth-child(1){width:33%}

.cmp-text-grid-v1__mark span:nth-child(2){width:66%}

.cmp-text-grid-v1__mark span:nth-child(3){width:100%}

.cmp-text-grid-v1__title{font-family:var(--fd);font-weight:600;letter-spacing:-.02em;line-height:1.08;color:var(--dark-gray);
  font-size:clamp(30px,4.8vw,52px)}

.cmp-text-grid-v1__lead{font-family:var(--fd);font-weight:600;letter-spacing:-.01em;line-height:1.1;
  color:var(--dark-gray);font-size:clamp(19px,1.9vw,23px)}

.cmp-text-grid-v1__body{font-family:var(--f);color:var(--white);font-size:17px;line-height:1.7;margin-top:20px}

.cmp-text-grid-v1__grid{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);
  display:grid;grid-template-columns:1fr;gap:20px}

.cmp-text-grid-v1__grid--in{opacity:1;transform:none}

.cmp-text-grid-v1__tile{background:rgba(255,255,255,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);border-radius:16px;padding:clamp(28px,3.4vw,36px) clamp(22px,2.6vw,26px);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-height:140px;
  justify-content:center;transition:background-color .3s ease,box-shadow .3s ease}

.cmp-text-grid-v1__tile:hover{background:rgba(255,255,255,.62);
  box-shadow:0 22px 34px -14px rgba(19,20,24,.14),inset 0 1px 0 rgba(255,255,255,.8)}

.cmp-text-grid-v1__tile-icon{display:inline-flex;color:var(--dark-gray)}

.cmp-text-grid-v1__tile-icon svg{width:39px;height:39px;display:block}

.cmp-text-grid-v1__tile-title{font-family:var(--fd);font-weight:600;letter-spacing:-.01em;line-height:1.1;
  color:var(--dark-gray);font-size:clamp(19px,1.9vw,23px)}

.cmp-text-grid-v1__tile-subtitle{font-family:var(--f);color:var(--white);font-size:14px;line-height:1.5;letter-spacing:.02em}

@media(min-width:600px){
  .cmp-text-grid-v1__grid{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:940px){
  .cmp-text-grid-v1__wrap{flex-direction:row;align-items:center;gap:clamp(48px,6vw,80px)}
  .cmp-text-grid-v1__text{flex:1 1 50%}
  .cmp-text-grid-v1__grid{flex:1 1 50%;grid-template-columns:repeat(2,1fr)}
}