/* The approved three-illustration reading strip, shared by work cards and samples. */
.r134-work-explainer {
  min-width:0;width:100%;margin:14px 0 0;padding:10px 0 0;
  border-top:1px solid #e7e0ee;box-sizing:border-box;
}
.r134-work-explainer>ol {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  margin:0;padding:0;list-style:none;
}
.r134-work-explainer>ol>li {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
}
.r134-work-explainer svg.r134-illustration {
  display:block;flex:none;width:100%;height:auto;max-width:140px;
  aspect-ratio:5/3;margin:0 auto 5px;overflow:visible;
}
.r134-work-explainer>ol>li>span {
  display:block;position:static;max-width:100%;margin:0;padding:0;
  color:#78628c;font-size:14px;font-weight:500;line-height:1.55;text-align:center;
  white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;
}
/* The home captions wrap; reserve a full-width row for the three linked scenes. */
html[data-r110-home] #selected.r86-selected .r86-copy>.r134-work-explainer {
  flex:0 0 100%;min-width:0;width:100%;
}
#selected.r86-selected [data-r80-layout=grid] .r134-work-explainer>ol {gap:5px}
#selected.r86-selected [data-r80-layout=grid] .r134-work-explainer>ol>li>span {font-size:12px}
/* A sample keeps its media intact and explains the creative approach alongside it. */
.r111-sample-detail.r135-sample-work {
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;
  align-items:start;
}
.r135-sample-art,.r135-sample-reading {min-width:0}
.r135-sample-art>video {display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#f4f1f8}
.r135-sample-art .r111-image-gallery {display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.r135-sample-art .r111-image-gallery img {max-width:100%;height:auto;object-fit:contain}
.r135-sample-reading {padding:8px 0}
.r135-sample-reading>h3 {margin:0 0 12px;font-size:21px;line-height:1.45;color:#302440}
.r135-sample-reading>p {margin:0;color:#786782;font-size:17px;line-height:1.85}
.r111-sample-detail>.r135-article-reading {margin:0 0 24px;padding:20px;border:1px solid #e6ddee;border-radius:14px;background:#fcfaff}
.r135-article-reading .r134-work-explainer {max-width:660px}
/* The three supplied articles retain the existing home grid and native image ratio. */
#writing-samples .r135-article-cover {display:block;width:100%;height:auto;margin:0 0 16px;background:#f7f4fa;border-radius:9px}
#writing-samples .r135-article-cover>img {display:block;width:100%;height:auto;max-height:210px;object-fit:contain;border-radius:9px}
#writing-samples .r69-paper-preview>.r134-work-explainer {margin:14px 0}
#writing-samples .r69-paper-preview>.r134-work-explainer>ol>li>span {font-size:12px}
@media(max-width:760px) {
  .r111-sample-detail.r135-sample-work {grid-template-columns:minmax(0,1fr);gap:14px}
  .r135-sample-reading>p {font-size:16px}
  .r111-sample-detail>.r135-article-reading {padding:16px}
}
@media(max-width:600px) {
  .r134-work-explainer>ol {gap:6px}
  .r134-work-explainer svg.r134-illustration {max-width:120px}
  .r134-work-explainer>ol>li>span {font-size:12px}
}
