@charset "utf-8";
/* Each photo is used once; expressive overviews explain the whole concept. */
.cf-page .cu-overview{margin:0 auto 32px!important;overflow:hidden;border-radius:24px 0 24px 0}
.cf-page .cu-overview-image{display:block;width:100%;height:auto;object-fit:contain}
.cf-page .cf-hero-art .cu-overview-image{aspect-ratio:auto;object-fit:contain}
.cf-page .cf-square-art.cu-overview{max-width:700px;margin-top:26px!important}
.cf-page .cg-cycle-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:34px;align-items:start}
.cf-page .cg-cycle-story .cu-overview{position:sticky;top:130px;width:100%;margin:0!important}
.cf-page .cg-cycle{width:100%;min-width:0}
.cf-page .cg-cycle li{padding:20px}
.cf-page .cg-cycle .cp-scene{margin-bottom:18px}
.cf-page .cf-story-image .cu-overview-image{aspect-ratio:auto}
.cf-page .cf-culture-art.cu-overview{max-width:1050px;margin-top:24px!important;margin-bottom:35px!important}
@media(max-width:1023px){
 .cf-page .cg-cycle-story{grid-template-columns:1fr;gap:28px}
 .cf-page .cg-cycle-story .cu-overview{position:static;max-width:760px}
}
@media(max-width:767px){
 .cf-page .cu-overview{margin-bottom:24px!important;border-radius:18px 0 18px 0}
 .cf-page .cf-square-art.cu-overview{margin-top:18px!important}
 .cf-page .cg-cycle li{padding:20px}
 .cf-page .cf-culture-art.cu-overview{margin-bottom:24px!important}
}