.catalog-body .heading { margin-block: 56px 36px; }
.catalog-body .heading h1 { font: 400 clamp(38px, 5vw, 58px)/1.1 var(--br-display); letter-spacing: -1.6px; }
.catalog-body .heading p { font-size: 16px; }
.catalog-body .casual-card { border-color: var(--br-line); margin: 0 0 32px; }
.catalog-body .casual-card > a { display: flex; align-items: center; background: #192a2a; min-width: 0; }
.catalog-body .casual-card canvas { display: block; height: auto; width: 100%; background: transparent; }
.catalog-body .casual-card .content { padding: clamp(28px, 4vw, 48px); }
.catalog-body .casual-card h2 { font: 400 38px/1.2 var(--br-display); margin: 20px 0; }
.catalog-body .tags { margin-block: 24px; }
.catalog-body .tags span { border-color: #71866f; color: var(--br-muted); padding: 6px 9px; font-size: 10px; }
.catalog-body .casual-card:last-of-type { --br-accent: #9cf2d6; --br-accent-ink: #102329; background: #102630; border-color: #395660; }
.catalog-body .casual-card:last-of-type .eyebrow { color: #9cf2d6; }
.catalog-body .panel { margin-block: 48px 64px; }
@media (max-width: 900px) { .catalog-body .casual-card { grid-template-columns: 1fr; } .catalog-body .casual-card canvas { max-height: none; } }