/* Series are page-specific, with shared Design iRidi typography and spacing tokens. */
body { background:#fff; color:#000; }
main { padding-top:70px; }
.series { padding:var(--iridi-block-padding); background:#fff; }
.series__inner { width:100%; margin:0 auto; text-align:center; }
.series h2 { margin:0 0 30px; font-size:var(--iridi-title-font-size); font-weight:var(--iridi-title-font-weight); line-height:1.2; color:var(--iridi-title-color); }
.series__picture { display:block; width:100%; }
.series__picture img { display:block; width:100%; height:auto; }
@media (min-width:1301px) {
 .series__picture img { aspect-ratio:4096 / 1180; object-fit:cover; object-position:center 48.8%; }
}
.series__description { max-width:1016px; min-height:60px; margin:0 auto; font-size:var(--iridi-desc-font-size); line-height:1.3; color:var(--iridi-desc-color); }
.series__more { display:none; margin-top:40px; cursor:default; }
@media (max-width:1300px) {
 .series { padding:100px 10vw; }
 .series h2 { margin-bottom:20px; }
 .series__description { max-width:820px; min-height:0; }
}
@media (max-width:1000px) {
 .series { padding:var(--iridi-block-padding); }
}
@media (max-width:700px) {
 .series { padding:50px 10vw 70px; }
 .series h2 { margin-bottom:10px; }
 .series__description { font-size:var(--iridi-desc-font-size); line-height:1.28; }
 .series__more { margin-top:30px; }
}
/* Keep Figma's 400px artboard width when the browser would reserve scrollbar space. */
html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
@media (max-width:700px) {
 .series { padding-bottom:20px; }
 .series__description { min-height:130px; }
 .series:nth-child(3) .series__description,
 .series:nth-child(5) .series__description,
 .series:nth-child(6) .series__description { min-height:110px; }
 .series:last-child { padding-bottom:70px; }
}
@media (min-width:701px) {
 .series { padding-bottom:0; }
 .series:last-child { padding-bottom:100px; }
}
