.showcase-intro{padding:44px 0 38px;max-width:800px}.showcase-intro h1{font-size:clamp(34px,4vw,48px);margin-bottom:17px}.showcase-intro p{font-size:17px;color:var(--muted);max-width:680px;margin:0}.showcase-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.showcase-list-heading h2{font-size:23px}.showcase-list-heading span{font-size:13px;color:var(--muted)}.showcase-list{display:grid;gap:28px}.showcase-card{display:grid;grid-template-columns:1.2fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0}.showcase-cover{display:flex;background:#f5efe5;align-items:center;overflow:hidden}.showcase-cover img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.showcase-content{padding:32px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.showcase-kind{font-size:12px;color:var(--green);margin-bottom:11px}.showcase-content h3{font-size:29px;margin-bottom:16px;line-height:1.4}.showcase-content h3 a:hover{text-decoration:underline;text-underline-offset:5px}.showcase-description{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 20px}.showcase-meta{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:24px}.showcase-content .button-row{gap:10px}.showcase-content .button{padding:10px 17px;font-size:14px}.showcase-learning{padding:58px 0 54px}.showcase-learning h2{font-size:27px;margin-bottom:25px}.showcase-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.showcase-learning-grid article{border-top:1px solid var(--line);padding-top:19px}.showcase-learning-grid h3{font-size:18px;margin-bottom:10px}.showcase-learning-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.showcase-bottom{padding:29px 0 50px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.showcase-bottom p{font-size:14px;color:var(--muted);margin:0;max-width:680px}.showcase-bottom a{font-size:14px;white-space:nowrap}.showcase-card a:focus-visible{outline-offset:-4px}
@media(max-width:1000px){.showcase-content{padding:25px}.showcase-content h3{font-size:25px}.showcase-content .button{font-size:13px;padding:10px 13px}.showcase-description{margin-bottom:15px}.showcase-meta{margin-bottom:18px}.showcase-cover img{height:100%;object-fit:cover}}
@media(max-width:760px){.showcase-intro{padding:30px 0 30px}.showcase-intro p{font-size:15px}.showcase-card{grid-template-columns:1fr}.showcase-cover img{height:auto;aspect-ratio:8/5}.showcase-content{padding:24px}.showcase-content h3{font-size:25px}.showcase-kind{margin-bottom:9px}.showcase-learning{padding:39px 0}.showcase-learning h2{font-size:24px}.showcase-learning-grid{grid-template-columns:1fr;gap:24px}.showcase-learning-grid article{padding-top:16px}.showcase-bottom{align-items:flex-start;flex-direction:column;gap:17px;padding:25px 0 40px}.showcase-list-heading h2{font-size:21px}}