.plant-card{perspective:1000px;cursor:pointer;border-radius:6px;display:grid}.plant-card:focus-visible{border-radius:6px;outline:0;box-shadow:0 0 0 2px #fff,0 0 0 5px #095393}.plant-card__inner{width:100%;transform-style:preserve-3d;transition:transform .8s;display:grid;position:relative}.plant-card:hover .plant-card__inner,.plant-card:focus-visible .plant-card__inner,.plant-card:focus-within .plant-card__inner{transform:rotateY(180deg)}.plant-card__face{backface-visibility:hidden;border-radius:6px;grid-area:1/1;padding:12px;overflow:hidden}.plant-card__face.-front{background-color:#f3fafd;border:1px solid #137cb6;grid-template-columns:min(30%,120px) 1fr;align-items:start;gap:16px;display:grid}.plant-card__face.-back{color:#fff;background-color:#095393;align-content:start;padding:20px;display:grid;rotate:y 180deg}.plant-card__photo{aspect-ratio:156/149;object-fit:cover;border-radius:5px;width:100%;height:auto;display:block}.plant-card__name{--font-size:18px;--font-size-rem:1.125rem;--line-height:23px;--line-height-rem:1.4375rem;font-size:var(--font-size-rem);line-height:var(--line-height-rem);color:#095393;margin:0 0 4px;font-weight:600}.plant-card__location{--font-size:14px;--font-size-rem:.875rem;--line-height:21px;--line-height-rem:1.3125rem;font-size:var(--font-size-rem);line-height:var(--line-height-rem);color:#137cb6;margin:0 0 6px}.plant-card__capacity{--font-size:14px;--font-size-rem:.875rem;--line-height:21px;--line-height-rem:1.3125rem;font-size:var(--font-size-rem);line-height:var(--line-height-rem);color:#424e59;margin:0}.plant-card__details{--font-size:14px;--font-size-rem:.875rem;--line-height:23px;--line-height-rem:1.4375rem;font-size:var(--font-size-rem);line-height:var(--line-height-rem);margin:0}.plant-card__details dt{color:#aae0ff;display:inline}.plant-card__details dd{color:#fff;margin:0;display:inline}.plant-card__details dd:after{content:"";display:block}.plant-card__certificate{vertical-align:middle;max-width:120px;height:auto;margin-top:4px;display:inline-block}.plant-grid{grid-template-columns:1fr;gap:16px;max-width:940px;margin:0 auto;padding:0;list-style:none;display:grid}@media screen and (width>=768px){.plant-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.plant-card__inner{transition:none}}