.jood-band{padding-block:clamp(4.8rem,8vw,8.8rem);border-bottom:2px solid rgb(var(--color-foreground))}.jood-kicker{display:inline-block;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:999px;padding:.64rem 1.44rem;font-size:1.12rem;letter-spacing:.22em;text-transform:uppercase}.jood-band__title{margin:2rem 0 0;max-width:18ch;font-size:clamp(3.36rem,5.5vw,6.08rem);line-height:1.02;letter-spacing:-.03em}.jood-accent{color:#ec008c}.jood-band__lede{margin:1.6rem 0 0;max-width:52ch;font-size:1.632rem}.jood-band__cta{margin:3.2rem 0 0}.jood-grid{display:grid;gap:2rem;margin:4rem 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.jood-grid--4{grid-template-columns:repeat(2,1fr)}.jood-grid--3{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.jood-grid--4{grid-template-columns:repeat(4,1fr)}}.jood-grid--steps{margin-top:4.8rem;counter-reset:jood-step}.jood-card{position:relative;background:rgb(var(--color-background));border:2px solid rgb(var(--color-foreground));border-radius:2.4rem;padding:2.4rem;transition:transform .2s ease,box-shadow .2s ease}@media(hover:hover){.jood-card:hover{transform:translateY(-6px);box-shadow:6px 8px rgb(var(--color-foreground))}}.jood-card--step{padding-top:3.2rem}.jood-card__number{display:block;font-family:var(--font-heading-family);font-weight:800;font-size:3.2rem;line-height:1;color:#ec008c}.jood-card__step{position:absolute;top:-1.6rem;left:-1.2rem;display:grid;place-items:center;width:4.8rem;height:4.8rem;background:#e9a81c;border:2px solid rgb(var(--color-foreground));border-radius:50%;font-family:var(--font-heading-family);font-weight:800;font-size:2rem;color:#5c1b2f}.jood-card__title{margin:.8rem 0 0;font-size:2.08rem;line-height:1.15}.jood-card__body{margin:.8rem 0 0;font-size:1.488rem;line-height:1.55}.jood-shout{margin:4rem 0 0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:2px solid rgb(var(--color-foreground));border-radius:2.4rem;padding:clamp(2.24rem,4vw,3.84rem);text-align:center;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(1.92rem,3vw,3.2rem);line-height:1.3}.jood-shout__accent{color:#c6e45c}@media(prefers-reduced-motion:reduce){.jood-card{transition:none}.jood-card:hover{transform:none;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/jood-cards.css.map */