.twh-bento--surface{background:var(--twh-surface)}.twh-bento--dark{background:var(--twh-primary);color:var(--twh-white)}.twh-bento__grid{display:grid;gap:18px;grid-auto-rows:minmax(210px,auto);grid-template-columns:repeat(4,minmax(0,1fr))}.twh-bento__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.twh-bento__item{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;justify-content:space-between;min-height:210px;padding:30px}.twh-bento__item--wide{grid-column:span 2}.twh-bento__item--tall{grid-row:span 2}.twh-bento__item--dark{background:var(--twh-primary);color:var(--twh-white)}.twh-bento__item--accent{background:var(--twh-accent);color:var(--twh-white)}.twh-bento__item>span{color:var(--twh-secondary);font-size:.72rem;font-weight:700;letter-spacing:.12em}.twh-bento__item p{color:var(--twh-muted);margin:0}.twh-bento__item--accent p,.twh-bento__item--dark p{color:hsla(0,0%,100%,.74)}@media(max-width:900px){.twh-bento__grid,.twh-bento__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.twh-bento__grid,.twh-bento__grid--3{grid-auto-rows:auto;grid-template-columns:1fr}.twh-bento__item--wide{grid-column:auto}.twh-bento__item--tall{grid-row:auto}}