.cases__head:where(.astro-7hj27ktm){display:grid;gap:20px;margin-bottom:clamp(48px,7vw,104px)}.cases__head:where(.astro-7hj27ktm) h2:where(.astro-7hj27ktm){max-width:18ch}.cases__list:where(.astro-7hj27ktm){margin:0;padding:0;list-style:none}.case:where(.astro-7hj27ktm){display:grid;gap:16px 48px;padding-block:clamp(32px,4vw,56px);border-top:1px solid var(--line-strong);transition:background-color var(--m-hover) var(--ease)}.case:where(.astro-7hj27ktm):last-child{border-bottom:1px solid var(--line-strong)}.case__num:where(.astro-7hj27ktm){font-family:var(--font-display);font-size:clamp(3.5rem,2rem + 6vw,8rem);font-stretch:75%;font-weight:300;line-height:.85;color:#0000;-webkit-text-stroke:1px color-mix(in oklab,var(--accent) 80%,transparent);transition:color var(--m-hover) var(--ease)}.case:where(.astro-7hj27ktm):hover .case__num:where(.astro-7hj27ktm){color:color-mix(in oklab,var(--accent) 22%,transparent)}.case__body:where(.astro-7hj27ktm){display:grid;gap:14px;max-width:68ch}.case__situation:where(.astro-7hj27ktm){color:var(--ink-muted)}.case__how:where(.astro-7hj27ktm){font-size:var(--step-1);line-height:1.45}.case__uses:where(.astro-7hj27ktm){display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.case__uses:where(.astro-7hj27ktm) .mono:where(.astro-7hj27ktm){padding:5px 10px;border:1px solid var(--line-strong);color:var(--ink-muted)}@media(width>=900px){.case:where(.astro-7hj27ktm){grid-template-columns:minmax(160px,1fr) 4fr}}.flow:where(.astro-7hj27ktm) .wrap:where(.astro-7hj27ktm){display:grid;gap:20px}.flow__steps:where(.astro-7hj27ktm){position:relative;display:grid;gap:40px;margin:48px 0 0;padding:0;list-style:none}.flow__steps:where(.astro-7hj27ktm) li:where(.astro-7hj27ktm){position:relative;display:grid;gap:10px;padding-top:28px;border-top:2px solid var(--paper-ink)}.flow__dot:where(.astro-7hj27ktm){position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--orb)}.flow__steps:where(.astro-7hj27ktm) .mono:where(.astro-7hj27ktm){color:var(--accent-deep)}.flow__steps:where(.astro-7hj27ktm) p:where(.astro-7hj27ktm){color:var(--paper-muted)}@media(width>=900px){.flow__steps:where(.astro-7hj27ktm){grid-template-columns:repeat(4,1fr);gap:32px}}
