.how-works{--hw-surface: var(--anime-primary, var(--house-white, #ffffff));--hw-ink: var(--anime-text, var(--house-black, #0a0a0a));--hw-ink-rgb: var(--anime-text-rgb, var(--house-black-rgb, 10, 10, 10));--hw-neon: var(--anime-accent, var(--house-red, #ff1f3d));--hw-neon-ink: var(--anime-accent-ink, var(--house-red-ink, #e5001f));--hw-font: var(--anime-font, var(--font-heading-family));--hw-rule: var(--house-rule, .2rem);--hw-offset: var(--house-offset, .7rem);background-color:var(--hw-surface);color:var(--hw-ink)}.how-works__heading{color:var(--hw-ink);margin:0;font-family:var(--hw-font);font-size:clamp(2.2rem,4vw,3.6rem);font-weight:800;line-height:.95;letter-spacing:var(--house-tracking-tight, -.03em);text-transform:uppercase}.how-works__intro{margin:1.2rem 0 0;max-width:52rem;color:rgba(var(--hw-ink-rgb),.74);line-height:1.6}.how-works__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:1.6rem;margin:3.2rem 0 0;padding:0;list-style:none;counter-reset:none}.how-works__step{position:relative;padding:2.4rem 2rem 2rem;border:var(--hw-rule) solid var(--hw-ink);background-color:var(--hw-surface);box-shadow:var(--hw-offset) var(--hw-offset) 0 var(--hw-neon)}.how-works__number{position:absolute;top:calc(var(--hw-rule) * -1);inset-inline-start:2rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;height:3.4rem;padding:0 .8rem;background-color:var(--hw-ink);color:var(--hw-surface);font-family:var(--hw-font);font-size:1.6rem;font-weight:800;line-height:1}.how-works__step-title{color:var(--hw-ink);margin:.8rem 0 0;font-family:var(--hw-font);font-size:1.9rem;font-weight:800;line-height:1.15;letter-spacing:var(--house-tracking-tight, -.03em)}.how-works__step-text{margin-top:.9rem;max-width:46rem;color:rgba(var(--hw-ink-rgb),.78);line-height:1.6}.how-works__step-text>:first-child{margin-top:0}.how-works__step-text>:last-child{margin-bottom:0}.how-works :focus-visible{outline:var(--hw-rule) solid var(--hw-neon-ink);outline-offset:.3rem}@media screen and (max-width:749px){.how-works__step{padding:2.2rem 1.6rem 1.6rem}.how-works__step{box-shadow:calc(var(--hw-offset) / 2) calc(var(--hw-offset) / 2) 0 var(--hw-neon)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-senpai-how-it-works.css.map */