/* Real allclass product views, composed for both the homepage and case study. */
.allclass-exhibit{position:relative;isolation:isolate;display:block;flex-shrink:0;align-self:stretch;width:100%;min-width:0;aspect-ratio:1.45;margin:0;overflow:hidden;border-radius:12px;background:#1c2531}
.allclass-exhibit a{display:block;position:absolute;background:#151a22;border:1px solid #8a96a6;box-shadow:0 16px 32px #0007}
.allclass-exhibit img{display:block;width:100%;height:auto;border-radius:4px}
.allclass-exhibit__main{left:5%;top:10%;width:79%;padding:.9%;border-radius:9px}
.allclass-exhibit__teacher{z-index:2;left:8%;bottom:7%;width:48%;padding:.7%;border-radius:9px}
.allclass-exhibit__phone{z-index:3;right:5%;top:16%;width:21%;padding:.65%;border-radius:14px}
.allclass-exhibit .allclass-exhibit__phone img{border-radius:9px}
.allclass-exhibit a:focus-visible,.allclass-capture a:focus-visible{outline:3px solid #aabaff;outline-offset:4px}
.allclass-evidence-note{max-width:65ch;margin:0 0 30px;color:var(--muted);font-size:14px;line-height:1.7}
.development-steps .allclass-step-screens{grid-column:1/-1;display:grid;gap:32px;min-width:0}
.allclass-capture{min-width:0;margin:0}
.allclass-capture a{display:block;overflow:hidden;border-radius:9px;background:#f8f9fb;box-shadow:0 16px 36px #0005}
.allclass-capture img{display:block;width:100%;height:auto}
.allclass-capture figcaption{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:700px){.allclass-exhibit{aspect-ratio:1.28}.allclass-exhibit__main{width:83%;top:12%;left:4%}.allclass-exhibit__teacher{width:52%;left:7%;bottom:9%}.allclass-exhibit__phone{width:24%;right:4%;top:17%}.development-steps .allclass-step-screens{gap:24px}}