.works-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;width:100%}
/* Each subject owns a source / result pair. Keep both pairs on one desktop row. */
.works-gallery.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.avatar-pair,.work-content .avatar-pair{min-width:0;margin:0}
.avatar-pair>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.avatar-pair figcaption,.work-content .avatar-pair figcaption{margin:0 0 8px;text-align:left;font:650 15px/1.4 var(--body)}
.work-caption{display:grid;gap:2px}
.comparison .work-caption b{font:500 12px/1.5 var(--body);color:#4b5257}
.work-tile{display:grid;align-content:start;text-decoration:none;color:#24272b;min-width:0}
.work-thumb{position:relative;overflow:hidden;background:#f3f4f4;aspect-ratio:16/9;border-radius:3px}
.work-thumb img,.work-content .work-thumb img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.comparison .work-thumb img,.work-content .comparison .work-thumb img{object-fit:contain;background:#efefee}
.work-thumb span{position:absolute;bottom:6px;right:6px;background:#fff;color:#25282c;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font:12px/1 var(--body)}
.work-tile:hover b,.work-tile:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.work-tile b{margin-top:6px;font:650 15px/1.35 var(--body)}
.work-tile small{color:#505762;font:12px/1.45 var(--body)}
.works-gallery.compact{gap:10px 13px;max-width:575px}
.compact .work-thumb{aspect-ratio:2.15}.comparison .work-thumb,.compact.comparison .work-thumb{aspect-ratio:9/16}
.compact b{font-size:14px}.compact small{font-size:12px}
.work-player{width:fit-content;max-width:94vw;max-height:90dvh;padding:12px 16px 16px;border:1px solid #d9dadd;background:white;color:#202326}
.work-player::backdrop{background:rgba(12,15,20,.74)}
.work-player header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.work-player header h2{font:600 17px/1.5 var(--body);margin:4px 0 10px}
.work-player button{background:none;border:0;font-size:24px;cursor:pointer}
.work-player video{display:block;background:#171717;width:auto;height:auto;max-width:min(85vw,960px);max-height:72dvh;margin-inline:auto;object-fit:contain}
@media(max-width:760px){.works-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}}

.style-samples{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:12px 0;padding:0}.style-samples li{font-weight:600;color:#6d4196}
.marketing-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.2vw,20px);margin:18px 0}
.marketing-totals dt{font-size:12px;color:#565966}.marketing-totals dd{font:620 23px var(--display);color:#6a4194;margin:6px 0}
@media(max-width:650px){.marketing-totals dd{font-size:clamp(15px,3.8vw,22px)}.marketing-totals dt{font-size:11px}}
.gallery-product,.format-overview{width:100%}
.format-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}
.format-card,.format-caption{min-width:0}
.format-sample{display:block;text-decoration:none;color:inherit}
.format-card .work-thumb{width:100%;aspect-ratio:16/10}
.format-card .format-caption{padding-top:8px}
.format-caption b{font:650 15px/1.4 var(--body)}
.format-caption small,.format-works small{display:block;color:#56615a;font:12px/1.5 var(--body);margin-top:3px}
.format-sample:is(:hover,:focus-visible) b,.format-all:hover{text-decoration:underline;text-underline-offset:3px}
.format-film .format-sample{display:block;padding:0}.format-film .format-caption{padding-top:10px}.format-film .format-caption b{font-size:20px}.format-all{display:inline-block;color:#536258;font:12px/1.6 var(--body);margin-top:12px}
.video-format-section>h3{font:650 20px/1.4 var(--body);margin:0 0 12px}.video-format-section h3 small{font:12px var(--mono);color:#69706b;margin-left:8px}
.work-record{align-self:center;justify-items:start;padding:15px;background:#f6f8f7}
.works-gallery.game-gallery{grid-template-columns:1fr;gap:18px;max-width:760px;margin-inline:auto}
.game-gallery.compact{max-width:520px}
.game-gallery .work-thumb{aspect-ratio:16/9}
.game-gallery .work-caption{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;padding:8px 0 0}
.game-gallery .work-caption b{margin:0;font-size:16px}
.works-gallery.reading-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.25vw,18px);max-width:none}
.reading-gallery .work-thumb{aspect-ratio:9/16}
.reading-gallery .work-caption{margin-top:3px}
.reading-gallery .work-caption b{text-wrap:pretty}
@media(max-width:600px){.works-gallery.comparison{grid-template-columns:1fr;gap:20px}.reading-gallery .work-caption b{font-size:13px}}
@media(min-width:761px) and (max-width:1000px){.format-list{gap:16px 9px}.format-caption b{font-size:14px}.format-caption small{font-size:11px}}
.training-panel{width:100%;color:#272725}
.training-panel h3{font:600 18px/1.45 var(--body);margin:0}
.training-panel ul{list-style:none;margin:0;padding:0}
.training-panel svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.training-people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-bottom:1px solid #e3ded8}
.training-panel .training-people{padding:21px 0 26px;margin-bottom:20px}
.training-people li{display:grid;justify-items:center;align-content:start;gap:8px;text-align:center;font:500 13px/1.5 var(--body)}
.training-people span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #e4dace;border-radius:50%;color:#925c37;background:#faf7f3}
.training-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.training-panel .training-topics{margin-top:14px}
.training-topics li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eae7e3;font:550 15px/1.4 var(--body)}
.training-topics svg{width:19px;height:19px;color:#92664b;flex:none}
.external-courses{display:grid;gap:20px}
.external-courses article{border-left:2px solid #ae7953;padding:5px 0 7px 21px}
.external-courses small{font:550 12px/1.5 var(--body);color:#8a583a}
.external-courses h3{font:620 clamp(20px,2.1vw,32px)/1.45 var(--body);margin:6px 0 4px}
.external-courses p{font:400 15px/1.7 var(--body);margin:0;color:#444}
.external-courses time{display:block;font:11px/1.7 var(--mono);color:#777;margin-top:6px}
@media(max-width:950px){.training-people span{width:38px;height:38px}.training-people li{font-size:12px}.training-topics li{font-size:13px;padding:7px 4px}}

.video-format-section>.format-all{margin-right:15px}
.catalogue-subtitle{margin:26px 0 10px;font:620 18px/1.45 var(--body)}

.external-courses h3 .course-logo{display:block;width:auto;max-width:100%;height:clamp(40px,4.4vw,57px);margin:9px 0 10px;object-fit:contain;object-position:left center}

.video-stage video{display:block;width:auto;height:auto;max-width:100%;max-height:65dvh;margin:auto;object-fit:contain}