.twh-architecture-cards--surface{background:var(--twh-surface)}.twh-architecture-cards--white{background:var(--twh-white)}.twh-architecture-cards--dark{background:var(--twh-primary);color:var(--twh-white)}.twh-architecture-cards__grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.twh-architecture-cards__card{background:var(--twh-white);border:1px solid rgba(1,51,74,.1);border-radius:var(--twh-radius);box-shadow:0 18px 44px rgba(1,51,74,.07);display:flex;flex-direction:column;min-height:260px;min-width:0;padding:30px}.twh-architecture-cards__card>span{color:var(--twh-secondary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em}.twh-architecture-cards__copy{display:flex;flex:1;flex-direction:column;justify-content:center;padding-block:24px 8px}.twh-architecture-cards__card h3{margin-bottom:12px}.twh-architecture-cards__card p{color:var(--twh-muted);margin:0}.twh-architecture-cards--dark .twh-architecture-cards__card{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.14)}.twh-architecture-cards--dark .twh-architecture-cards__card h3{color:var(--twh-white)}.twh-architecture-cards--dark .twh-architecture-cards__card p{color:hsla(0,0%,100%,.72)}@media(max-width:900px){.twh-architecture-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.twh-architecture-cards__grid{grid-template-columns:1fr}.twh-architecture-cards__card{min-height:240px}}