/* Página índice de la colección (no afecta a ninguna invitación) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#111;color:#F3EFE8;font:400 16px/1.6 'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid #F0A93B;outline-offset:4px}
.head{max-width:1240px;margin:0 auto;padding:clamp(4rem,10vw,7rem) clamp(1.25rem,5vw,3rem) 3rem}
.head__kicker{font:600 .75rem 'Inter';letter-spacing:.24em;text-transform:uppercase;color:#F0A93B}
.head__title{font:300 clamp(2.6rem,7vw,5.6rem)/1 'Fraunces',serif;letter-spacing:-.03em;margin:.8rem 0 1.4rem}
.head__title em{color:#C9A227}
.head__lede{max-width:62ch;color:#B9B2A6;font-size:1.05rem}
.head__base{display:inline-block;margin-top:1.6rem;padding:.7rem 1.2rem;border:1px solid #444;border-radius:999px;text-decoration:none;font-weight:500;transition:background .3s,color .3s}
.head__base:hover{background:#F3EFE8;color:#111}
.grid{max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem) 5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.card{position:relative;display:block;aspect-ratio:3/4;border-radius:18px;overflow:hidden;text-decoration:none;background:var(--c);isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .5s;opacity:.85}
.card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,var(--c) 92%)}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px var(--a)}
.card:hover img{transform:scale(1.06);opacity:1}
.card__num{position:absolute;top:1rem;left:1.1rem;font:300 2.4rem 'Fraunces',serif;color:var(--a)}
.card__body{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1.2rem 1.3rem}
.card__type{font:600 .7rem 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--a)}
.card h2{font:300 1.8rem/1.1 'Fraunces',serif;margin:.3rem 0 .2rem}
.card__meta{font-size:.85rem;opacity:.85}
.card__tags{font-size:.75rem;opacity:.65;margin-top:.4rem}
.foot{text-align:center;padding:2rem 1.5rem 3rem;color:#8a8478;font-size:.85rem}
.foot code{font-size:.8rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}