.class-cards{background:var(--class-cards-section-bg,#f6ede4);color:var(--class-cards-panel-text,#2b1413);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;padding:clamp(2rem,5vw,5rem) clamp(1.5rem,4vw,4rem) clamp(3rem,7vw,7rem)}.class-cards *,.class-cards :after,.class-cards :before{box-sizing:border-box}.class-cards__heading{color:var(--class-cards-heading-color,#4a1c21);font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.01em;line-height:1.05;margin:0 auto;max-width:1280px;padding:0 1.5rem clamp(1.5rem,3vw,2.5rem);text-align:center;text-transform:uppercase}.class-cards__shell{margin:0 auto;max-width:1180px;position:relative}.class-cards__tabs{align-items:flex-end;display:flex;gap:clamp(.25rem,.5vw,.5rem);padding:0}.class-cards__tab{appearance:none;background:var(--class-cards-tab-bg,#4a1c21);border:0;border-radius:16px 16px 0 0;color:var(--class-cards-tab-text,#f6ede4);cursor:pointer;flex:1 1 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(.875rem,1.25vw,1.125rem);font-weight:700;letter-spacing:.18em;padding:clamp(.875rem,1.4vw,1.25rem) clamp(1rem,2vw,2rem);text-align:center;text-transform:uppercase;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),filter .2s ease;white-space:nowrap}.class-cards__tab:focus-visible,.class-cards__tab:hover{filter:brightness(1.08)}.class-cards__tab:not(.is-active){margin-top:6px;z-index:1}.class-cards__tab.is-active{margin-bottom:-1px;padding-top:calc(clamp(.875rem, 1.4vw, 1.25rem) + 6px);position:relative;z-index:3}.class-cards__tab.is-hidden{opacity:0;pointer-events:none;transform:translateY(48px)}.class-cards__tab.is-hidden.is-revealed{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.class-cards__tab{transition:filter .2s ease}.class-cards__tab.is-hidden{opacity:1;pointer-events:auto;transform:none}}.class-cards__panels{position:relative}.class-cards__panel{align-items:center;background:var(--class-cards-panel-bg,#edd8c4);border-radius:24px;color:var(--class-cards-panel-text,#2b1413);display:flex;min-height:520px;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,4rem);position:relative;z-index:2}.class-cards__panel[hidden]{display:none}.class-cards__panel{display:grid;gap:clamp(2rem,4vw,5rem);grid-template-columns:1fr 1fr}.class-cards__media{align-self:center}.class-cards__media img{aspect-ratio:1/1;border-radius:16px;display:block;height:auto;object-fit:cover;width:100%}.class-cards__body{align-self:center;color:var(--class-cards-panel-text,#2b1413);display:flex;flex-direction:column;gap:.75rem;text-align:center}.class-cards__eyebrow{font-size:clamp(1rem,1.25vw,1.25rem);letter-spacing:.04em;margin:0}.class-cards__eyebrow,.class-cards__title{font-family:Playfair Display,Georgia,serif;font-weight:800;text-transform:uppercase}.class-cards__title{font-size:clamp(2rem,4.5vw,4.5rem);letter-spacing:-.01em;line-height:1;margin:0 0 .25rem}.class-cards__content{font-size:1rem;line-height:1.6;margin:0 auto;max-width:50ch}.class-cards__content p{margin:0 0 .75em}.class-cards__content p:last-child{margin-bottom:0}.class-cards__audience{font-size:.9375rem;line-height:1.5;margin:0 auto;max-width:50ch}.class-cards__cta{align-items:center;align-self:center;background:var(--class-cards-cta-bg,#421218);border-radius:9999px;color:var(--class-cards-cta-text,#f6ede4);display:inline-flex;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:700;justify-content:center;letter-spacing:.18em;margin-top:1rem;padding:1rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:filter .2s ease,transform .2s ease}.class-cards__cta:focus-visible,.class-cards__cta:hover{color:var(--class-cards-cta-text,#f6ede4);filter:brightness(1.15);transform:translateY(-1px)}@media (max-width:1024px){.class-cards__panel{grid-template-columns:1fr}.class-cards__media img{aspect-ratio:4/3}}@media (max-width:640px){.class-cards__tabs{gap:.25rem}.class-cards__tab{font-size:.7rem;letter-spacing:.08em;padding:.65rem .5rem}.class-cards__tab.is-active{padding-top:calc(.65rem + 4px)}.class-cards__tab:not(.is-active){margin-top:4px}.class-cards__panel{border-radius:16px;min-height:0;padding:1.75rem 1.25rem 2.25rem}.class-cards__title{font-size:2.25rem}}