.ao-membership-catalog{margin:0 0 1.75rem;scroll-margin-top:8rem}
.ao-membership-catalog>h2{margin:0 0 .75rem}
.ao-membership-catalog>p{margin:0 0 1rem;max-width:70ch}
.ao-membership-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}
.ao-membership-cards .ao-membership-card{display:flex;flex-direction:column;border-radius:1.5rem;background:#c5ddff;color:#163eab;min-width:0;overflow:hidden;overflow-wrap:anywhere;text-decoration:none;cursor:pointer}
.ao-membership-cards .ao-membership-card:hover{box-shadow:0 0 0 2px #163eab}
.ao-site .ao-content .ao-membership-cards .ao-membership-card{padding:0;background:#c5ddff;color:#163eab;text-decoration:none}
.ao-site .ao-content .ao-membership-cards :is(h3,p){margin:0}
.ao-membership-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center 55%}
.ao-membership-photo-maxi{object-position:center 70%}
.ao-membership-card-content{display:flex;flex-direction:column;flex:1;gap:.65rem;padding:clamp(1rem,1.5vw,1.5rem)}
.ao-membership-cards h3,.ao-membership-cards p{margin:0}
.ao-membership-cards h3{font-size:2rem;color:#ff4021}
.ao-membership-cards .ao-membership-price{font-size:1.8rem;font-weight:bold}
.ao-membership-cards .button{align-self:flex-start;margin-top:auto;background:#ff4021;color:white;padding:.8rem 1.2rem;border-radius:2rem;text-decoration:none}
.ao-membership-cards a:focus-visible{outline:3px solid #163eab;outline-offset:4px}

/* Photographic memberships fill their frame; gift-card artwork keeps its own layout. */
.ao-site.ao-membership-product .woocommerce-product-gallery__image>a{display:block;aspect-ratio:4/3;padding:0;overflow:hidden;background:transparent}
.ao-site.ao-membership-product .woocommerce div.product div.images .woocommerce-product-gallery__image>a>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;border-radius:0}
.ao-site.ao-membership-product-mini .woocommerce div.product div.images .woocommerce-product-gallery__image>a>img,.ao-membership-photo-mini{object-position:35% 55%}
.ao-site.ao-membership-product-maxi .woocommerce div.product div.images .woocommerce-product-gallery__image>a>img{object-position:center 70%}