.sdg-page{--sdg-gap:12px}.sdg-page__banner{padding:24px var(--sdg-gutter) 24px}.sdg-page__banner img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;border-radius:8px}.sdg-divider{display:flex;width:100%;height:8px}.sdg-divider span{flex:1 1 0%}.sdg-page__goals{padding:40px var(--sdg-gutter) 56px}.sdg-page__head{max-width:1100px;margin:0 auto 28px;text-align:center}.sdg-page__head h2{margin:0 0 8px;text-align:center;text-transform:none;font-size:clamp(1.4rem, 4vw, 2.2rem);line-height:1.2;color:var(--sdg-accent-dark)}.sdg-page__head p{margin:0;text-align:center;opacity:.8}.sdg-goals{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sdg-gap)}.sdg-goals__item{flex:0 0 100%;margin:0;padding:0}@media (min-width:400px){.sdg-goals__item{flex-basis:calc((100% - var(--sdg-gap)) / 2)}}@media (min-width:768px){.sdg-page{--sdg-gap:20px}.sdg-goals__item{flex-basis:calc((100% - 2 * var(--sdg-gap)) / 3)}}.sdg-card{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:var(--sdg-goal,#ddd);box-shadow:0 2px 8px rgb(0 0 0 / .15);transition:transform 0.2s ease,box-shadow 0.2s ease}.sdg-card__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;display:block;transition:opacity 0.25s ease}.sdg-card__back{opacity:0}.sdg-card:focus-visible{outline:3px solid var(--sdg-accent-dark);outline-offset:3px}.sdg-card:focus-visible .sdg-card__back{opacity:1}@media (hover:hover){.sdg-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgb(0 0 0 / .25)}.sdg-card:hover .sdg-card__back{opacity:1}}@media (hover:none){.sdg-card__back{display:none}}@media (prefers-reduced-motion:reduce){.sdg-card,.sdg-card__img{transition:none}.sdg-card:hover{transform:none}}