/* Static Daoway-inspired composition: wide scenes and staggered product studies. */
.opening h1{max-width:90%;font-size:clamp(48px,6.5vw,124px);line-height:1.02}.study-detail{font-size:12px;margin:36px 0 0}.study-detail a{border-bottom:1px solid;padding-bottom:4px}.panel{margin-bottom:0}.panel img{height:auto;object-fit:contain}.library-pair img{aspect-ratio:auto;object-fit:contain;background:#faf8f4}.library-pair{gap:64px}.library-pair .media:nth-child(2){padding-top:160px}.chapter>h2{border-bottom:1px solid #999;padding-bottom:40px;margin-bottom:36px}.next{background:#dbf6e9}.opening{padding-top:96px}.client{margin-bottom:28px}
@media(max-width:1000px){.library-pair{gap:32px}.library-pair .media:nth-child(2){padding-top:96px}}
@media(max-width:600px){.opening{padding-top:48px}.opening h1{font-size:12vw;max-width:100%}.study-detail{line-height:1.8;margin-top:24px}.library-pair{gap:40px}.library-pair .media:nth-child(2){padding-top:0}.chapter>h2{padding-bottom:28px}.next h2{font-size:38px}}
/* Explicitly reserve each scene's own space before the following composition. */
.panel + .library-pair{margin-top:var(--space)}
.library-pair{align-items:start;position:relative;isolation:isolate}
.library-pair .media{position:relative;min-width:0;overflow:hidden}
.library-pair img{display:block;width:100%;height:auto;max-width:100%}
/* The live divider replaces the static chapter rule without changing spacing. */
.chapter:has(.motion-divider)>h2{border-bottom:0;margin-bottom:0}
.library-pair .media-stage{overflow:hidden}