.hero{padding:max(30px,3%) 0 var(--space-l);background-color:var(--color-primary);color:var(--color-primary-contrast)}.hero__title{color:var(--color-primary-contrast);margin:0 0 .5em;padding:0 3%;font-size:350%;line-height:1.2}@media (max-width:680px){.hero__title{font-size:220%}}.hero__cards{gap:var(--space-m);text-align:center;justify-items:center;display:grid}.hero__icon{width:200px;margin:0 auto .5em}.hero__card-title{color:var(--color-primary-contrast);margin:0 0 .3em;font-size:110%;line-height:120%}.hero__card-text{margin-bottom:1.4em;line-height:1.65}.hero__more{color:inherit;border:2px solid;padding:.525em 1.15em;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block}.hero__more:hover,.hero__more:focus-visible{background:var(--color-primary-contrast);color:var(--color-primary)}.hero__more-hint{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1025px){.hero{padding-bottom:80px}.hero__cards{grid-template-columns:repeat(3,360px);justify-content:space-between;gap:0}.hero__card{cursor:pointer;position:relative}.hero__face{flex-direction:column;justify-content:center;align-items:center;width:360px;height:330px;padding:20px;transition:transform .5s,background-color .5s;display:flex}.hero__face--front{z-index:1;background:var(--color-primary);position:relative;transform:translateY(100px)}.hero__face--back{background:var(--color-bg);color:var(--color-text);box-shadow:var(--card-shadow);position:relative;transform:translateY(-100px)}.hero__card:hover .hero__face--front,.hero__card:focus-within .hero__face--front{background:var(--color-highlight);transform:translateY(0)}.hero__card:hover .hero__face--back,.hero__card:focus-within .hero__face--back{transform:translateY(0)}.hero__icon{width:150px;margin-bottom:10px}.hero__card-title{font-size:150%}.hero__card-text{margin:0 0 var(--space-s);font-size:.9em;line-height:1.5}.hero__more{color:var(--color-primary);font-weight:900}.hero__more:hover,.hero__more:focus-visible{background:var(--color-primary);color:var(--color-primary-contrast)}}