.use-cases{padding-top:100px;padding-bottom:90px}
.use-cases-intro{max-width:780px;margin-bottom:52px}
.use-cases-intro h2{font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-.035em}
.use-cases-intro>p{max-width:610px;margin-top:22px;font-size:19px;line-height:1.55}
.use-case-list{border-top:1px solid var(--line)}
.use-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,3vw,48px);align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.use-case-art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--white)}
.use-case h3{font-size:clamp(24px,2.1vw,32px);line-height:1.15;letter-spacing:-.025em;text-wrap:balance;max-width:12ch}
.use-case-workload>p{max-width:54ch;font-size:17px;line-height:1.6}
.use-case-requirements{display:flex;flex-wrap:wrap;gap:5px 0;list-style:none;margin:20px 0 0;padding:0;color:var(--blue);font-size:13px;font-weight:500;line-height:1.5}
.use-case-requirements li{display:flex;align-items:baseline}
.use-case-requirements li:not(:last-child)::after{content:'·';margin:0 9px;color:var(--blue)}
.use-cases-next{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:30px}
.use-cases-next>p{font-size:16px;line-height:1.5}
.use-cases-action{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--blue);text-decoration:none;border-bottom:1px solid currentColor;flex:none;font-size:16px}
.use-cases-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.use-cases-action:hover{border-bottom-width:2px}
@media(min-width:1800px){.use-case{grid-template-columns:360px minmax(0,.8fr) minmax(0,1.4fr)}.use-case-workload>p{font-size:19px}.use-case-requirements{font-size:15px}}
@media(max-width:1000px){.use-case{grid-template-columns:210px minmax(0,1fr);gap:12px 30px;padding:28px 0}.use-case-art{grid-row:span 2}.use-case h3{max-width:none;align-self:end;font-size:27px}.use-case-workload{align-self:start}.use-case-workload>p{font-size:16px}.use-case-requirements{margin-top:14px}.use-cases-intro{margin-bottom:40px}}
@media(max-width:620px){.use-cases{padding:66px 24px 60px}.use-cases-intro{margin-bottom:34px}.use-cases-intro h2{font-size:39px;max-width:12ch}.use-cases-intro>p{font-size:17px;margin-top:20px;line-height:1.55}.use-case{grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:20px;padding:26px 0}.use-case-art{grid-row:auto}.use-case h3{align-self:center;font-size:24px;line-height:1.16;text-wrap:initial}.use-case-workload{grid-column:1/-1}.use-case-workload>p{font-size:16px;line-height:1.55}.use-case-requirements{font-size:13px;margin-top:16px;row-gap:5px}.use-cases-next{display:block;padding-top:26px}.use-cases-next>p{max-width:28ch;margin-bottom:14px}.use-cases-action{font-size:16px}}
@media(max-width:360px){.use-case{column-gap:16px}.use-case h3{font-size:22px}.use-case-requirements li:not(:last-child)::after{margin:0 7px}}
