.hero{background:rgba(0,0,0,0) url("/assets/images/background.webp") no-repeat center center;background-size:cover;padding:var(--l-md) 0;border-bottom:2px solid var(--p-pri-d)}.hero__container{width:var(--container-width);margin:0 auto;padding:var(--l-sm) var(--l-md);border-radius:var(--hive-border-radius);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;background:var(--hive-frost-fill-50);padding-top:300px;backdrop-filter:blur(4px)}.hero__container p{font-family:var(--t-serif);line-height:1.65;width:50%;text-align:right}.hero__title{color:var(--hero-title-color);font:var(--hero-scale) var(--t-heading)}.cards{width:var(--container-width);margin:10px auto;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:1%;row-gap:10px}@media(max-width: 530px){.cards{grid-template-columns:1fr}}.card{background:var(--hive-frost-fill-30) var(--data-panel, none) no-repeat center center;border-radius:5px;padding:10px 15px;color:#f9f9f9;display:flex;flex-direction:column;border:1px solid var(--p-pri-d);user-select:none;justify-content:space-between;min-height:200px}@media(min-width: 530px){.card--wide{grid-column:span 2}}.card:hover,.card:focus{background-color:var(--hive-frost-fill-50);color:#c9c9c9;box-shadow:0 0 3px var(--p-sec-t)}.card__text{font:1rem var(--t-serif);margin-bottom:10px;line-height:1.35;background:rgba(0,0,0,.5);padding:3px 9px;border-radius:3px}.card__call{border:1px solid var(--p-pri-d);border-radius:5px;padding:8px 12px;background:rgba(0,0,0,0) linear-gradient(0deg, var(--p-pri-d), var(--p-pri));color:var(--p-on-pri);text-transform:uppercase;text-align:center;letter-spacing:.08em}