.component[data-design-4]{overflow:hidden}@media(min-width:1601px){.component[data-design-4]{--base-gap: 1.25rem }}@media(max-width:1600px){.component[data-design-4]{--base-gap: .9375rem }}.component[data-design-4] .wrapper{width:100%}.component[data-design-4] .oversize{display:grid}@media(min-width:1401px){.component[data-design-4] .oversize{grid-row-gap:var(--base-gap);grid-column-gap:calc(var(--base-gap)*2);grid-template-columns:repeat(4,1fr)}}@media(max-width:1400px){.component[data-design-4] .oversize{grid-gap:var(--base-gap)}}@media(min-width:901px)and (max-width:1400px){.component[data-design-4] .oversize{grid-template-columns:repeat(3,1fr)}}@media(min-width:701px)and (max-width:900px){.component[data-design-4] .oversize{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.component[data-design-4] .oversize{grid-template-columns:1fr}}.component[data-design-4] .item{opacity:0;background:hsla(var(--app-color-white-h),var(--app-color-white-s),var(--app-color-white-l),.05)}@media(min-width:1401px){.component[data-design-4] .item:nth-child(5n+1),.component[data-design-4] .item:nth-child(5n+3){margin-right:calc(var(--base-gap)*-.5)}.component[data-design-4] .item:nth-child(5n+2){margin-left:calc(var(--base-gap)*-.5)}.component[data-design-4] .item:nth-child(5n+4){grid-column:2 / 2;margin-left:calc(var(--base-gap)*-.5)}.component[data-design-4] .item:nth-child(5n+5){grid-column:3 / 5}}@media(min-width:901px)and (max-width:1400px){.component[data-design-4] .item:nth-child(5n+5){grid-column:2 / 4}}.component[data-design-4] .heading-h3{margin-bottom:auto}@media(min-width:501px){.component[data-design-4] .heading-h3{margin-top:2rem}}@media(max-width:500px){.component[data-design-4] .heading-h3{margin-top:.9375rem;font-size:var(--app-size-h2)}}@media(min-width:1401px){.component[data-design-4] .space{height:2.8125rem}}@media(min-width:501px)and (max-width:1400px){.component[data-design-4] .space{height:1.5rem}}@media(max-width:500px){.component[data-design-4] .space{height:.9375rem}}@media(min-width:1101px){.component[data-design-4] .item,.component[data-design-4] .item img{border-radius:var(--app-radius-16)}}@media(max-width:1100px){.component[data-design-4] .item,.component[data-design-4] .item img{border-radius:var(--app-radius-8)}}.component[data-design-4] .item img{width:100%;height:100%}@media(max-width:1600px){.component[data-design-4] .item img{min-width:12.5rem}}.component[data-design-4] .item span{color:var(--app-color-blue)}.component[data-design-4] .is-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media(min-width:1101px){.component[data-design-4] .is-text{padding:2rem}}@media(max-width:1100px){.component[data-design-4] .is-text{padding:.9375rem}}@media(min-width:701px)and (max-width:900px){.component[data-design-4] .is-image{display:none}}
