.courses{padding-block:112px;background:var(--color-white);border-bottom:var(--border)}.courses__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-10)}.courses__intro{max-width:680px}.courses__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;background:var(--color-primary);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.4}.courses__title{margin-top:var(--space-6);font-size:3.5rem;letter-spacing:var(--tracking-tight);line-height:1.02;text-transform:uppercase}.courses__text{margin-top:var(--space-5);font-size:var(--text-lg);line-height:1.6;color:var(--color-section-muted)}.courses__filter{display:inline-flex;flex:none;padding:4px;gap:4px;background:var(--color-muted-surface);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.courses__filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 16px;background:transparent;border:2px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background-color .18s var(--ease-out)}.courses__filter-btn:hover{background:var(--color-white)}.courses__filter-btn[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-black)}.courses__filter-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-black);color:var(--color-white);border-radius:var(--radius-pill);font-size:var(--text-xs)}.courses__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10);margin-top:var(--space-12)}.courses__empty{grid-column:1 / -1;padding:48px;text-align:center;border:2px dashed var(--color-faded-border);border-radius:var(--radius-xl);color:var(--color-section-muted)}.courses__more{display:flex;justify-content:center;margin-top:var(--space-16)}.course-card{--cover-bg: var(--color-primary);--cover-fg: var(--color-black);--glow: var(--glow-primary);display:flex;flex-direction:column;overflow:hidden;background:var(--color-white);border:var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform .24s var(--ease-out),box-shadow .24s var(--ease-out)}.course-card--sage{--cover-bg: var(--color-sage);--glow: var(--glow-sage)}.course-card--dark{--cover-bg: var(--color-charcoal);--cover-fg: var(--color-white);--glow: 0 0 48px 10px rgba(23, 30, 25, .25)}.course-card:hover,.course-card:focus-within{transform:translate(-4px,-4px);box-shadow:12px 12px 0 0 var(--color-black),var(--glow)}.course-card__cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background-color:var(--cover-bg);color:var(--cover-fg);border-bottom:var(--border)}.course-card__image{width:100%;height:100%;object-fit:cover}.course-card__number{position:absolute;left:18px;bottom:-14px;font-size:7rem;line-height:1;letter-spacing:var(--tracking-tighter);color:transparent;-webkit-text-stroke:2px var(--cover-fg);opacity:.35;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.course-card:hover .course-card__number{opacity:.6;transform:translateY(-4px)}.course-card__mark{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;background:var(--color-black);color:var(--color-primary);border:2px solid var(--color-black);border-radius:20px;box-shadow:6px 6px #00000040;transform:translate(-50%,-50%) rotate(-4deg);transition:transform .24s var(--ease-out)}.course-card--dark .course-card__mark{background:var(--color-primary);color:var(--color-black);box-shadow:6px 6px #ffe17c40}.course-card:hover .course-card__mark{transform:translate(-50%,-50%) rotate(4deg) scale(1.06)}.course-card__kind{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-white);color:var(--color-black);border:var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.course-card__price{position:absolute;top:14px;right:14px;display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;background:var(--color-black);color:var(--color-primary);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-extrabold);line-height:1.2}.course-card__price--free{background:var(--color-status);color:var(--color-black);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.course-card__old-price{font-size:var(--text-sm);color:var(--color-sage);text-decoration-thickness:2px}.course-card__soon{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-white);color:var(--color-black);border:var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold)}.course-card__soon-dot{width:8px;height:8px;border-radius:50%;background:var(--color-window-yellow);box-shadow:0 0 0 3px #ffbd2e4d}.course-card__body{display:flex;flex:1;flex-direction:column;padding:22px 24px 24px}.course-card__meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-section-muted)}.course-card__meta li{display:inline-flex;align-items:center;gap:5px}.course-card__title{margin-top:var(--space-3);font-size:var(--text-2xl);letter-spacing:0;line-height:1.15}.course-card__description{margin-top:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-base);line-height:1.6;color:var(--color-section-muted)}.course-card__cta{margin-top:auto;width:100%}@media(max-width:1023px){.courses__header{flex-direction:column;align-items:flex-start}.courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.courses{padding-block:72px}.courses__title{font-size:clamp(2.1rem,9.5vw,3.5rem)}.courses__text{font-size:var(--text-base)}.courses__filter{width:100%}.courses__filter-btn{flex:1;justify-content:center;padding:0 10px}.courses__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.courses__more .btn{width:100%}}@media(prefers-reduced-motion:reduce){.course-card:hover,.course-card:focus-within,.course-card:hover .course-card__number{transform:none}.course-card:hover .course-card__mark{transform:translate(-50%,-50%) rotate(-4deg)}}