:root{--ink: #0e0e10;--ink-soft: #16161a;--gold: #e6c27a;--paper: #f7f7f4;--line: rgba(230, 194, 122, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}.page{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 3rem}.hero{text-align:center;margin-bottom:3.5rem}.hero__logo{height:80px;width:auto;margin:0 auto 1.5rem;display:block}.hero__title{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero__subtitle{color:#f7f7f499;margin-top:.75rem;font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}@media (max-width: 880px){.grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--ink-soft);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-6px);border-color:var(--gold)}.card__media{position:relative;aspect-ratio:16 / 10;background:#000}.card__media img{width:100%;height:100%;object-fit:cover;display:block}.card__badge{position:absolute;top:.9rem;left:.9rem;width:2rem;height:2rem;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-weight:700;border-radius:50%}.card__body{padding:1.5rem}.card__title{font-size:1.25rem;letter-spacing:.04em}.card__desc{color:#f7f7f499;margin:.6rem 0 1.25rem;font-size:.95rem;line-height:1.5}.card__cta{color:var(--gold);font-weight:600;letter-spacing:.06em;font-size:.85rem}.footer{text-align:center;margin-top:4rem;color:#f7f7f466;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}
