.wp-block-studio-zed-about-values { margin: 0; max-width: none; width: 100%; }
.about-values { --about-values-description-min-height: 13.5rem; background: var(--sz-chalk); color: var(--sz-graphite); margin-top: 0; position: relative; z-index: 1; }
.about-values__inner { margin: 0 auto; max-width: 76rem; padding: 6rem var(--layout-margin-desktop) 2.5rem; }
.about-values__header { margin: 0 auto 3.5rem; max-width: 48rem; text-align: center; }
.about-values__heading { font-family: var(--font-heading); font-size: var(--type-heading-m-size); font-weight: 500; letter-spacing: .02em; line-height: var(--type-heading-m-line); margin: 0 0 1.5rem; text-transform: uppercase; }
.about-values__intro { font-family: var(--font-body); font-size: var(--type-body-r-size); font-weight: var(--type-body-r-weight); line-height: var(--type-body-r-line); margin: 0; }
.about-values__grid { display: grid; gap: var(--layout-gutter-desktop); grid-template-columns: repeat(3,minmax(0,1fr)); }
.about-values__card { --chamfer-size: var(--card-chamfer-size); background: var(--sz-grid-line); border: 0; container-type: inline-size; display: flex; flex-direction: column; isolation: isolate; min-height: 30rem; padding: 3rem 2rem 2.75rem; position: relative; }
.about-values__card::before { background: var(--sz-chalk); clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer-size)), calc(100% - var(--chamfer-size)) 100%, 0 100%); content: ""; inset: 1px; position: absolute; z-index: 0; }
.about-values__card > * { position: relative; z-index: 1; }
.about-values__icon-wrap { align-items: flex-start; display: flex; height: 8rem; justify-content: flex-start; }
.about-values__icon { display: block; height: 7rem; max-width: 8rem; object-fit: contain; object-position: left top; width: auto; }
.about-values__card-copy { margin-top: 4.05rem; margin-top: clamp(2.7rem, 31.5cqi, 6.3rem); }
.about-values__card-title { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; margin: 0 0 1rem; text-transform: uppercase; }
.about-values__description { font-family: var(--font-body); font-size: var(--type-body-s-size); line-height: var(--type-body-s-line); margin: 0; min-height: var(--about-values-description-min-height); }
@media (min-width:48rem) {
	.about-values__card-copy { margin-top: 2rem; margin-top: clamp(1.5rem, 16cqi, 3rem); }
}
@media (min-width:48rem) and (max-width:64rem) {
	.about-values__icon-wrap { height: 6rem; }
	.about-values__icon { height: 5.25rem; max-width: 6rem; }
}
@media (max-width:64rem) { .about-values { --about-values-description-min-height: 7rem; } .about-values__inner { padding: 5rem var(--layout-margin-tablet) 2.5rem; } .about-values__grid { gap: var(--layout-gutter-tablet); } .about-values__card { min-height: 23rem; padding: 2.5rem 1.5rem; } }
@media (max-width:47.9375rem) { .about-values { --about-values-description-min-height: 10rem; } .about-values__inner { padding: 4rem var(--layout-margin-mobile) 2rem; } .about-values__header { margin-bottom: 3rem; } .about-values__intro { font-size: var(--type-body-l-size); font-weight: var(--type-body-l-weight); line-height: var(--type-body-l-line); } .about-values__grid { gap: 1.5rem; grid-template-columns: 1fr; } .about-values__card { --chamfer-size: var(--card-chamfer-size); min-height: 24rem; padding: 3rem 2.75rem; } .about-values__card-copy { margin-top: 3rem; } .about-values__description { font-size: var(--type-body-r-size); font-weight: var(--type-body-r-weight); line-height: var(--type-body-r-line); } }
