.student-works{padding-block:0 88px}
.student-works-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:36px}
.ed-page .student-works-heading h2{font-size:clamp(42px,4.7vw,64px);margin:0}
.ed-page .student-works-heading p{margin:0;color:var(--ed-muted);max-width:36ch}
.student-works-grid{display:grid;gap:24px;align-items:start}
.student-works-comparisons{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}
.student-works-portraits{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px}
.student-works-grid a{display:block;border-radius:3px;overflow:hidden}
.student-works-grid img{display:block;width:100%;height:auto;border-radius:3px}
.student-works-grid figcaption{margin-top:12px}
.student-works-grid a:focus-visible{outline:3px solid var(--ed-deep);outline-offset:5px}
.student-works-bottom{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--ed-line)}
.ed-page .student-works-bottom p{font-size:14px;line-height:1.65;margin:0;color:var(--ed-muted)}
@media(max-width:700px){
 .student-works{padding-block:0 46px}
 .student-works-heading{display:block;margin-bottom:25px}
 .ed-page .student-works-heading h2{font-size:clamp(39px,10.3vw,53px)}
 .ed-page .student-works-heading p{font-size:14px;margin-top:20px}
 .student-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .student-works-portraits{margin-top:24px}
 .student-works-grid figcaption{font-size:11px;line-height:1.5}
 .student-works-bottom{display:block;margin-top:25px;padding-top:21px}
 .student-works-bottom .button{display:flex;margin-top:20px;width:fit-content;max-width:100%}
}